// App root — mounts Hero + Capabilities + Clock + Final CTA + Footer

function App() {
  return (
    <React.Fragment>
      {/* Nav lives at the root so its `fixed` positioning is relative to the viewport
          regardless of stacking contexts created by later sections. */}
      <HeroNav />
      <main className="bg-black">
        <Hero />
        <Capabilities />
        <CircadianClock />
        <FinalCTA />
        <Footer />
      </main>
      <StorePicker />
    </React.Fragment>
  );
}

// Smooth-scroll on anchor clicks (the html scroll-mt classes handle nav offset)
document.documentElement.style.scrollBehavior = 'smooth';

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