// components/PlanosClose.jsx — CTA final de fechamento
const PlanosClose = () => {
  return (
    <section className="p-close" id="close">
      <div className="bg-grid" />
      <div className="p-close-glow" />
      <div className="container p-close-inner">
        <span className="t-eyebrow">{t('planos.close.eyebrow')}</span>
        <h2 className="p-close-headline">
          {t('planos.close.title_a')}<br />
          {t('planos.close.title_b_a')} <em>{t('planos.close.title_em')}</em>{t('planos.close.title_b_b')}
        </h2>
        <p className="p-close-sub">
          {t('planos.close.sub')}
        </p>
        <div className="p-close-cta">
          <a className="btn btn-primary btn-lg" href="https://app.memberai.pro/signup" target="_blank" rel="noopener">
            {t('planos.close.cta_primary')}
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" /></svg>
          </a>
          <a className="btn btn-ghost btn-lg" href="mailto:vendas@memberai.pro">
            {t('planos.close.cta_secondary')}
          </a>
        </div>
        <div className="p-close-meta mono">
          <span>{t('planos.close.meta_1')}</span>
          <span className="sep" />
          <span>{t('planos.close.meta_2')}</span>
          <span className="sep" />
          <span>{t('planos.close.meta_3')}</span>
        </div>
      </div>
      <div className="p-close-wordmark" aria-hidden="true">
        <span>PRONTO</span>
        <span>?</span>
      </div>
    </section>
  );
};