// App composition

function App() {
  return (
    <div className="relative">
      <Splash />
      <Header />
      <main>
        <Hero />
        <PainSection />
        <AllInOneSection />
        <PhoneScrollStory />
        <ModulesSection />
        <NotebookRevealSection />
        <AudienceSection />
        <ComparisonSection />
        <MobileExperienceSection />
        <MidCTASection />
        <FAQSection />
        <FinalCTA />
      </main>
      <Footer />
      <FloatingCTA />
    </div>
  );
}

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