/* Shift Handover case study — root component */

function SHApp() {
  return (
    <>
      <SHHeader />
      <main style={{ display: "flex", flexDirection: "column" }}>
        <SHHero />
        <SHIntro />
        <ProblemSection />
        <ProcessSection />
        <OnsiteSection />
        <ResearchSection />
        <InterviewSection />
        <DesignSection />
        <OutcomeSection />
        <ReflectionsSection />
      </main>
      <ProjectNav
        prev={{ href: "/genui-infotainment", title: "Context Aware Generative UI for In-car Infotainment" }}
        next={{ href: "/repurpose", title: "DIY & Upcycling Using Generative AI" }}
      />
      <Footer />
    </>
  )
}

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