// Offer.jsx
function Offer() {
  return (
    <section className="section offer" id="offer" data-reveal>
      <div className="container container-narrow">
        <h2 className="h2 center">Método Destrava Vida</h2>
        <div className="offer-card">
          <p className="offer-anchor">Uma consulta particular comigo custa, em média, <strong>R$ 404</strong>. Uma mentoria 1:1 sai por muito mais.</p>
          <p>Na formação, você leva <strong>o sistema inteiro que eu destilei em 15 anos</strong> — 12 módulos, apostilas, Manual do Terapeuta, Grimório do Terreiro São Miguel, estudos de caso, suporte direto, certificação e acesso vitalício.</p>
          <p className="offer-compare">Menos que <em>1 atendimento e meio</em>.</p>
          <p className="offer-filter">Não é pra você se quer só assistir aula bonita. É pra você se quer sair com protocolo, linguagem e prática pra conduzir atendimento de verdade.</p>
          <div className="price-stack">
            <div className="price-old">De <s>R$ 797</s></div>
            <div className="price-now">
              <span className="price-now-prefix">12× de</span>
              <span className="price-now-value">R$ 51,40</span>
            </div>
            <div className="price-sub">ou R$ 497 à vista</div>
          </div>
          <a className="btn btn-primary btn-lg" href="#offer" onClick={(e)=>{e.preventDefault();document.getElementById('offer').scrollIntoView({behavior:'smooth',block:'start'});}}>[ Quero entrar no Método Destrava Vida ]</a>
          <div className="micro center">Acesso imediato · 7 dias de garantia · Suporte direto comigo</div>
        </div>
      </div>
    </section>
  );
}
window.Offer = Offer;