window.MktNav = function MktNav() {
const isMobile = useIsMobile();
const isTablet = useIsTablet();
const [scrolled, setScrolled] = React.useState(false);
const [mobileOpen, setMobileOpen] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 10);
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
const smoothScroll = (e, href) => {
if (href.startsWith('#') || href.startsWith('/#')) {
const id = href.split('#')[1];
const el = document.getElementById(id);
if (el) {
e.preventDefault();
const y = el.getBoundingClientRect().top + window.pageYOffset - 80;
window.scrollTo({ top: y, behavior: 'smooth' });
}
}
setMobileOpen(false);
};
const links = [
{ href: '#pillars', label: 'How' },
{ href: '#work', label: 'Work' },
{ href: '#faq', label: 'FAQ' },
];
const navPadding = isMobile ? '0 24px' : isTablet ? '0 32px' : '0 48px';
const arrow = (
);
return (
);
};