// site-nav.jsx — shared site chrome used by all pages. // Exports SiteNav + SiteFooter. Loaded BEFORE each page's own script. const { useState: useS_n, useEffect: useE_n } = React; function useSiteNavScrollY() { const [y, setY] = useS_n(0); useE_n(() => { let raf = 0; const h = () => { if (raf) return; raf = requestAnimationFrame(() => { setY(window.scrollY); raf = 0; }); }; window.addEventListener('scroll', h, { passive: true }); return () => { window.removeEventListener('scroll', h); cancelAnimationFrame(raf); }; }, []); return y; } const SITE_NAV_LINKS = [ ['How we work', 'methodology.html'], ['Services', 'services.html'], ['Sectors', 'sectors.html'], ['About', 'about.html'], ]; // Determine which nav item is the current page so we can mark it. function currentPage() { if (typeof window === 'undefined') return ''; const p = window.location.pathname.split('/').pop() || 'index.html'; return p; } function SiteNav() { const scrollY = useSiteNavScrollY(); const scrolled = scrollY > 30; const here = currentPage(); const isHome = here === '' || here === 'index.html'; const [open, setOpen] = useS_n(false); // Close drawer if window resizes past mobile breakpoint useE_n(() => { const onResize = () => { if (window.innerWidth > 900) setOpen(false); }; window.addEventListener('resize', onResize); return () => window.removeEventListener('resize', onResize); }, []); // Lock body scroll while drawer is open useE_n(() => { if (open) document.body.style.overflow = 'hidden'; else document.body.style.overflow = ''; return () => { document.body.style.overflow = ''; }; }, [open]); // Rewrite same-page hash links so they smooth-scroll instead of reloading. const resolveHref = (h) => { if (!isHome) return h; const [file, hash] = h.split('#'); if (hash && (file === 'index.html' || file === '')) return '#' + hash; return h; }; const close = () => setOpen(false); const contactHref = isHome ? '#contact' : 'index.html#contact'; return ( <> Skip to content
StratAlliance Global Start a conversation
{/* Mobile drawer — rendered always; visibility driven by state */}