// Top-level App: nav, sticky scroll, theme, footer, CTA, and animation styles const { useState, useEffect, useRef } = React; function App() { const [tweaks, setTweak] = window.useTweaks({ theme: "light" }); const [waitlistOpen, setWaitlistOpen] = useState(false); const [scrolled, setScrolled] = useState(false); useEffect(() => { document.documentElement.setAttribute("data-theme", tweaks.theme); }, [tweaks.theme]); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 12); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); // Reveal-on-scroll useEffect(() => { const els = document.querySelectorAll(".reveal"); const io = new IntersectionObserver( (entries) => { entries.forEach((e) => { if (e.isIntersecting) e.target.classList.add("in"); }); }, { threshold: 0.12 }, ); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); // Analytics listener (mock) useEffect(() => { const handler = (e) => console.log("[analytics]", e.detail); window.addEventListener("analytics", handler); return () => window.removeEventListener("analytics", handler); }, []); const openWaitlist = () => { window.dispatchEvent( new CustomEvent("analytics", { detail: { event: "cta_click", source: "page" }, }), ); setWaitlistOpen(true); }; return (