Elías Rico
Elías Rico
);
}
function Nav({ lang, setLang }) {
const [menuOpen, setMenuOpen] = React.useState(false);
const t = {
es: { links: [['Proyectos', '#proyectos'], ['Blog', '#blog'], ['Sobre mí', '#sobre-mi'], ['Ecosistema', '#ecosistema']], cta: 'Hablemos' },
en: { links: [['Projects', '#proyectos'], ['Blog', '#blog'], ['About', '#sobre-mi'], ['Ecosystem', '#ecosistema']], cta: "Let's Talk" }
};
const tx = t[lang];
// Nav background on scroll
React.useEffect(() => {
const nav = document.getElementById('main-nav');
const root = document.getElementById('page-root');
const onScroll = () => {
const scrolled = (root ? root.scrollTop : window.scrollY) > 50;
nav.classList.toggle('nav-scrolled', scrolled);
};
const container = root || window;
container.addEventListener('scroll', onScroll, { passive: true });
return () => container.removeEventListener('scroll', onScroll);
}, []);
const scrollTo = (anchor) => {
setMenuOpen(false);
const container = document.getElementById('page-root');
const el = document.querySelector(anchor);
if (container && el) {
setTimeout(() => container.scrollTo({ top: el.offsetTop - 70, behavior: 'smooth' }), 150);
}
};
const handleNav = (e, anchor) => {
e.preventDefault();
scrollTo(anchor);
};
return (