RulzCo - CTA section

<section class="bg-neutral-900/30 py-20 relative" data-element-locator="html &gt; body:nth-of-type(1) &gt; section:nth-of-type(9)" id="final-cta">
      <div class="mx-auto max-w-7xl px-6">
        <div class="relative overflow-hidden rounded-3xl border border-white/10 bg-gradient-to-b from-white/10 to-white/[0.04] backdrop-blur">
          <div class="absolute inset-0 pointer-events-none bg-[radial-gradient(1200px_400px_at_50%_-20%,rgba(255,255,255,0.15),transparent)]"></div>
          <div class="relative p-8 sm:p-12">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 items-center">
              <div class="lg:col-span-2">
                <h2 class="text-3xl sm:text-4xl tracking-tight text-white font-normal font-instrument-serif" style="">Ready to respond in 60 seconds?</h2>
                <p class="mt-3 text-white/80 font-geist" style="">We’ll show you exactly how many leads you’re missing—and how to fix it in a week.</p>
                <ul class="mt-6 grid grid-cols-1 sm:grid-cols-2 gap-2 text-sm text-white/80 font-sans">
                  <li class="font-geist" style="">• Free audit of your lead flow</li>
                  <li class="font-geist" style="">• Live demo tailored to your business</li>
                  <li class="font-geist" style="">• Clear ROI plan for month one</li>
                  <li class="font-geist" style="">• No obligation</li>
                </ul>
                <div class="mt-8 flex flex-col sm:flex-row gap-3">
                  <a href="#contact" class="inline-flex items-center gap-2 rounded-xl bg-white text-neutral-900 hover:bg-white/90 transition-colors px-5 py-3 text-sm font-medium font-geist" style="">
                    Book My Free Demo
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="w-[16px] h-[16px]" data-icon-replaced="true" data-lucide="arrow-right" style="color: rgb(23, 23, 23); width: 16px; height: 16px;"><path d="M5 12h14" class=""></path><path d="m12 5 7 7-7 7" class=""></path></svg>
                  </a>
                  <a href="mailto:hello@rulz.ai" class="inline-flex items-center gap-2 rounded-xl bg-white/10 border border-white/15 text-white hover:bg-white/15 transition-colors px-5 py-3 text-sm font-medium font-geist" style="">
                    Email us
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="w-[16px] h-[16px]" data-icon-replaced="true" data-lucide="mail" style="color: rgb(255, 255, 255); width: 16px; height: 16px;"><rect width="20" height="16" x="2" y="4" rx="2" class=""></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" class=""></path></svg>
                  </a>
                </div>
              </div>
              <div class="rounded-2xl border border-white/10 bg-black/30 p-6">
                <div class="flex items-center gap-3">
                  <div class="inline-flex h-10 w-10 items-center justify-center rounded-full bg-white text-neutral-900 font-semibold font-geist" style="">R</div>
                  <div class="">
                    <p class="text-sm text-white font-geist" style="">Rulz &amp; Co.</p>
                    <p class="text-xs text-white/60 font-geist" style="">AI Automation for Local Businesses</p>
                  </div>
                </div>
                <div class="mt-4 space-y-2 text-sm text-white/80 font-sans">
                  <p class="font-geist" style="">• 60-second response guarantee during coverage hours</p>
                  <p class="font-geist" style="">• UK-based support</p>
                  <p class="font-geist" style="">• Works with your tools—no new apps</p>
                </div>
                <p class="mt-4 text-xs text-white/50 font-geist" style="">Want a different hero image? Let me know and I’ll swap to an industry‑neutral background.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>