// Main app — homepage + contact sheet toggle const { useState: useStateApp } = React; // Simplified visual previews for the contact sheet — captures composition at a glance const SheetThumbs = [ { name: 'Hero', sub: '“School inside a world.”', render: () => ( {Array.from({length: 40}).map((_, i) => )} )}, { name: 'Proof bar', sub: '402 · 20 · 91% · 89% · 86% · 369', render: () => ( {[0,1,2,3,4,5].map(i => ( {['402','20','91','89','86','369'][i]} {['STDNT','CNTRY','MATH','SCI','ELA','UC A-G'][i]} ))} UC A-G )}, { name: 'Six worlds', sub: 'Every lesson is a place.', render: () => ( Every lesson is a place. {[ { c: '#1a2240' }, { c: '#2a1a10' }, { c: '#0e1e1a' }, { c: '#181428' }, { c: '#1e1010' }, { c: '#0f1820' } ].map((w, i) => ( {i < 5 && } ))} )}, { name: 'Three doors', sub: 'Families · Schools · Partners', render: () => ( {[ { x: 6, vis: 'dash' }, { x: 56, vis: 'diag' }, { x: 106, vis: 'net' } ].map((d, i) => ( {d.vis === 'dash' && ( {[0,1,2].map(r => )} {[0,1,2].map(r => )} )} {d.vis === 'diag' && ( )} {d.vis === 'net' && ( )} {['Families','Schools','Partners'][i]} ))} )}, { name: 'How it works', sub: '5 steps · prompt → world → grade', render: () => ( How it actually works. {['01','02','03','04','05'].map((n, i) => ( {n} ))} )}, { name: 'Trust strip', sub: 'WASC · UC · World Labs · CVC', render: () => ( {['W','UC','∿','CVC'].map((g, i) => ( {g} WASC acc. {['WASC','UC A-G','World Labs','CVC'][i]} ))} Founded 2017 · Stanford · Palo Alto · China · Singapore )}, { name: 'SofAI demo', sub: 'Interactive · 3 modes', render: () => ( One identity. Three lenses. {[0,1,2].map(i => ( {['STUD','PRNT','TCHR'][i]} ))} )}, { name: 'Manifesto excerpt', sub: '258 million children…', render: () => ( FROM THE MANIFESTO There are 258 million children on this planet not in school today... An imagination problem. § 01 · IMAGINATION )}, { name: 'Final CTA', sub: '“The next school year starts in a world.”', render: () => ( {Array.from({length: 50}).map((_, i) => )} The next school year starts in a world. Begin enrollment → )}, { name: 'Footer', sub: 'Address · credentials · nav', render: () => ( {['Learn','Apply','School'].map((c, i) => ( {[0,1,2,3].map(r => )} ))} )}, ]; const ContactSheet = ({ onBack }) => (
CONTACT SHEET · HOMEPAGE

10 sections at a glance.

Click any thumbnail to jump to it. Toggle to Full page in the bottom-right to scroll the whole homepage.

v0.1 · 2026-05-19
{SheetThumbs.map((t, i) => ( setTimeout(onBack, 50)}>
{t.render()}
{t.name}
{t.sub}
{String(i+1).padStart(2,'0')}
))}
); const Homepage = () => ( <>