// Home-page teaser sections — small previews linking out to full pages. function SkillsTeaser() { // First 3 from TENTACLES — same card style as the full Skills page but lighter const featured = TENTACLES.slice(0, 3); return (
Capabilities

One coworker.
Every kind of work.

See all 23 capabilities {Icons.arrow({ width: 14, height: 14 })}
{featured.map((t, i) => (
{Icons[t.icon]({ width: 22, height: 22 })}
{String(i + 1).padStart(2, '0')}
{t.label}

{t.one}

{t.deep}

Learn more {Icons.arrow({ width: 14, height: 14 })}
))}
); } function StoriesTeaser() { // Featured: Ana (story 04 — $240K grant, programme lead) const featured = STORIES.find((s) => s.n === '04') || STORIES[0]; const supporting = STORIES.filter((s) => s.n !== featured.n).slice(0, 3); return (
{/* Featured spotlight — editorial pull-quote */} {/* Header for supporting cards */}
Five more like it

Different jobs. Same coworker.

All stories {Icons.arrow({ width: 14, height: 14 })}
{/* Supporting cards row */}
{supporting.map((s) => (
{s.n}
{s.metric}
{s.unit}

{s.title}

{s.name}
{s.name}
{s.role}
 ))}
); } Object.assign(window, { SkillsTeaser, StoriesTeaser });