function App() {
  const route = useBlogRoute();
  useReveal(route.view + (route.slug || ''));

  return (
    <div className="relative">
      <Nav />
      {route.view === 'post' && <BlogPost slug={route.slug} />}
      {route.view === 'index' && <BlogIndex />}
      {route.view === 'home' && (
        <>
          <main>
            <Hero />
            <Scanner />
            <LeakSection />
            <Scanner />
            <FlowSection />
            <ModulesSection />
            <Scanner />
            <SecuritySection />
            <StackSection />
            <TimelineSection />
            <Scanner />
            <OfferSection />
            <GuaranteesSection />
            <ScarcitySection />
            <FAQSection />
            <FinalCTA />
          </main>
          <Footer />
        </>
      )}
    </div>
  );
}

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