/* Repurpose case study — root component */

function App() {
  return (
    <>
      <RPHeader />
      <main style={{ display: "flex", flexDirection: "column" }}>
        <RPHero />
        <RPIntro />
        <ContentsSection />
        <ProblemSection />
        <WhySection />
        <MarketSection />
        <SurveySection />
        <PersonaSection />
        <JourneySection />
        <CompetitorSection />
        <SolutionSection />
        <DesignSection />
        <FeedbackSection />
        <EthicsSection />
        {/* <ClosingSection /> */}
      </main>
      <ProjectNav
        prev={{ href: "/genui-infotainment", title: "Context Aware Generative UI for In-car Infotainment" }}
        next={{ href: "/luma", title: "Luma: AI Memory Aid for Elderly & Early Alzheimer's" }}
      />
      <Footer />
    </>
  )
}

ReactDOM.hydrateRoot(document.getElementById("root"), <App />)