/* ══════════════════════════════════════════════════
LAYOUT — page chrome: navbar and the floating CTA.
══════════════════════════════════════════════════ */
/* Hover lives in CSS (.wa-fab), not in onMouseEnter: a touch browser
fires the enter handler on tap and never fires leave, which left the
button stuck at scale(1.1) after every visit to WhatsApp. */
const FloatingWA = () => (
);
const Ham = ({ open }) => (
);
/* Reused by the navbar and the mobile menu. */
const WhatsAppLink = ({ sz = 15, fontSize = 14, onClick }) => (
Fale Conosco
);
/* One link per chapter worth jumping to — not one per section. */
const NAV_LINKS = [
['Como funciona','#fluxo'], ['Rastreamento','#rastreamento'], ['Evidências','#evidencia'],
['Operação','#operacao'], ['Demonstração','#video'],
];
const Navbar = ({ onDemo }) => {
const [scrolled, setScrolled] = useState(false);
const [open, setOpen] = useState(false);
useEffect(() => {
const fn = () => setScrolled(window.scrollY > 28);
window.addEventListener('scroll', fn);
return () => window.removeEventListener('scroll', fn);
}, []);
/* While the menu is open the page behind it must not scroll — otherwise
a swipe on the overlay drags the page and the menu ends up floating
over the middle of the document. Escape closes it for keyboards; the
scrim below closes it for thumbs. */
useEffect(() => {
if (!open) return;
document.body.classList.add('menu-open');
const esc = e => { if (e.key === 'Escape') setOpen(false); };
window.addEventListener('keydown', esc);
return () => { document.body.classList.remove('menu-open'); window.removeEventListener('keydown', esc); };
}, [open]);
/* A viewport that crosses back into desktop with the menu still open
would leave the overlay stranded on top of the full nav. */
useEffect(() => {
const mq = window.matchMedia('(min-width: 1025px)');
const fn = e => { if (e.matches) setOpen(false); };
mq.addEventListener('change', fn);
return () => mq.removeEventListener('change', fn);
}, []);
const solid = scrolled || open;
return (
<>
{open &&