// ─────────────────────────────────────────────────────────
//  App entry point.
// ─────────────────────────────────────────────────────────

const TWEAK_DEFAULTS = {
  accent:   '#D88A4C',
  phone:    '8-917-79-69-222',
  telegram: 'rishatzinnurov',
};

function App() {
  const [config, setConfig] = React.useState(TWEAK_DEFAULTS);
  const showTweaks = new URLSearchParams(location.search).has('tweaks');

  return (
    <React.Fragment>
      <TopNav />
      <Hero />
      <Pain />
      <HowItWorks />
      <WhoFor />
      <WhatYouGet />
      <Testimonials />
      <About />
      <Economics />
      <Conditions />
      <WorkProcess />
      <Faq />
      <ContactSection config={config} />
      <Footer config={config} />
      {showTweaks && <TweaksPanel config={config} setConfig={setConfig} />}
    </React.Fragment>
  );
}

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