/* Luma case study — root component */

function LumaApp() {
  return (
    <>
      <LumaHeader />
      <main style={{ display: "flex", flexDirection: "column" }}>
        <LumaHero />
        <LumaIntro />
        <OverviewSection />
        {/* <ContextSection /> */}
        <RoleSection />
        <ProcessSection />
        <Sprint1Section />
        <Sprint2Section />
        <Sprint3Section />
        <TestingSection />
        <ReflectionsSection />
      </main>
      <ProjectNav
        prev={{ href: "/repurpose", title: "DIY & Upcycling Using Generative AI" }}
      />
      <Footer />
    </>
  )
}

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