// Top navigation bar — glass, sticky, with lang toggle + install CTA
function Nav({ lang, setLang }) {
const isMobile = useIsMobile();
const [scrolled, setScrolled] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20);
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
const links = [
['flow', t(COPY.nav.flow, lang)],
['interfaces', t(COPY.nav.interfaces, lang)],
['agent', t(COPY.nav.agent, lang)],
['pricing', t(COPY.nav.pricing, lang)],
['faq', t(COPY.nav.faq, lang)],
];
return (
);
}
function LangToggle({ lang, setLang }) {
return (
{['zh', 'en'].map(l => (
))}
);
}
Object.assign(window, { Nav });