/* global React */
const { useState: useNavState, useEffect: useNavEffect } = React;
/* Shared inline-SVG icon wrapper */
const NavSVG = (props) => (
);
const ArrowUR = (p) => ;
const MenuIcon = (p) => ;
const CloseIcon = (p) => ;
const GithubIcon = (p) => ;
const LinkedInIcon = (p) => ;
const YouTubeIcon = (p) => ;
/* Site nav: real-page links (no in-page scroll anchors) — identical on every page */
const NAV_LINKS = [
{ key: "work", label: "Case Studies", href: "/case-studies" },
{ key: "services", label: "Services", href: "/services" },
{ key: "about", label: "About", href: "/about" },
{ key: "contact", label: "Contact", href: "/contact" },
];
function SiteNav({ active }) {
const [scrolled, setScrolled] = useNavState(false);
const [open, setOpen] = useNavState(false);
useNavEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 24);
window.addEventListener('scroll', onScroll, { passive: true });
onScroll();
return () => window.removeEventListener('scroll', onScroll);
}, []);
return (
);
}
window.SiteNav = SiteNav;