/* global React, ReactDOM, Hero, About, Sectors, Partners, Contact, Footer */ const { useState, useEffect } = React; /* Baked-in design settings — previously exposed via a Tweaks panel, now locked. If you need to change these, edit them here and the matching data-attrs on . */ const SETTINGS = { accent: "blue", // brand primary blue typePair: "dm", // DM Serif + Sans heroVariant: "waves", // flowing black/white/blue waves (matches LinkedIn banner) waveAnimation: true, motion: 0.4, }; /* Theme resolution: persists a user preference in localStorage, otherwise follows the OS. The nav moon/sun toggle flips between light and dark. */ function useTheme() { const [override, setOverride] = useState(() => { try { return localStorage.getItem("ainest-theme"); } catch { return null; } }); const [systemTheme, setSystemTheme] = useState(() => typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light" ); useEffect(() => { if (!window.matchMedia) return; const mq = window.matchMedia("(prefers-color-scheme: dark)"); const onChange = (e) => setSystemTheme(e.matches ? "dark" : "light"); mq.addEventListener?.("change", onChange); return () => mq.removeEventListener?.("change", onChange); }, []); const resolved = override ?? systemTheme; const setTheme = (t) => { setOverride(t); try { localStorage.setItem("ainest-theme", t); } catch {} }; return [resolved, setTheme]; } function Nav({ resolvedTheme, onToggleTheme }) { return ( ); } function App() { const [resolvedTheme, setTheme] = useTheme(); // apply fixed design tokens + resolved theme to useEffect(() => { const root = document.documentElement; root.setAttribute("data-theme", resolvedTheme); root.setAttribute("data-accent", SETTINGS.accent); root.setAttribute("data-typepair", SETTINGS.typePair); }, [resolvedTheme]); return (

); } ReactDOM.createRoot(document.getElementById("root")).render();