const App = () => {
  const [tweaks, setTweaks] = React.useState(window.TWEAKS);

  React.useEffect(() => {
    document.body.className = `palette-${tweaks.palette}`;
  }, [tweaks.palette]);

  return (
    <>
      <Nav />
      <Hero headline={tweaks.heroHeadline} ctaLabel={tweaks.ctaLabel} />
      <StatsBar />
      <Problem />
      <HowItWorks />
      <AppSection />
      <Features />
      <Industries />
      <UseCases />
      <Services />
      <Comparison />
      <Funding />
      <Testimonials />
      <FAQ />
      <FinalCTA ctaLabel={tweaks.ctaLabel} />
      <Footer />
      <Tweaks tweaks={tweaks} setTweaks={setTweaks} />
    </>
  );
};

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