/* Nav + Hero — editorial frame, one proof moment. */ const { useEffect: useEffectH, useState: useStateH } = React; /* ---------- NAV ---------- */ function Nav() { const [scrolled, setScrolled] = useStateH(false); useEffectH(() => { const on = () => setScrolled(window.scrollY > 12); on(); window.addEventListener("scroll", on, { passive: true }); return () => window.removeEventListener("scroll", on); }, []); return ( ); } /* ---------- HERO ---------- */ function Hero() { return (
{/* Background: ambient pulsing beacons only — no grid */}
); } /* Inline convergence mark — five flowing lines into one point, lives inside the headline. */ function SignalConvergence() { return ( ); } /* Compact horizontal proof bar — replaces the awkward dark card. Shows the FIVE signals as live data, with the LumaOps lumi anchoring the "live" indicator. */ function HeroProofBar() { return (
{/* Label rail */}
NOESIS.Tools
beta · live in cockpit
synced 14:32
{/* Five signal cells */}
); } function HeroSignalCell({ label, value, delta, tone, sparkline }) { const toneMap = { lumi: "var(--lumi-deep)", release: "var(--release)", revenue: "var(--revenue)", support: "var(--support)", muted: "var(--ink-low)", }; const col = toneMap[tone]; return (
{label}
{typeof value === "number" ? : value}
{delta}
{sparkline && (
)}
); } window.Nav = Nav; window.Hero = Hero; window.HeroProofBar = HeroProofBar; window.SignalConvergence = SignalConvergence; /* ---------- THEME TOGGLE ---------- */ function ThemeToggle() { const [theme, setTheme] = useStateH(() => { if (typeof document === 'undefined') return 'dark'; return document.documentElement.getAttribute('data-theme') || 'dark'; }); const toggle = () => { const next = theme === 'dark' ? 'light' : 'dark'; setTheme(next); document.documentElement.setAttribute('data-theme', next); try { localStorage.setItem('lumaops-theme', next); } catch (e) {} }; return ( ); } window.ThemeToggle = ThemeToggle; /* ---------- HERO BEACONS ---------- */ /* Three subtle pulsing beacons scattered behind the hero, each pulsing on a different rhythm. Reads as ambient "signals being collected". */ function HeroBeacons() { // Positions in percentages of the viewport area const beacons = [ { x: 8, y: 22, delay: 0, color: "var(--release)" }, { x: 92, y: 14, delay: 1.3, color: "var(--lumi)" }, { x: 14, y: 78, delay: 2.6, color: "var(--revenue)" }, { x: 88, y: 72, delay: 0.8, color: "var(--lumi)" }, { x: 50, y: 6, delay: 1.9, color: "var(--ink-low)" }, { x: 50, y: 92, delay: 0.4, color: "var(--release)" }, ]; return ( ); } window.HeroBeacons = HeroBeacons;