/* ═══════════════════════════════════════════════════════════
   APP — composição das seções + montagem no #root
   ═══════════════════════════════════════════════════════════ */

const appStyles = {};

/* O painel Tweaks é ferramenta de autoria: fica oculto por padrão e
   só aparece com ?tweaks=1 na URL, para não vazar em produção. */
function tweaksEnabled() {
  try {
    return new URLSearchParams(window.location.search).get('tweaks') === '1';
  } catch (e) {
    return false;
  }
}

function App() {
  useReveal();

  const showTweaks = React.useMemo(tweaksEnabled, []);

  return (
    <React.Fragment>
      <a className="skip-link" href="#conteudo">
        Pular para o conteúdo
      </a>

      <Nav />

      <main id="conteudo">
        <Hero />
        <Guarantees />
        <Pains />
        <Features />
        <Pricing />
        <Founders />
        {/* <Testimonials /> — desativado até termos depoimentos reais.
            Ver comentário no topo de components/Testimonials.jsx. */}
        <FAQ />
        <CTAFinal />
      </main>

      <Footer />

      <WhatsAppFloat />
      <StickyCTA />
      <ExitPopup />
      {showTweaks && <Tweaks />}
    </React.Fragment>
  );
}

Object.assign(window, { App });

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