// Val Cenis ski-pass pre-sale landing — assembly
const { useState: useStateA, useEffect: useEffectA } = React;

function App() {
  const [menu, setMenu] = useStateA(false);
  const [stuck, setStuck] = useStateA(false);

  useEffectA(() => {
    const onScroll = () => setStuck(window.scrollY > 8);
    window.addEventListener('scroll', onScroll, { passive: true });
    return () => window.removeEventListener('scroll', onScroll);
  }, []);

  return (
    <div id="top">
      <Header onBurger={() => setMenu(true)} stuck={stuck} />
      <MobileMenu open={menu} onClose={() => setMenu(false)} />
      <Hero />
      <Trust />
      <SellingPoints />
      <PisteMap />
      <Access />
      <Promos />
      <ConversionBand />
      <Footer />
      <StickyCTA />
    </div>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);