/* Final CTA — calm, single action, no gimmicks */

function CTA({ t }) {
  return (
    <section className="cta section">
      <div className="container">
        <div className="cta-card reveal">
          <LamhaLogo height={48} kind="icon" onDark={true} />
          <h2 style={{ marginTop: 26 }}>
            {t.cta.title_1}<em>{t.cta.title_em}</em>{t.cta.title_2}
          </h2>
          <p>{t.cta.sub}</p>
          <div className="cta-actions">
            <a href="https://app2.lamha.sa/register" className="btn btn-primary btn-on-dark">
              {t.cta.primary}
              <span className="arrow">{Icons.arrow}</span>
            </a>
            <a href="https://wa.me/966125101123" className="btn btn-ghost btn-on-dark">{t.cta.secondary}</a>
          </div>
        </div>
      </div>
    </section>
  );
}

window.CTA = CTA;
