/* ═══════════════════════════════════════════════════════════
   CTA FINAL — bloco escuro com glow
   ═══════════════════════════════════════════════════════════ */

const ctaStyles = {
  tag: { marginBottom: 20 },
};

function CTAFinal() {
  return (
    <section className="cta-final" id="cta">
      <div className="container">
        <div className="reveal">
          <div className="tag" style={ctaStyles.tag}>
            Comece hoje
          </div>

          <h2>Sua rotina merece um sistema à altura do seu trabalho</h2>

          <p>
            15 dias grátis, sem compromisso. Tempo suficiente para rodar duas semanas de agenda
            cheia e ver o sistema funcionando na rotina real.
          </p>

          <div className="cta-ctas">
            <a
              href={LINKS.cadastro}
              className="btn btn-primary btn-lg"
              onClick={(e) => trackCta('cta_start_free_trial', { placement: 'cta-final' }, e)}
            >
              <Icon d={ICONS.arrowRight} size={18} strokeWidth={2.5} />
              Criar conta grátis agora
            </a>
            <a
              href={LINKS.waDemo}
              target="_blank"
              rel="noopener"
              className="btn btn-outline btn-lg"
              onClick={() => track('demo_requested', { placement: 'cta-final' })}
            >
              Agendar demonstração
            </a>
          </div>

          <div className="cta-note">
            <span>Sem cartão de crédito</span>
            <span className="sep">•</span>
            <span>Configuração em 30 min</span>
            <span className="sep">•</span>
            <span>Suporte incluso</span>
            <span className="sep">•</span>
            <span>Cancele quando quiser</span>
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { CTAFinal });