// App root — composes everything, wires Tweaks for hero variant.

const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "heroVariant": "cinematic",
  "showMarquee": true,
  "accentWarm": true
}/*EDITMODE-END*/;

function App() {
  const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
  const [openLogin, setOpenLogin] = React.useState(false);

  const retriggerAgeGate = () => { window.__pplShowAgeGate?.(); };

  return (
    <>
      <AgeGate />
      <Nav onToggleMembers={() => setOpenLogin(true)} />
      <Hero variant={t.heroVariant} />
      <About />
      <Gallery />
      <Roadmap />
      <MembersSection openLogin={openLogin} setOpenLogin={setOpenLogin} />
      <Download />
      <Footer />

      <TweaksPanel>
        <TweakSection label="Hero layout" />
        <TweakRadio
          label="Variant"
          value={t.heroVariant}
          options={['cinematic', 'split', 'wide']}
          onChange={(v) => setTweak('heroVariant', v)}
        />
        <TweakSection label="Age verification" />
        <TweakButton label="↻ Re-trigger age gate" onClick={retriggerAgeGate} />
      </TweaksPanel>
    </>
  );
}

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