Full-width dark banner

Build a full-width CTA banner with Tailwind CSS: a dark rounded-3xl panel with centered white heading, a supporting line, and two buttons (solid white primary, ghost outline secondary). Add generous padding and a subtle inner ring. Contain it in a max-width wrapper with margin.

<section class="mx-auto max-w-5xl px-6 py-16">
  <div class="rounded-3xl bg-neutral-900 px-8 py-16 text-center ring-1 ring-white/10">
    <h2 class="text-3xl font-semibold text-white sm:text-4xl">Ready to get started?</h2>
    <p class="mx-auto mt-3 max-w-md text-neutral-400">Join 20,000+ teams already building faster with us.</p>
    <div class="mt-8 flex items-center justify-center gap-3">
      <a href="#" class="rounded-xl bg-white px-6 py-3 text-sm font-medium text-neutral-900 hover:bg-neutral-100">Start free trial</a>
      <a href="#" class="rounded-xl border border-white/20 px-6 py-3 text-sm font-medium text-white hover:bg-white/10">Talk to sales</a>
    </div>
  </div>
</section>