/* ============================================================ AKIN.IMPACT — Components ============================================================ */ const { useState, useEffect, useMemo } = React; /* ── NAV ─────────────────────────────────────────── */ const Nav = ({ active, setActive, onApply }) => ( ); /* ── HERO ─────────────────────────────────────────── */ const Hero = ({ onApply }) => (
2026 IMPACT REPORT · NOW LIVE

Lift together,
measure honestly.

We fund and run programmes that strengthen civic infrastructure across SEA. Outcomes published quarterly — including the ones that didn't work.

5 LIVE · 1 UPCOMING · 3 OPEN FOR VOLUNTEERS
1,000+
volunteer hours · 5 yrs
45+
partner orgs activated
S$60K
pro-bono pledged · annually
); /* ── DASHBOARD ─────────────────────────────────────────── */ const Donut = ({ data }) => { const total = data.reduce((s,d) => s + d.value, 0); const r = 50, c = 2 * Math.PI * r; let offset = 0; return ( {data.map((d,i) => { const len = (d.value/total) * c; const seg = ( ); offset += len; return seg; })} {total.toLocaleString()} HOURS · 2026 ); }; const Dashboard = () => { const [hover, setHover] = useState(null); return (
02 / IMPACT DASHBOARD · LIVE

Outcomes, not intentions.

A live cut of where the money, hours and partnerships actually went. Refreshed weekly from project-management and finance systems.

{KPIS.slice(0,3).map((k,i) => (
{k.label}
{k.value}
{k.delta}
))}
Cause-tenant alignment · 2026 portfolio % of programmes contributing
{TENANTS.map((s,i) => (
setHover(i)} onMouseLeave={() => setHover(null)}>
{String(s.num).padStart(2,'0')}
{s.name}
{s.note}
{s.pct}%
))}
Pro-bono hours by craft YTD 2026
{HOURS_PLEDGED.map((h,i) => (
{h.label} {h.value.toLocaleString()}h
))}
Reach by market · 2025 Pan-APAC · 7 markets · 70% of scope of work
{REACH.map((r,i) => (
{r.country}
{r.value.toLocaleString()}
))}
HOURS VALUATION · @ S$350/HR
S$350K
Skill-based pro-bono hours1,000+ h · 71%
Cash pledged · annuallyS$60K · 17%
Cross-agency activation150+ ppl · 12%
); }; /* ── INITIATIVES ─────────────────────────────────────────── */ const InitiativeCard = ({ i, onEngage }) => (
onEngage(i)}>
{i.status} {i.tags.slice(0,2).map((t,k) => {t})} {i.deadline}

{i.title}

{i.desc}

{i.progress !== null && (
{i.progressLabel} {i.progress}%
)}
{i.seats || (i.status === 'recurring' ? 'Recurring' : 'Open')} { e.stopPropagation(); onEngage(i); }}> {i.cta} →
); const Initiatives = ({ onEngage }) => (
03 / LIVE NOW · OPEN TO ENGAGE

What we're
working on right now.

Each initiative is open in some way — funding, hours, mentors, or office-hours slots. Click any card to engage.

{INITIATIVES.map(i => )}
); /* ── ENGAGE ─────────────────────────────────────────── */ const Engage = ({ onApply }) => (
04 / FOUR WAYS TO ENGAGE

Show up how you can.

{ENGAGE.map((e,i) => (
{e.num}

{e.title}

{e.body}

→
))}
); /* ── PROJECTS ─────────────────────────────────────────── */ const Projects = () => { const [filter, setFilter] = useState('all'); const filtered = useMemo(() => { if (filter === 'all') return PROJECTS; if (filter === 'pro-bono' || filter === 'low-bono') return PROJECTS.filter(p => p.kind === filter); return PROJECTS.filter(p => p.sector === filter); }, [filter]); return (
05 / PRO-BONO & LOW-BONO ARCHIVE

Selected projects
2023 — now.

A running ledger of who we worked with, what we shipped, and the outcome we're tracking. Filter by kind or sector.

{FILTERS.map(f => ( ))} {filtered.length} OF {PROJECTS.length}
{filtered.map((p,i) => (
{String(i+1).padStart(2,'0')}
{p.title}
{p.tags.map((t,k) => {t})}
{p.partner}
{p.region} · {p.kind}
{p.outcomeNum} {p.outcomeLbl}
{p.year}
↗
))}
); }; /* ── CAUSES ─────────────────────────────────────────── */ const Causes = () => (
06 / FOUR CAUSES WE BACK

Where we put
our weight.

We're not generalists. Programmes cluster around four areas where agency craft — brand, digital, research — meaningfully moves the needle.

{CAUSES.map((c,i) => (
{c.glyph}

{c.title}

{c.meta}

{c.desc}

))}
); /* ── PARTNERS ─────────────────────────────────────────── */ const Partners = () => (
07 / PARTNER ORGANISATIONS

It takes two to tango.

45+ non-profits, civic bodies, and cross-agency networks we've shipped alongside since 2020. We believe in long, deliberate partnerships — not drive-by interventions.

{PARTNERS.map((p,i) => (
{p}
))}
); /* ── HONEST LEARNINGS ─────────────────────────────────────────── */ const Learnings = () => (
08 / WHAT DIDN'T WORK

Receipts, including the ones that hurt.

Three things from the last 24 months that went sideways. We publish these because the alternative — only showing the wins — is how the social-impact sector keeps making the same mistakes.

{LEARNINGS.map((l,i) => (
{String(i+1).padStart(2,'0')}
{l.title}

{l.body}

{l.verdict}
))}
); /* ── QUOTE ─────────────────────────────────────────── */ const Quote = () => (
"
{TESTIMONIAL.body}
{TESTIMONIAL.name} {TESTIMONIAL.role},
{TESTIMONIAL.org}
{TESTIMONIAL.meta}
); /* ── CTA / FOOTER ─────────────────────────────────────────── */ const CTABand = ({ onApply }) => (
GET IN TOUCH

Got a cause
that needs lift?

Apply for our pro-bono intake or pledge skilled hours to a live cohort. We respond within five working days, every time.

); const Footer = () => ( <>
A
AKIN Impact

AKIN.IMPACT is the social-impact arm of AKIN by Techlyon, headquartered in Singapore. Outcomes, not intentions.

Programmes
Reports
Connect
AKIN.IMPACT · OUTCOMES, NOT INTENTIONS Singapore · Jakarta · Manila
); /* ── APPLY MODAL (multi-step) ─────────────────────────────────────────── */ const ApplyModal = ({ open, onClose }) => { const [step, setStep] = useState(0); const [data, setData] = useState({ kind: null, org: '', focus: null, scope: '', email: '' }); const total = 4; useEffect(() => { if (!open) { setStep(0); setData({ kind: null, org: '', focus: null, scope: '', email: '' }); } }, [open]); if (!open) return null; const next = () => setStep(s => Math.min(s+1, total)); const back = () => setStep(s => Math.max(s-1, 0)); const set = (k,v) => setData(d => ({ ...d, [k]: v })); return (
e.stopPropagation()} style={{position:'relative'}}>
AKIN.IMPACT INTAKE
{step < total ? ( <>
{[0,1,2,3].map(i => )}
STEP {step+1} OF {total}
{step === 0 && <>

What are you here to do?

{[ { k: 'apply', t: 'Apply for our help', d: 'Pro-bono / low-bono support for a cause.' }, { k: 'volunteer', t: 'Volunteer skilled hours', d: 'Designers, strategists, engineers.' }, { k: 'fund', t: 'Co-fund a programme', d: 'Sponsor an initiative end-to-end.' }, { k: 'refer', t: 'Refer a partner', d: 'Send another non-profit our way.' }, ].map(r => (
set('kind', r.k)}>
{r.t}
{r.d}
))}
} {step === 1 && <>

Tell us about your organisation

set('org', e.target.value)} placeholder="e.g. Tani Bersama Co-op"/> } {step === 2 && <>

What does success look like?

In 2-3 sentences. We're looking for a measurable outcome we can publish in our quarterly report.