// Top navigation with bilingual toggle function Nav({ lang, setLang, t }) { const [scrolled, setScrolled] = React.useState(false); const [open, setOpen] = React.useState(false); React.useEffect(() => { const h = () => setScrolled(window.scrollY > 8); window.addEventListener("scroll", h, { passive: true }); return () => window.removeEventListener("scroll", h); }, []); React.useEffect(() => { if (!open) return; const prev = document.body.style.overflow; document.body.style.overflow = "hidden"; const onKey = (e) => { if (e.key === "Escape") setOpen(false); }; window.addEventListener("keydown", onKey); return () => { document.body.style.overflow = prev; window.removeEventListener("keydown", onKey); }; }, [open]); const navItems = [ { id: "about", label: t.nav.about }, { id: "services", label: t.nav.services }, { id: "projects", label: t.nav.projects }, { id: "contact", label: t.nav.contact }, ]; const surfaceActive = open || scrolled; return ( {open && ( )} ); } window.Nav = Nav;