/* global React */
const DS = window.SubEarthDesignSystem_9ae0a6;
function Nav({ onBuy }) {
const { Button } = window.SubEarthDesignSystem_9ae0a6;
const [scrolled, setScrolled] = React.useState(false);
React.useEffect(() => {
const el = document.querySelector('[data-scroll]') || window;
const onScroll = () => {
const y = el === window ? window.scrollY : el.scrollTop;
setScrolled(y > 24);
};
el.addEventListener('scroll', onScroll, { passive: true });
return () => el.removeEventListener('scroll', onScroll);
}, []);
const links = [
{ label: 'Chonkify', href: '#top' },
{ label: 'Included', href: '#included' },
{ label: 'Plan', href: '#plan' },
{ label: 'FAQ', href: '#faq' },
];
return (
);
}
function Wordmark({ size = 22 }) {
return (
sub
earth
);
}
// Make both globally available for Footer.jsx
window.Nav = Nav;
window.Wordmark = Wordmark;
window.__appReady.Nav = true;