Client Case Studies Section

<section id="case-studies" class="bg-neutral-900/30 py-20"
  data-element-locator="html &gt; body:nth-of-type(1) &gt; section:nth-of-type(7)">
  <div class="mx-auto max-w-7xl px-6">
    <div class="mx-auto max-w-3xl text-center mb-12">
      <h2 class="sm:text-4xl text-3xl font-normal text-white tracking-tight font-instrument-serif" style="">Results Our
        Clients See</h2>
      <p class="mt-4 text-white/80 font-geist" style="">Real UK businesses using Rulz to win more jobs and answer every
        lead, day and night.</p>
    </div>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
      <article class="rounded-2xl border border-white/10 bg-white/5 p-6 backdrop-blur">
        <div class="flex items-center justify-between">
          <h3 class="text-base font-medium text-white tracking-tight font-geist" style="">Manchester Plumbing Co.</h3>
          <span class="text-xs text-white/70 font-geist" style="">Speed-to-Lead</span>
        </div>
        <p class="text-sm text-white/70 mt-3 font-geist" style="">
          Implemented instant replies on web and Facebook forms with calendar links.
        </p>
        <ul class="mt-4 space-y-1 text-sm text-white/80 font-sans">
          <li class="font-geist" style="">• 58% more booked jobs in 30 days</li>
          <li class="font-geist" style="">• Avg. response time: 42 seconds</li>
          <li class="font-geist" style="">• £9,300 additional revenue in month one</li>
        </ul>
      </article>

      <article class="rounded-2xl border border-white/10 bg-white/5 p-6 backdrop-blur">
        <div class="flex items-center justify-between">
          <h3 class="text-base font-medium text-white tracking-tight font-geist" style="">Birmingham Dental</h3>
          <span class="text-xs text-white/70 font-geist" style="">AI Receptionist</span>
        </div>
        <p class="text-sm text-white/70 mt-3 font-geist" style="">
          AI answered after-hours calls, handled FAQs, and booked new patient exams.
        </p>
        <ul class="mt-4 space-y-1 text-sm text-white/80 font-sans">
          <li class="font-geist" style="">• 72% fewer missed calls</li>
          <li style="" class="font-geist">• 41 new patient bookings in 6 weeks</li>
          <li style="" class="font-geist">• 76% no-show reduction with reminders</li>
        </ul>
      </article>

      <article class="rounded-2xl border border-white/10 bg-white/5 p-6 backdrop-blur">
        <div class="flex items-center justify-between">
          <h3 class="text-base font-medium text-white tracking-tight font-geist" style="">Leeds Fitness Studio</h3>
          <span class="text-xs text-white/70 font-geist" style="">Text Booking</span>
        </div>
        <p class="text-sm text-white/70 mt-3 font-geist" style="">
          Customers booked intro sessions via WhatsApp with automatic follow-ups.
        </p>
        <ul class="mt-4 space-y-1 text-sm text-white/80 font-sans">
          <li style="" class="font-geist">• 3.1x contact-to-booking rate</li>
          <li style="" class="font-geist">• Response SLA: under 60 seconds</li>
          <li style="" class="font-geist">• 4 hours saved per day on admin</li>
        </ul>
      </article>
    </div>
  </div>
</section>