/**
 * CTAFinal — 5ª onda (reescrita Hormozi).
 *
 * 3 variantes próprias do CTAFinal (eyebrow + headline + sub + cta + microcopy).
 * Lê HERO_ACTIVE_VARIANT pra manter alinhamento de variante na página inteira:
 *   A — urgência real (vagas limitadas + setup do time sênior)
 *   B — comparação inação (a conta que ninguém quer fazer)
 *   C — direct ask + stack (o que você recebe agendando agora)
 */

const CTAFINAL_VARIANTS = {
  A: {
    eyebrow: 'VAGAS LIMITADAS',
    headlineTop: '8 escritórios por mês entram',
    headlineAccent: 'com setup do nosso time sênior.',
    sub: 'Pra garantir que sua IA fica no padrão das que mais convertem lead em contrato no WhatsApp, atendemos um número limitado por mês. Reserve seu diagnóstico ao vivo enquanto há vaga pro próximo lote.',
    cta: 'Reservar minha vaga + diagnóstico gratuito',
    micro: '30 min · sem pitch · sai com plano em mãos',
  },
  B: {
    eyebrow: 'A CONTA QUE NINGUÉM QUER FAZER',
    headlineTop: 'Enquanto você adia esses 30 min,',
    headlineAccent: 'o lead da sua mídia paga assina com outro escritório.',
    sub: 'A demo é gratuita. O cronograma é seu. O risco é zero. A única coisa em jogo é mais um mês perdendo contrato pra concorrente que respondeu primeiro. Dá pra começar a virar isso esta semana.',
    cta: 'Quero virar esse jogo',
    micro: 'Diagnóstico em mãos · sem fidelidade · cancela quando quiser',
  },
  C: {
    eyebrow: 'O QUE VOCÊ RECEBE AGENDANDO AGORA',
    headlineTop: 'Diagnóstico + projeção + plano de implementação.',
    headlineAccent: 'Tudo em 30 minutos.',
    sub: 'Você sai da reunião com: (1) mapa do seu funil de WhatsApp hoje, (2) projeção de contratos a mais por mês com a IA rodando, (3) plano técnico de setup do seu cenário, (4) acesso ao playbook do seu nicho. Mesmo que não feche.',
    cta: 'Quero esse diagnóstico',
    micro: 'Implementação feita por nós · sem fidelidade',
  },
};

const CTAFinal = () => {
  // Lê a variante global definida em Hero.jsx pra alinhar a página inteira.
  const variant = (typeof HERO_ACTIVE_VARIANT !== 'undefined') ? HERO_ACTIVE_VARIANT : 'A';
  const v = CTAFINAL_VARIANTS[variant] || CTAFINAL_VARIANTS.A;

  return (
    <section className="section" id="cta" data-screen-label="11 CTA Final">
      <div className="container">
        <div className="cta-final">
          <div className="eyebrow" style={{position: 'relative'}}><span className="dot"></span>{v.eyebrow}</div>
          <h2 style={{marginTop: 18}}>
            {v.headlineTop}<br/>
            <span className="text-accent">{v.headlineAccent}</span>
          </h2>
          <p>{v.sub}</p>
          <div className="ctas">
            <button
              type="button"
              className="btn btn-primary"
              onClick={() => window.dispatchEvent(new CustomEvent('open-demo-modal'))}
            >
              {v.cta} <Icon.Arrow/>
            </button>
          </div>
          <p className="cta-final-micro">
            <span className="cta-final-dot" aria-hidden="true"></span>
            {v.micro}
          </p>
        </div>
      </div>
    </section>
  );
};

window.CTAFinal = CTAFinal;