// Top navigation
const { useState, useEffect } = React;
function Logo() {
return (
);
}
function Nav() {
const [scrolled, setScrolled] = useState(false);
const [menuOpen, setMenuOpen] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 8);
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
const links = [
{ href: '#servicio', label: 'Servicio' },
{ href: '#proceso', label: 'Cómo funciona' },
{ href: '#comparativa', label: 'Vs. tu banco' },
{ href: '#resultados', label: 'Resultados' },
{ href: 'test.html', label: 'Test gratis' },
{ href: '#faq', label: 'FAQs' },
];
return (
);
}
window.Nav = Nav;
window.Logo = Logo;