// pages/home.jsx — assembles the home page
function App() {
  const [t, setTweak] = useWhitenTweaks();
  useReveal();

  const heroMap = {
    editorial: <HeroEditorial />,
    mesh: <HeroMesh />,
    terminal: <HeroTerminal />
  };

  return (
    <>
      <WhitenAnnouncement />
      <WhitenNav active="home" />

      {heroMap[t.hero] || heroMap.editorial}

      <PullQuote />
      <MarqueeStrip />
      <ServicesPreview />
      <WorkflowsPreview />
      <CasesPreview />
      <HowItWorksPreview />
      <AssessmentCTA />
      <WhitenFooter />

      <WhitenTweaks t={t} setTweak={setTweak} showHeroPicker={true} />
    </>
  );
}

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