/* Sticky top navigation */
function Nav() {
const [scrolled, setScrolled] = useState(false);
const [open, setOpen] = useState(false);
const isMobile = useWindowWidth() < 768;
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20);
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
const links = [
{ label: 'Services', href: '/services.html' },
{ label: 'About', href: '/about.html' },
{ label: 'Blogs', href: '/blogs.html' },
{ label: 'Contact', href: '/contact.html' },
];
return (
<>
{/* Mobile overlay menu */}
{open && (
)}
);
}
window.Nav = Nav;