// Top navigation
const { useState: useStateNav, useEffect: useEffectNav } = React;
// Browserele integrate din Instagram / Facebook nu suportă bine blur-ul (pagina
// devine neagră la zoom/scroll), deci acolo îl dezactivăm.
const IN_APP_BROWSER = /Instagram|FBAN|FBAV|FB_IAB/i.test((navigator && navigator.userAgent) || "");
const Nav = () => {
const [scrolled, setScrolled] = useStateNav(false);
const [open, setOpen] = useStateNav(false);
const [rot, setRot] = useStateNav(180);
const [isMobile, setIsMobile] = useStateNav(false);
useEffectNav(() => {
const onScroll = () => setScrolled(window.scrollY > 24);
window.addEventListener("scroll", onScroll);
return () => window.removeEventListener("scroll", onScroll);
}, []);
useEffectNav(() => {
const check = () => setIsMobile(window.innerWidth < 900);
check();
window.addEventListener("resize", check);
return () => window.removeEventListener("resize", check);
}, []);
// Cât timp meniul mobil e deschis, pagina din spate nu mai derulează.
useEffectNav(() => {
if (!open) return;
const prev = document.body.style.overflow;
document.body.style.overflow = "hidden";
return () => { document.body.style.overflow = prev; };
}, [open]);
// Dacă fereastra devine lată (desktop), închide meniul mobil.
useEffectNav(() => {
if (!isMobile && open) setOpen(false);
}, [isMobile]);
const base = window.__navBase || "";
const isLegalPage = !!window.__navBase;
const links = [
{ label: "De ce Confirmări.ro?", href: base + "#problema" },
{ label: "Cum funcționează?", href: base + "#cum-dureaza" },
{ label: "Confirmări.ro vs Competitori", href: base + "#comparatie" },
{ label: "Planuri", href: base + "#preturi" },
{ label: "Întrebări", href: base + "#faq" },
{ label: "Contact", href: base + "#contact" },
];
return (
<>
{/* Mobile menu */}
);
};
window.LandingNav = Nav;