// Top nav + footer + small shared bits.
const Nav = ({ lang, setLang, theme, setTheme }) => {
const [scrolled, setScrolled] = React.useState(false);
const [open, setOpen] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 8);
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
// Detect if we're on the homepage so we can use in-page smooth-scroll
// anchors there, and full URLs everywhere else.
const isHome = typeof window !== 'undefined' &&
/(^|\/)index\.html?$|\/$/.test(window.location.pathname);
// Each link has an explicit href to a dedicated page where one exists.
// Aanpak and Diensten are now full V2 pages (aanpak.html / diensten.html).
// FAQ stays as a homepage anchor since it lives on the homepage.
const links = [
{ id: 'aanpak', key: 'nav.approach', href: 'aanpak.html' },
{ id: 'cases', key: 'nav.cases', href: 'cases.html' },
{ id: 'diensten', key: 'nav.services', href: 'diensten.html' },
{ id: 'prijzen', key: 'nav.pricing', href: 'prijzen.html' },
{ id: 'faq', key: 'nav.faq', href: isHome ? '#faq' : 'index.html#faq' },
{ id: 'over', key: 'nav.about', href: 'team.html' },
{ id: 'contact', key: 'nav.contact', href: 'contact.html' },
];
return (
{/* 3-column grid puts the nav links in a centred column while logo
stays left and lang/theme/CTA stay right. Equal-width side
columns keep the menu visually centred even if the right-side
stack grows. */}