// layout.jsx // The shared page layout: brand marks, Nav, Footer. // Loaded before landing.jsx and legal.jsx, which call into these directly // (these scripts share one global scope — there are no modules here). // // Hooks are fully qualified (React.useEffect) on purpose: landing.jsx owns the // top-level `const { useState, useEffect, useRef } = React` destructuring, and a // second top-level `const` for the same names would be a redeclaration SyntaxError. const BRAND_ACCENT = "#205FA6"; const LogoFull = () => ( ); const LogoIcon = ({ color = "#205FA6" }) => ( ); // ── Brand mark ──────────────────────────────────────────────────── const LogoMark = ({ color = "#fff", size = 18 }) => ( ); // ── Sticky nav scroll-state ────────────────────────────────────── function useScrollClass() { React.useEffect(() => { const nav = document.querySelector(".nav"); const fn = () => nav?.classList.toggle("scrolled", window.scrollY > 8); fn(); window.addEventListener("scroll", fn, { passive: true }); return () => window.removeEventListener("scroll", fn); }, []); } // ── App store buttons (real-looking) ───────────────────────────── const AppleSVG = ( ); const GoogleSVG = ( ); const StoreButton = ({ store = "apple", accent }) => { const storeLinks = { apple: "https://apps.apple.com/us/app/ambition-shape-your-future/id1557562279", google: "https://play.google.com/store/apps/details?id=com.theambitionapp.ambitionappRN", }; return ( {store === "apple" ? AppleSVG : GoogleSVG}

{store === "apple" ? "Download on the" : "Get it on"}

{store === "apple" ? "App Store" : "Google Play"}

); }; // ── Section: Nav ───────────────────────────────────────────────── // `base` prefixes the section anchors so they still resolve off the home page. // Home passes "" (plain "#how"); subpages pass "/" (so "#how" → "/#how"). function Nav({ ctaCopy = "Get Ambition", accent = BRAND_ACCENT, base = "" }) { return ( ); } // ── Footer ────────────────────────────────────────────────────── function Footer({ accent = BRAND_ACCENT }) { return ( ); }