// Landing — root component
function Landing() {
  const [t, setTweak] = useTweaks(window.TWEAK_DEFAULTS);

  return (
    <div>
      <Nav ctaLabel={t.navLabel} ctaStyle={t.ctaStyle} />
      <Hero
        layout={t.heroLayout}
        headline={t.heroHeadline}
        ctaStyle={t.ctaStyle}
        eyebrow={t.heroEyebrow}
        showFloatNotes={t.showFloatNotes}
      />
      <Steps />
      {t.showValueProps && <ValueProps />}
      {t.showSampleDraft && <SampleDraft />}
      <Audience />
      {t.showFounder && <Founder />}
      <FinalCTA ctaStyle={t.ctaStyle} />
      <Footer />
      <TweaksPanelMount tweaks={t} setTweak={setTweak} />
    </div>
  );
}

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