// app.jsx — root component
const { useEffect: _ue, useState: _us } = React;

const DEFAULTS = {
  headline: 'provocativo',
  ctaPos: 'right'
};

function App() {
  const [headline, setHeadline] = _us(DEFAULTS.headline);
  const [ctaPos, setCtaPos] = _us(DEFAULTS.ctaPos);

  useReveal();

  return (
    <>
      <TopNav />
      <Hero headline={headline} />
      <RiscoBanner />
      <ParaQuem />
      <Dores />
      <Consequencias />
      <Servicos />
      <Beneficios />
      <Diferenciais />
      <ComoFunciona />
      <Sobre />
      <FAQ />
      <FinalCTA />
      <Footer />

      {(ctaPos === 'right' || ctaPos === 'both') && <FloatWA pos="right" />}
      {ctaPos === 'bar' && <FloatWA pos="bar" />}
      {ctaPos === 'both' && <FloatWA pos="left" />}
    </>
  );
}

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