{scan === 'ok' ? 'Welcome back, ' + name : scan === 'scan' ? 'Looking for you…' : 'No codes. You stay signed in on this phone.'}

setMode('email')}>Use an email code instead

: <>

We'll email you a one-time sign-in code.

); } function Modals({ modal, close, s, set, go, onToggleMood, onMoodDone }) { const { Sheet, Button, TextField, ListRow, Icon, OptionChip } = window.GG; const { tone, MOODS } = window.GGData; const [email, setEmail] = React.useState(s.email); const P = ({ children }) =>

{children}

; const sarah = Sarah McEwen; return <>

Dual-task neuroplasticity: performing cognitive drills while your heart rate is elevated on a stationary bike triggers a 3x surge in BDNF (Brain-Derived Neurotrophic Factor) compared to playing stationary.

Flow state acceleration

Ride time feels 60% faster while engaged

3x BDNF

Pick up to 2. We'll tune this ride's pace and cue rhythm to match.

{MOODS.map(m => onToggleMood(m.id)}>{m.label})}

Skip for now

$19.99/month or $199/year

Elevate your bike brain training

1-on-1 onboarding call

Understand your fitness and cognitive goals with our founder, a Cognitive Psychologist and NSCA-Certified Personal Trainer {sarah}

Cancel anytime

Welcome to Genius Pro!

Your membership is now upgraded. You have unlocked unlimited games, VIP WhatsApp community access, and your 1-on-1 introductory onboarding call with founder {sarah}.

; } // Screen-state changer: sidebar on desktop, slide-up sheet on mobile. function ScreenSwitcher({ s, go, reset }) { const [open, setOpen] = React.useState(false); const jump = (id, extra) => { window.GGData.hush(); go(id, { ret: null, ...(extra || {}) }); setOpen(false); }; const active = (id, extra) => s.screen === id && (!extra || !extra.world || extra.world === s.world); return <>

setOpen(false)}>

; } function App() { const { tone } = window.GGData; const [s, setS] = React.useState(() => { try { return { ...fresh(), ...JSON.parse(localStorage.getItem(KEY)) }; } catch (e) { return fresh(); } }); const [modal, setModal] = React.useState(null); const moodAsked = React.useRef(false); const pending = React.useRef(null); const withMood = fn => { pending.current = fn; setS(x => ({ ...x, selectedMoods: [] })); setModal('mood'); }; const moodDone = () => { moodAsked.current = true; setModal(null); const fn = pending.current; pending.current = null; fn && fn(); }; window.__ggModal = setModal; React.useEffect(() => { localStorage.setItem(KEY, JSON.stringify(s)); }, [s]); const set = p => setS(x => ({ ...x, ...p })); window.GGPrefs = { largeText: s.largeText, highContrast: s.highContrast, haptics: s.haptics, skipRobot: s.skipRobot, speech: s.speech, voice: s.voice, ageBand: s.calibration.ageBand, set }; React.useEffect(() => { const f = e => { if (e.target.closest && e.target.closest('button,[role=button],[role=switch]')) window.GGData.haptic('tap'); }; document.addEventListener('pointerdown', f, true); return () => document.removeEventListener('pointerdown', f, true); }, []); const go = (screen, extra = {}) => { setModal(null); setS(x => ({ ...x, screen, ...extra })); }; const toggleP = id => setS(x => { const c = x.selectedPriorities.slice(); const i = c.indexOf(id); if (i >= 0) c.splice(i, 1); else if (c.length < 3) c.push(id); return { ...x, selectedPriorities: c }; }); const toggleM = id => { tone(500); setS(x => { const c = x.selectedMoods.slice(); const i = c.indexOf(id); if (i >= 0) c.splice(i, 1); else { if (c.length >= 2) c.shift(); c.push(id); } return { ...x, selectedMoods: c }; }); }; const tab = t => { tone(450); go(t); }; const play = id => (!s.isPro && s.completedDrills.length >= 3) ? setModal('pro') : withMood(() => { tone(550); go(s.skipRobot ? 'session' : 'tutorial', { drillId: id, ret: 'home', fromDemo: false }); }); const ret = s.ret; let view; switch (s.screen) { case 'welcome': view = go('signup')} onLogin={() => setModal('login')} onScience={() => setModal('science')} />; break; case 'signup': view = go('welcome')} onNext={() => { tone(560); go('code'); }} onLogin={() => setModal('login')} />; break; case 'code': view = go('signup')} onNext={() => go('priorities', { ret: null })} />; break; case 'priorities': view = set({ selectedPriorities: a })} fromProfile={!!ret} onBack={() => go(ret || 'code', { ret: null })} onContinue={() => go(ret || 'basics', { ret: null })} />; break; case 'basics': view = go('priorities')} onNext={() => go('mood')} onSkip={() => go('home')} />; break; case 'mood': view = go('basics')} onNext={() => { tone(660); go('home'); }} onSkip={() => go('home')} />; break; case 'home': view = (s.justFinished && !s.isPro) ? setModal('pro') : withMood(() => { tone(660); go('ride'); })} onEditGoals={() => go('priorities', { ret: 'home' })} onScience={() => setModal('science')} onPro={() => setModal('pro')} />; break; case 'ride': view = { window.GGData.hush(); setModal(null); setS(x => ({ ...x, screen: 'home', world: x.pendingWorld || x.world, pendingWorld: null })); }} onComplete={stats => setS(x => ({ ...x, rideDone: true, lastRide: stats, justFinished: true, pendingWorld: (id => { const O = window.WORLD_ORDER; return O[(O.indexOf(id) + 1) % O.length]; })(stats.world) }))} onNextWorld={() => { window.GGData.hush(); if (!s.isPro) setModal('pro'); else setS(x => ({ ...x, justFinished: false, world: x.pendingWorld || x.world, pendingWorld: null, rideKey: (x.rideKey || 0) + 1 })); }} />; break; case 'tutorial': view = go('home')} onPlay={() => { tone(660); go('session', { fromDemo: true }); }} />; break; case 'session': view = go('home')} onFinish={res => setS(x => ({ ...x, screen: 'complete', result: res, completedDrills: x.completedDrills.includes(x.drillId) ? x.completedDrills : [...x.completedDrills, x.drillId] }))} />; break; case 'complete': view = go('session', { fromDemo: false })} onNext={id => go(s.skipRobot ? 'session' : 'tutorial', { drillId: id, fromDemo: false })} onHome={() => { go('home'); if (!s.isPro && s.completedDrills.length >= 3) setTimeout(() => setModal('pro'), 450); }} />; break; case 'profile': view = setModal('pro')} onLogout={() => { tone(520); setModal(null); setS(fresh()); }} />; break; default: view = null; } return ( <>

{view}

setModal(null)} s={s} set={set} go={go} onToggleMood={toggleM} onMoodDone={moodDone} />

{ setModal(null); setS(fresh()); }} /> ); } window.GGReady.then(() => { const root = ReactDOM.createRoot(document.getElementById('root')); const boot = () => { root.render(); requestAnimationFrame(() => window.__ggFit && window.__ggFit()); }; if (window.__ggUnlocked && window.__ggUnlocked()) boot(); else window.addEventListener('proto:unlocked', boot, { once: true }); });