/* EOMA landing v3 · Final CTA + pricing (§10) */

function FinalCTA() {
  return (
    <section id="start" className="final-cta">
      <div className="final-cta-card">
        <span className="eyebrow">
          <span className="dot dot-coral" />
          <span>Start now</span>
        </span>
        <h2 className="final-cta-h2">
          Get cited when someone asks ChatGPT
          <br />
          <span className="yellow">about your category.</span>
        </h2>
        <p className="final-cta-sub">Three plans. No setup fee. Cancel anytime.</p>

        <div className="pricing-mini">
          <article className="pricing-card">
            <span className="pricing-name">Starter</span>
            <span className="pricing-price tabular">
              $79<small>/mo</small>
            </span>
            <ul>
              <li>1 brand</li>
              <li>Weekly AI visibility report</li>
              <li>Agent-assisted execution</li>
              <li>Cancel anytime</li>
            </ul>
            <a href="/signup?plan=starter" className="pricing-cta">
              Get started →
            </a>
          </article>
          <article className="pricing-card is-featured">
            <span className="pricing-tag">Most popular</span>
            <span className="pricing-name">Practice</span>
            <span className="pricing-price tabular">
              $229<small>/mo</small>
            </span>
            <ul>
              <li>Up to 5 brands</li>
              <li>Full multi-channel execution</li>
              <li>Agency multi-tenancy</li>
              <li>Priority support</li>
            </ul>
            <a href="/signup?plan=practice" className="pricing-cta">
              Get started →
            </a>
          </article>
          <article className="pricing-card is-enterprise">
            <span className="pricing-name">Enterprise</span>
            <span className="pricing-price tabular">Custom</span>
            <ul>
              <li>Unlimited brands</li>
              <li>Custom prompt corpus + SLA</li>
              <li>SSO + dedicated success</li>
              <li>Multi-language coverage</li>
            </ul>
            <a
              href="mailto:info@eoma.ai?subject=Enterprise%20plan%20inquiry"
              className="pricing-cta"
            >
              Contact us →
            </a>
          </article>
        </div>

        <div className="final-cta-ctas">
          <a href="/signup" className="btn btn-primary btn-lg">
            <window.LogoBadge size={28} />
            <span>Get started</span>
          </a>
        </div>

        <p className="final-cta-foot">
          Card on file required. No charge during trial. Cancel inside the dashboard. We email a
          final visibility snapshot when you leave.
        </p>
      </div>
    </section>
  );
}

Object.assign(window, { FinalCTA });