// app.jsx — composes the hackhack marketing site
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "showStats": true,
  "showCta": true,
  "headline": "ship safer",
  "accent": "mint"
}/*EDITMODE-END*/;

function App() {
  const [tweaks, setTweak] = (window.useTweaks ? window.useTweaks(TWEAK_DEFAULTS) : [TWEAK_DEFAULTS, () => {}]);

  return (
    <div data-screen-label="hackhack.ai · home">
      <Nav />
      <Hero tweaks={tweaks} />
      <CaseStudies />
      <HowItWorks />
      <Findings />
      <Pricing />
      {tweaks.showCta && <CtaBanner />}
      <Footer />

      {/* Tweaks panel */}
      {window.TweaksPanel && (
        <window.TweaksPanel title="Tweaks">
          <window.TweakSection label="Layout">
            <window.TweakToggle label="Stats strip" value={tweaks.showStats} onChange={(v) => setTweak('showStats', v)} />
            <window.TweakToggle label="Final CTA banner" value={tweaks.showCta} onChange={(v) => setTweak('showCta', v)} />
          </window.TweakSection>
        </window.TweaksPanel>
      )}
    </div>
  );
}

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