Call-to-Action Banner

<section class="cta-banner" aria-label="Call to action"
         style="background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);color:#fff;padding:4rem 1.5rem;text-align:center;">
  <div style="max-width:640px;margin:0 auto;">
    <h2 style="margin:0 0 1rem;font-size:2rem;font-weight:700;line-height:1.2;">
      Ready to get started?
    </h2>
    <p style="margin:0 0 2rem;font-size:1.125rem;opacity:0.9;line-height:1.6;">
      Join thousands of happy customers and take your site to the next level
      today.
    </p>
    <div style="display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;">
      <a href="/pricing/"
         style="display:inline-block;padding:0.75rem 2rem;background:#fff;color:#4f46e5;font-weight:700;border-radius:6px;text-decoration:none;">
        View Pricing
      </a>
      <a href="/contact/"
         style="display:inline-block;padding:0.75rem 2rem;background:transparent;color:#fff;font-weight:600;border:2px solid rgba(255,255,255,0.6);border-radius:6px;text-decoration:none;">
        Talk to Us
      </a>
    </div>
  </div>
</section>