const { useState: useS2, useEffect: useE2 } = React; const { Reveal: Rv, WordReveal: WR, ChapterHead: CH, Counter: Ct, FrameShell: FS, Check: Ck, ProductShot: PS } = window; /* ===================== VISION (manifesto band — compact, one-shot reveal) ===================== */ function Vision({ copy, motionOn = true }) { const v = copy.vision; return (
{v.eyebrow}
{v.lead} {v.emph} {v.tail} {v.chips.map((c) => ( {c} ))}
); } /* ===================== GODOS (module rail + morphing frame) ===================== */ function ChatVoiceView({ m }) { return (
godos · chat + voice
{m.demo.user}
{m.demo.ai}
▍ speak or type…VOICE
); } function MemoryView({ m }) { return (
memory · persistent context
{m.demo.items.map((it, i) => (
{it}
))}
↳ knowledge graph · {m.demo.items.length} nodes linked
); } function BuildView({ m }) { return (
build · runtime tools
» {m.demo.task}
{m.demo.steps.map((s, i) => (
{s}
))}
● shipped — no engineer involved
); } function OperatorView({ m }) { return (
operator · weekly plan
{m.demo.items.map((it) => (
{it.t}ROI {it.roi}
))}
approve all · or let it auto-runSAFE
); } function ClipView({ m }) { return (
clip ai · autonom
{m.demo.src}
{m.demo.stages.map((s, i) => (
{s.k} {s.t} →
))}
); } const GV_VIEWS = { chat: ChatVoiceView, memory: MemoryView, build: BuildView, operator: OperatorView, clip: ClipView }; function GodOSSection({ copy }) { const s = copy.godos; const [active, setActive] = useS2(0); const [paused, setPaused] = useS2(false); useE2(() => { if (paused || document.body.classList.contains('no-motion')) return; const id = setInterval(() => setActive(a => (a + 1) % s.modules.length), 4600); return () => clearInterval(id); }, [paused, s.modules.length]); return (
{s.title[0]}{s.title[1]}} lede={s.lede} />
{s.tag}
setPaused(false)}> {s.modules.map((m, i) => ( ))}
{s.modules.map((m, i) => { const View = GV_VIEWS[m.view]; return (
); })}
); } /* ===================== TREVI (dark band — the money layer) ===================== */ function TreviPay({ copy }) { const f = copy.trevi.frame; return (
{f.label}
⚡ {f.method}
{f.amount}{f.unit}
{f.addr}
{f.statusLabel}{f.statusVal}
{f.cashback}
{f.coin}
{f.coinVal}
 ); } function Trevi({ copy, motionOn = true }) { const t = copy.trevi; const ref = React.useRef(null); useE2(() => { const sec = ref.current; if (!sec) return; if (!motionOn) { sec.style.setProperty('--enter', '1'); return; } let raf = 0; const apply = () => { raf = 0; const r = sec.getBoundingClientRect(); const ih = window.innerHeight; const e = window.smooth(ih - r.top, ih * 0.10, ih * 0.50); sec.style.setProperty('--enter', e.toFixed(4)); }; const onScroll = () => { if (!raf) raf = requestAnimationFrame(apply); }; apply(); window.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', onScroll, { passive: true }); return () => { window.removeEventListener('scroll', onScroll); window.removeEventListener('resize', onScroll); if (raf) cancelAnimationFrame(raf); }; }, [motionOn]); return (
{t.title[0]}{t.title[1]}} lede={t.lede} ledeRight={false} />
{t.chips.map((c) => ( {c.t} {c.s === 'live' ? 'LIVE' : 'BALD'} ))}
); } /* ===================== FLEET (product gallery) ===================== */ function Fleet({ copy }) { const f = copy.fleet; return (
{f.title[0]}{f.title[1]}} lede={f.lede} />
{f.products.map((p, i) => (
{f.tags[p.tag]} {('0' + (i + 1)).slice(-2)}

{p.name}

{p.one}

{p.meta}
 ))}
); } Object.assign(window, { Vision, GodOSSection, Trevi, Fleet });