// Navigation bar
function Nav({ logoVariant }) {
const isMobile = window.useIsMobile();
const { t } = window.useI18n();
const [menuOpen, setMenuOpen] = React.useState(false);
const [navRef, navInView] = window.useInView({ immediate: true });
const isLoggedIn = React.useMemo(() => {
try { return Boolean(localStorage.getItem('leadawaker_auth')); } catch (_) { return false; }
}, []);
const appHref = React.useMemo(() => {
try {
const role = localStorage.getItem('leadawaker_user_role') || '';
return (role === 'Admin' || role === 'Operator') ? '/platform/campaigns' : '/platform/campaigns';
} catch (_) { return '/platform/campaigns'; }
}, []);
const NAV_ITEMS = [
{ label: t('nav.home'), href: "/" },
{ label: t('nav.try'), href: "/#try" },
{ label: t('nav.about'), href: "#about" },
{ label: t('nav.contact'), href: "#contact" },
{ label: isLoggedIn ? t('nav.open_app') : t('nav.login'), href: isLoggedIn ? appHref : "/login" },
];
React.useEffect(() => {
if (!menuOpen) return;
const handler = (e) => {
if (!e.target.closest('[data-nav-root]')) setMenuOpen(false);
};
document.addEventListener('click', handler);
return () => document.removeEventListener('click', handler);
}, [menuOpen]);
const handleLogoClick = (e) => {
const isHome = window.location.pathname === '/' || window.location.pathname === '/index.html';
if (isHome) {
e.preventDefault();
window.scrollTo({ top: 0, behavior: 'smooth' });
}
};
return (
);
}
function NavLink({ children, href, isMobile }) {
return (
e.currentTarget.style.background = "rgba(255,255,255,0.4)"}
onMouseLeave={(e) => e.currentTarget.style.background = "transparent"}>
{children});
}
function LangSwitcher({ isMobile }) {
const { lang, setLang } = window.useI18n();
return (
{['en', 'nl'].map((l) => {
const active = lang === l;
return (
);
})}
);
}
const ArrowSm = window.ArrowSm;