/* eslint-disable */
/* Bee Cleaner — main app */

const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "heroVariant": "cinematic",
  "showcaseLayout": "stack",
  "accent": "#ffd60a",
  "density": "cozy",
  "showFAQ": true,
  "showTestimonials": true
}/*EDITMODE-END*/;

function App() {
  const t = TWEAK_DEFAULTS;

  // Apply accent globally
  React.useEffect(() => {
    const root = document.documentElement;
    const map = {
      '#ffd60a': 'rgba(255, 214, 10, 0.35)',
      '#ffb800': 'rgba(255, 184, 0, 0.35)',
      '#a78bfa': 'rgba(167, 139, 250, 0.35)',
      '#22d3ee': 'rgba(34, 211, 238, 0.35)',
    };
    const c = (t.accent || '#ffd60a').toLowerCase();
    root.style.setProperty('--honey', c);
    root.style.setProperty('--honey-glow', map[c] || map['#ffd60a']);
  }, [t.accent]);

  React.useEffect(() => {
    document.body.dataset.density = t.density;
  }, [t.density]);

  return (
    <>
      <Nav/>
      <Hero variant={t.heroVariant} accent={t.accent}/>
      <TrustBar/>
      <Showcase layout={t.showcaseLayout}/>
      <Features/>
      <HowItWorks/>
      {t.showTestimonials && <Testimonials/>}
      <Pricing/>
      <Privacy/>
      {t.showFAQ && <FAQ/>}
      <FinalCTA/>
      <Footer/>
    </>
  );
}

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