// Sticky top navigation. Blurred paper bg, hairline border, active accent underline. // Includes an "Industries" dropdown that links to per-sector landing pages. function IndustriesDropdown({ dark, currentSlug }) { const [open, setOpen] = React.useState(false); const wrapRef = React.useRef(null); const ctx = (typeof getPageContext === "function") ? getPageContext() : { isIndustryPage: false, linkToIndustry: (s) => `industries/${s}.html` }; React.useEffect(() => { if (!open) return; const onDown = (e) => { if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false); }; const onKey = (e) => { if (e.key === "Escape") setOpen(false); }; setTimeout(() => document.addEventListener("mousedown", onDown), 0); document.addEventListener("keydown", onKey); return () => { document.removeEventListener("mousedown", onDown); document.removeEventListener("keydown", onKey); }; }, [open]); const active = !!currentSlug; const list = (typeof INDUSTRY_ORDER !== "undefined") ? INDUSTRY_ORDER : []; return (

{open && ( )}

); } function NavHamburgerIcon({ open }) { return ( ); } function MobileNavMenu({ open, onClose, dark, active, links, ctx, onLinkClick }) { const [indOpen, setIndOpen] = React.useState(false); const list = (typeof INDUSTRY_ORDER !== "undefined") ? INDUSTRY_ORDER : []; React.useEffect(() => { if (!open) return; const onKey = (e) => { if (e.key === "Escape") onClose(); }; document.addEventListener("keydown", onKey); return () => document.removeEventListener("keydown", onKey); }, [open, onClose]); React.useEffect(() => { if (!open) setIndOpen(false); }, [open]); if (!open) return null; const items = [ ...links.slice(0, 2).map((l) => ({ type: "link", ...l })), { type: "industries", id: "industries", label: "Industries" }, ...links.slice(2).map((l) => ({ type: "link", ...l })), ]; const industries = (typeof INDUSTRIES !== "undefined") ? INDUSTRIES : {}; const panel = ( ); return panel; } function Nav({ active, onNavigate, dark }) { const [mobileOpen, setMobileOpen] = React.useState(false); React.useEffect(() => { const reset = () => { setMobileOpen(false); document.documentElement.classList.remove("nav-menu-open"); if (typeof window.__clearNavLock === "function") window.__clearNavLock(); }; window.addEventListener("pageshow", reset); return () => window.removeEventListener("pageshow", reset); }, []); React.useEffect(() => { const root = document.documentElement; root.classList.toggle("nav-menu-open", mobileOpen); const pt = document.querySelector(".om-pt"); if (pt && mobileOpen) pt.style.visibility = "hidden"; if (!mobileOpen && typeof window.__clearNavLock === "function") window.__clearNavLock(); return () => { root.classList.remove("nav-menu-open"); if (typeof window.__clearNavLock === "function") window.__clearNavLock(); }; }, [mobileOpen]); const ctx = (typeof getPageContext === "function") ? getPageContext() : { isIndustryPage: false, linkToMain: (id) => `#${id}`, linkToRoot: () => "#top", }; const links = [ { id: "about", label: "About Us", href: ctx.isIndustryPage ? "about.html" : "about.html" }, { id: "services", label: "Services" }, { id: "careers", label: "Careers", href: "careers.html" }, { id: "contact", label: "Contact" }, ]; const bg = dark ? "rgba(10, 10, 10, 0.78)" : "rgba(245, 243, 238, 0.78)"; // On industry pages, clicking a section link should navigate to the main page. // On the main page, scroll-spy via onNavigate handles smooth scroll. // Exception: links with an explicit `href` (e.g. About → about.html) are real // page navigations — let the browser follow them. const handleClick = (e, link) => { if (link.href) return; // real navigation if (ctx.isSubPage) return; // let href do its job (industry / about) e.preventDefault(); onNavigate && onNavigate(link.id); }; const handleLogoClick = (e) => { if (ctx.isSubPage) return; // let href navigate to index.html e.preventDefault(); onNavigate && onNavigate("top"); }; const closeMobile = React.useCallback(() => setMobileOpen(false), []); const handleMobileLink = (e, link) => { e.preventDefault(); closeMobile(); requestAnimationFrame(() => { if (link.href) { window.location.href = link.href; return; } if (ctx.isSubPage) { window.location.href = ctx.linkToMain(link.id); return; } onNavigate && onNavigate(link.id); }); }; return ( <>

ACCEPTING Q3 INTAKE

); } Object.assign(window, { Nav, IndustriesDropdown });