const App = () => {
  return (
    <TweakProvider>
      <AppInner />
    </TweakProvider>
  );
};

const AppInner = () => {
  const t = useTweaks();
  return (
    <div className="relative">
      <Navbar />
      <Hero />
      <CommandCenter />
      {t.showInterlude1 && <Mp4Interlude src="https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260421_072701_f6a01abb-eb30-4559-9d6e-774362defbc3.mp4" />}
      <Problem />
      <Security />
      {t.showInterlude2 && <Mp4Interlude src="https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260324_024928_1efd0b0d-6c02-45a8-8847-1030900c4f63.mp4" />}
      <BuiltFor />
      <HowItWorks />
      <Pricing />
      <Outcomes />
      {t.showTeam && <Team />}
      {t.showFAQ && <FAQ />}
      <FinalCTA />
      <Footer />
    </div>
  );
};

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