{
if (!dragRef.current.active) return;
setUserSpin(dragRef.current.baseSpin + (e.clientX - dragRef.current.startX) * 0.01);
}}
onMouseUp={() => { dragRef.current.active = false; }}
onMouseLeave={() => { dragRef.current.active = false; }}
>
{/* LEFT — question text */}
So here is the question that follows
What if the next great
{/* Globe — SVG on right */}
;
})}
{/* Land mass dots — slightly larger/darker */}
{landPoints.map((g, i) => {
const p = project(g[0], g[1]);
if (!p.facing) return null;
const depth = (p.z + R) / (2 * R);
return
);
}))}
{/* Pin dots + name labels */}
{pins.map((pin, i) => {
const p = project(pin.lat, pin.lon);
if (!p.facing) return null;
const appear = Easing.easeOutBack(clamp((localTime - pin.delay) / 0.5, 0, 1));
const pulse = 1 + 0.25 * Math.sin(localTime * 2.5 + i);
const depth = (p.z + R) / (2 * R);
return (
);
})}
{/* Globe drag overlay — transparent circle over globe */}
{
e.preventDefault();
dragRef.current = { active: true, startX: e.clientX, baseSpin: userSpin };
}}
/>
{/* LEFT — list column */}
Here's what is already happening quietly
{[
'14 family offices launched private fellowships last year',
'6 sovereign arms backing founder cohorts directly',
'22 angel collectives running selection in-house',
'9 patron syndicates with named scholars of their own',
'4 sovereign funds recruiting for sector cohorts',
].map((line, i) => {
const appear = Easing.easeOutCubic(clamp((localTime - 3.2 - i * 0.15) / 0.5, 0, 1));
return (
{line}
);
})}
The next YC is not a firm. It is a patron with a name.
);
}}
);
}
// ════════════════════════════════════════════════════════════════════════════
// 4 — SIGNAL
// ════════════════════════════════════════════════════════════════════════════
function SceneSignal({ start, end }) {
const sectors = [
'ARTIFICIAL INTELLIGENCE',
'CLIMATE + ENERGY',
'BIOTECH + LONGEVITY',
'DEFENSE + SPACE',
'FINTECH + CRYPTO',
'ROBOTICS + HARDWARE',
'CONSUMER + CULTURE',
'INDUSTRY + SUPPLY',
];
const waveParams = React.useMemo(() => {
const r = rng(17);
return sectors.map(() => ({
baseAmp: 0.35 + r() * 0.4,
speed: 0.8 + r() * 1.2,
phase: r() * Math.PI * 2,
spikeAt: 0.3 + r() * 0.5,
spikeWidth: 0.08 + r() * 0.06,
}));
}, []);
// Minimal SVG icons per sector
const SectorIcon = ({ index }) => {
const shapes = [
// AI: neural nodes
<>
{shapes[index % shapes.length]}
);
};
return (
{({ localTime, duration }) => {
const o = fade(localTime, duration, 0.5, 0.5);
const headerOp = Easing.easeOutCubic(clamp(localTime / 0.6, 0, 1));
const bodyOp = Easing.easeOutCubic(clamp((localTime - 2.4) / 0.7, 0, 1));
const laneLeft = 720;
const laneRight = 1230;
const laneTop = 128;
const laneH = 58;
const tScrub = clamp((localTime - 0.4) / 4.0, 0, 1);
return (
{/* LEFT — text column */}
We listen to every
Shifts begin as whispers — a new lab, a stranger cohort, a tool nobody named yet. We study how conviction moves before capital does, so the fellowship you launch catches the wave at its origin, not its crest.
{/* RIGHT — waveforms */}
{sectors.map((name, i) => {
const y = laneTop + i * laneH + laneH / 2;
const appear = Easing.easeOutCubic(clamp((localTime - 0.5 - i * 0.08) / 0.5, 0, 1));
const laneW = laneRight - laneLeft;
const w = waveParams[i];
const segments = 100;
const points = [];
for (let s = 0; s <= segments; s++) {
const u = s / segments;
const x = laneLeft + u * laneW;
const base = Math.sin(u * 9 + localTime * w.speed + w.phase) * 0.5;
const jitter = Math.sin(u * 27 + localTime * 0.6 + w.phase * 1.3) * 0.18;
const d = u - w.spikeAt;
const spike = Math.exp(-(d * d) / (w.spikeWidth * w.spikeWidth)) *
(1.2 * w.baseAmp * Easing.easeOutCubic(tScrub));
const v = (base + jitter) * w.baseAmp - spike;
const py = y + v * (laneH * 0.35);
points.push(`${x.toFixed(1)},${py.toFixed(1)}`);
}
return (
{/* Label with icon */}
{name}
{(() => {
const u = tScrub;
const x = laneLeft + u * laneW;
const base = Math.sin(u * 9 + localTime * w.speed + w.phase) * 0.5;
const jitter = Math.sin(u * 27 + localTime * 0.6 + w.phase * 1.3) * 0.18;
const d = u - w.spikeAt;
const spike = Math.exp(-(d * d) / (w.spikeWidth * w.spikeWidth)) * 1.2 * w.baseAmp;
const v = (base + jitter) * w.baseAmp - spike;
const py = y + v * (laneH * 0.35);
return ;
})()}
);
})}
);
}}
);
}
// ════════════════════════════════════════════════════════════════════════════
// 5 — TURN
// ════════════════════════════════════════════════════════════════════════════
function SceneTurn({ start, end }) {
return (
{({ localTime, duration }) => {
const o = fade(localTime, duration, 0.5, 0.5);
const cx = 340, cy = 360;
const pairs = [];
const extraCount = 10;
for (let i = 0; i < extraCount; i++) {
const theta = (i / extraCount) * Math.PI * 2 + 0.3;
const r = 210;
pairs.push({
ax: cx + Math.cos(theta) * r - 24,
ay: cy + Math.sin(theta) * r * 0.7,
bx: cx + Math.cos(theta) * r + 24,
by: cy + Math.sin(theta) * r * 0.7,
delay: 0.2 + i * 0.08,
});
}
const founderIn = Easing.easeOutBack(clamp((localTime - 0.2) / 0.5, 0, 1));
const investorIn = Easing.easeOutBack(clamp((localTime - 0.5) / 0.5, 0, 1));
const centerLineOp = Easing.easeOutCubic(clamp((localTime - 0.7) / 0.6, 0, 1));
const handoff = Easing.easeInOutCubic(clamp((localTime - 1.9) / 1.6, 0, 1));
const scale = 1 - 0.5 * handoff;
const arrowOp = Easing.easeOutCubic(clamp((localTime - 2.6) / 0.7, 0, 1));
const bigTextOp = Easing.easeOutCubic(clamp((localTime - 2.9) / 0.7, 0, 1));
return (
{pairs.map((p, i) => {
const appear = Easing.easeOutCubic(clamp((localTime - p.delay) / 0.5, 0, 1));
const fd = 1 - handoff * 0.6;
return (
);
})}
FOUNDER
CAPITAL
CONVICTION
We already do this.
Built for you. Named after you. Tuned to the sector you know best and the founders only you would recognise.
);
}}
);
}
// ════════════════════════════════════════════════════════════════════════════
// 6 — PATRONS
// ════════════════════════════════════════════════════════════════════════════
function ScenePatrons({ start, end }) {
const groups = [
{ cx: 260, cy: 360, label: 'FAMILY OFFICES',
sub: 'SECOND-GENERATION STEWARDS',
pts: [[0,0],[50,-30],[-40,-40],[30,30],[-50,20],[60,0],[-30,50],[20,-60]] },
{ cx: 640, cy: 300, label: 'HIGH NET-WORTH BACKERS',
sub: 'OPERATORS TURNED ALLOCATORS',
pts: [[0,0],[40,-50],[-50,-30],[55,20],[-40,40],[25,-70],[-25,-60],[60,-10],[-60,10]] },
{ cx: 1020, cy: 360, label: 'NEW ASSET-CLASS SEEKERS',
sub: 'INSTITUTIONS BUILDING ACCESS',
pts: [[0,0],[-45,-30],[30,-40],[50,30],[-55,25],[0,-60]] },
];
return (
{({ localTime, duration }) => {
const o = fade(localTime, duration, 0.5, 0.5);
const headerOp = Easing.easeOutCubic(clamp(localTime / 0.6, 0, 1));
const bigTextOp = Easing.easeOutCubic(clamp((localTime - 3.2) / 0.7, 0, 1));
return (
Built for those who already know.
{groups.map((g, gi) => {
const appear = Easing.easeOutCubic(clamp((localTime - 0.4 - gi * 0.3) / 0.8, 0, 1));
const fx = Math.sin(localTime * 0.4 + gi) * 6;
const fy = Math.cos(localTime * 0.4 + gi * 1.3) * 4;
const pairs = [[0,1],[0,2],[1,3],[2,4],[0,5],[4,6],[3,7]];
return (
{pairs.map(([a, b], pi) => {
if (!g.pts[a] || !g.pts[b]) return null;
return (
);
})}
{groups.map((g, i) => {
const appear = Easing.easeOutCubic(clamp((localTime - 0.8 - i * 0.3) / 0.6, 0, 1));
return (
);
})}
The instinct was always yours.
);
}}
);
}
// ════════════════════════════════════════════════════════════════════════════
// 7 — INSIDE / OUTSIDE
// ════════════════════════════════════════════════════════════════════════════
function SceneInsideOutside({ start, end }) {
const blooms = React.useMemo(() => {
const r = rng(53);
const arr = [];
const bx = 940, by = 340;
for (let i = 0; i < 36; i++) {
const theta = r() * Math.PI * 2;
const rad = Math.pow(r(), 0.5) * 200;
arr.push({
x: bx + Math.cos(theta) * rad,
y: by + Math.sin(theta) * rad * 0.75,
rot: r() * Math.PI * 2,
size: 5 + r() * 10,
delay: 0.7 + r() * 2.2,
});
}
return arr;
}, []);
return (
{({ localTime, duration }) => {
const o = fade(localTime, duration, 0.5, 0.5);
const headerOp = Easing.easeOutCubic(clamp(localTime / 0.6, 0, 1));
const bigTextOp = Easing.easeOutCubic(clamp((localTime - 2.8) / 0.7, 0, 1));
const insideCX = 280, insideCY = 340;
const floors = 5, floorW = 220, floorH = 26;
const totalH = floors * floorH;
const progress = Easing.easeInOutCubic(clamp((localTime - 0.4) / 5.0, 0, 1));
const filled = progress * floors;
return (
One takes decades.
{[...Array(floors)].map((_, i) => {
const fi = floors - 1 - i;
const y = insideCY - 140 + i * floorH + 40;
const isFilled = fi < filled;
const partial = Math.max(0, Math.min(1, filled - fi));
return (
YR {(fi + 1) * 2}
);
})}
INSIDE THE BUILDING
INCREMENTAL. APPROVAL-BOUND.
{blooms.map((b, i) => {
const appear = Easing.easeOutBack(clamp((localTime - b.delay) / 0.5, 0, 1));
const sway = Math.sin(localTime * 1.4 + i) * 3;
const s = b.size;
return (
);
})}
OUTSIDE THE BUILDING
UNRULY. ALREADY SHIPPING.
A fellowship surfaces what the world is already building,
);
}}
);
}
// ════════════════════════════════════════════════════════════════════════════
// 8 — SYSTEM
// ════════════════════════════════════════════════════════════════════════════
function SceneSystem({ start, end }) {
const steps = [
{ num: '01', title: 'Define your thesis',
body: 'What do you believe in before the world does? We map your conviction to founder pools across 40+ sectors.',
diagram: 'thesis' },
{ num: '02', title: 'Signal scan',
body: 'Our engine surfaces founders whose trajectory matches your thesis — weeks before anyone else sees them.',
diagram: 'signal' },
{ num: '03', title: 'Fellowship design',
body: 'Your brand, your name, your terms. We build the identity, selection, and architecture around you.',
diagram: 'design' },
{ num: '04', title: 'Cohort selection',
body: 'Application scoring and shortlisting. You make the final call. The best founders come to you.',
diagram: 'select' },
{ num: '05', title: 'Run and compound',
body: 'Operations, mentorship, alumni OS. Every cohort compounds the last. Your network grows stronger each year.',
diagram: 'compound' },
];
const Diagram = ({ kind, t }) => {
const size = 90, c = size / 2;
switch (kind) {
case 'thesis':
return (
);
case 'signal': {
const pts = [];
for (let i = 0; i <= 40; i++) {
const u = i / 40;
const y = c + Math.sin(u * 10 + t * 2) * 14 + Math.sin(u * 3 + t) * 4;
pts.push(`${10 + u * (size - 20)},${y}`);
}
return (
);
}
case 'design':
return (
);
case 'select': {
const out = [];
for (let i = 0; i < 8; i++) {
const passed = i < 3;
out.push();
}
return (
);
}
case 'compound': {
const ddots = [];
const n = 24;
const grown = Math.min(n, Math.floor(t * 14 + 3));
const golden = Math.PI * (3 - Math.sqrt(5));
for (let i = 0; i < grown; i++) {
const r = Math.sqrt(i / n) * 36;
const theta = i * golden;
const x = c + Math.cos(theta) * r;
const y = c + Math.sin(theta) * r;
ddots.push(
);
}
}
return null;
};
return (
{({ localTime, duration }) => {
const o = fade(localTime, duration, 0.5, 0.5);
const headerOp = Easing.easeOutCubic(clamp(localTime / 0.6, 0, 1));
const railX = 140, firstY = 240, rowH = 78;
return (
{steps.map((step, i) => {
const y = firstY + i * rowH;
const delay = 0.4 + i * 0.2;
const appear = Easing.easeOutCubic(clamp((localTime - delay) / 0.6, 0, 1));
const filled = i % 2 === 0;
return (
{step.num}
);
})}
);
}}
);
}
// ════════════════════════════════════════════════════════════════════════════
// 9 — LEDGER
// ════════════════════════════════════════════════════════════════════════════
function SceneLedger({ start, end }) {
return (
{({ localTime, duration }) => {
const o = fade(localTime, duration, 0.5, 0.5);
const headerOp = Easing.easeOutCubic(clamp(localTime / 0.6, 0, 1));
const t1 = Easing.easeOutCubic(clamp((localTime - 0.5) / 2.0, 0, 1));
const t2 = Easing.easeOutCubic(clamp((localTime - 1.0) / 2.5, 0, 1));
const t3 = Easing.easeOutCubic(clamp((localTime - 1.5) / 2.2, 0, 1));
const bar1 = 1.3 * t1, bar2 = t2, bar3 = t3;
return (
A short ledger
When conviction meets capital early,
{[
{ num: '$1.3T', sub: 'COMBINED VALUE OF CONVICTION-BACKED COHORTS', t: t1, bar: bar1 / 1.3 },
{ num: '700+', sub: 'THIEL FELLOWS BACKED SINCE 2011', t: t2, bar: bar2 },
{ num: '15yr', sub: 'OF CAPITAL-FLOW INTELLIGENCE BEHIND YOU', t: t3, bar: bar3 },
].map((s, i) => (
{[...Array(20)].map((_, j) => (
{s.num}
{s.sub}
))}
);
}}
);
}
// ════════════════════════════════════════════════════════════════════════════
// 10 — AIRBNB STORY
// ════════════════════════════════════════════════════════════════════════════
function SceneAirbnb({ start, end }) {
return (
{({ localTime, duration }) => {
const o = fade(localTime, duration, 0.5, 0.5);
const headerOp = Easing.easeOutCubic(clamp(localTime / 0.6, 0, 1));
const founderIn = Easing.easeOutBack(clamp((localTime - 0.4) / 0.5, 0, 1));
const patronIn = Easing.easeOutBack(clamp((localTime - 0.9) / 0.5, 0, 1));
const chequeT = clamp((localTime - 1.6) / 1.4, 0, 1);
const stampOp = Easing.easeOutBack(clamp((localTime - 2.8) / 0.5, 0, 1));
const companyOp = Easing.easeOutCubic(clamp((localTime - 3.4) / 0.7, 0, 1));
const quoteOp = Easing.easeOutCubic(clamp((localTime - 0.8) / 0.8, 0, 1));
const fx = 220, fy = 400;
const px = 900, py = 400;
const cx_ = fx + (px - fx) * chequeT;
return (
Every category begins
{chequeT > 0 && chequeT < 1 && (
)}
{stampOp > 0 && (
)}
AIRBNB — 2009
$20K became
The earliest cheque didn't buy equity.
Airbnb's first cheque came
— conviction, earlier than the market
);
}}
);
}
// ════════════════════════════════════════════════════════════════════════════
// 11 — OUTCOME
// ════════════════════════════════════════════════════════════════════════════
function SceneOutcome({ start, end }) {
const fellows = React.useMemo(() => {
const arr = [];
const fcx = 420, fcy = 370;
const n = 80;
const golden = Math.PI * (3 - Math.sqrt(5));
for (let i = 0; i < n; i++) {
const r = Math.sqrt(i / n) * 220;
const theta = i * golden;
arr.push({
x: fcx + Math.cos(theta) * r,
y: fcy + Math.sin(theta) * r * 0.85,
size: 3 + (i % 4),
delay: 0.4 + (i / n) * 2.4,
});
}
return arr;
}, []);
return (
{({ localTime, duration }) => {
const o = fade(localTime, duration, 0.5, 0.6);
const cx = 420, cy = 370;
const youIn = Easing.easeOutBack(clamp(localTime / 0.7, 0, 1));
const textOp = Easing.easeOutCubic(clamp((localTime - 1.6) / 0.8, 0, 1));
const countT = Easing.easeOutCubic(clamp((localTime - 2.0) / 2.5, 0, 1));
const years = ['YR 1', 'YR 2', 'YR 3', 'YR 4', 'YR 5'];
const year = Math.min(years.length, Math.floor(1 + localTime * 0.8));
return (
{fellows.map((f, i) => {
const appear = Easing.easeOutCubic(clamp((localTime - f.delay) / 0.5, 0, 1));
return (
{fellows.map((f, i) => {
const appear = Easing.easeOutCubic(clamp((localTime - f.delay) / 0.5, 0, 1));
return (
);
})}
{/* RIGHT text lane */}
Back a constellation
Every founder you back, every alumnus who compounds, makes the next cohort stronger. Your name becomes the reason they apply.
NETWORK GROWTH
{formatNum(80 * countT)} fellows
COHORTS
{years.map((y, i) => (
{y}
))}
);
}}
);
}
// ════════════════════════════════════════════════════════════════════════════
// 12 — OUTRO
// ════════════════════════════════════════════════════════════════════════════
function SceneOutro({ start, end }) {
return (
{({ localTime, duration }) => {
const o = fade(localTime, duration, 0.3, 0);
return (
{/* Center block */}
{/* Infinity emblem */}
{/* Primary line */}
{(() => {
const t1 = Easing.easeOutCubic(clamp((localTime - 0.1) / 0.4, 0, 1));
return (
The next great conviction engine
);
})()}
{/* Secondary line */}
{(() => {
const t2 = Easing.easeOutCubic(clamp((localTime - 0.2) / 0.4, 0, 1));
return (
Build your Fellowship.
);
})()}
{/* Body */}
We bring the engine, the signal and the network.
{/* CTA */}
Learn more
→
{/* Footer */}
© 2026 Vaomi. All rights reserved
);
}
// SceneEngine is an alias for backward compatibility
const SceneEngine = SceneSignal;
Object.assign(window, {
SceneInvocation, ScenePrologue, SceneParadox, SceneQuestion, SceneSignal, SceneEngine,
SceneTurn, ScenePatrons, SceneInsideOutside, SceneSystem, SceneLedger,
SceneAirbnb, SceneOutcome, SceneOutro,
INK, BG, MUTED, LINE, HELV, MONO, formatNum,
});