// Hyper · main app
function App() {
  window.useNavScroll();
  window.useReveal();
  window.useMagnetic();
  window.useParallax();
  window.useFollowGlow();
  window.useActiveSection();
  window.useEyesFollowCursor();
  window.useXrayScanner();
  return (
    <>
      <a href="#main" className="skip-link">К&nbsp;содержанию</a>
      <window.ProgressBar />
      <window.CustomCursor />
      <window.Ambient />
      <window.NavBar />
      <main id="main">
        <window.Hero />
        <window.ClientLogos />
        <window.Ticker />
        <window.Directions />
        <window.Services />
        <window.Channels />
        <window.Cases />
        <window.Contact />
      </main>
      <window.Footer />
      <window.StickyCTA />
      <window.NavDock home={null} topId="top" />
    </>
  );
}

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