// ============ App root ============

function App() {
  const defaults = window.__TWEAK_DEFAULTS || { accent: "emerald", heroDemo: "feed" };
  const [accent, setAccent] = React.useState(defaults.accent);
  const [heroDemo, setHeroDemo] = React.useState(defaults.heroDemo || "feed");

  React.useEffect(() => {
    document.documentElement.setAttribute("data-accent", accent);
  }, [accent]);

  return (
    <>
      <Nav />
      <Hero />
      <Logos />
      <Services heroDemo={heroDemo} />
      <AgenticEngineering />
      <Industries />
      <Process />
      <ROICalculator />
      <Cases />
      <Testimonials />
      <CaseStudiesPromo />
      <AnimatedShowcase />
      <Pricing />
      <FAQ />
      <CTA />
      <Footer />
      <Chatbot />
      <Tweaks accent={accent} setAccent={setAccent} heroDemo={heroDemo} setHeroDemo={setHeroDemo} />
    </>
  );
}

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