Customer Testimonial & Booking CTA Section

<section class="relative mt-20 mb-24">
      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div class="relative overflow-hidden rounded-[40px] border border-white/20 bg-white shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)]">
          <div class="absolute inset-0 pointer-events-none">
            <div class="absolute inset-0 bg-gradient-to-b from-white/10 via-white/5 to-transparent"></div>
          </div>
          <div class="relative p-6 sm:p-8">
            <div class="grid gap-6 md:grid-cols-[1.2fr_0.8fr]">
              <div class="sm:p-8 bg-white border-slate-950/10 border rounded-3xl pt-6 pr-6 pb-6 pl-6 shadow-sm">
                <p class="text-xl font-semibold tracking-tight text-black font-geist">
                  "Lala has been a game-changer for our family. Our house stays consistently clean, and the team is so reliable."
                </p>
                <div class="mt-4 flex items-center gap-3">
                  <img src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/f22e2d52-709a-41a5-a3c8-a608fbb46dea_320w.jpg" alt="Happy customer" class="h-10 w-10 object-cover rounded-full">
                  <div class="">
                    <div class="text-sm font-medium font-geist">Sarah M.</div>
                    <div class="text-xs text-black/60 font-geist">Regular customer for 2 years</div>
                  </div>
                </div>
              </div>

              <div class="sm:p-8 bg-white border-slate-950/10 border rounded-3xl pt-6 pr-6 pb-6 pl-6 shadow-sm">
                <h3 class="text-xl font-semibold tracking-tight font-geist">Ready to get started?</h3>
                <p class="mt-2 text-sm text-black/70 font-geist">Book your first cleaning today and see why thousands trust Lala with their homes.</p>
                <div class="mt-4 flex flex-col gap-2">
                  <a href="#" class="inline-flex items-center justify-center gap-2 rounded-xl px-4 py-2.5 text-sm font-medium bg-black text-neutral-100 hover:bg-black/90 font-geist">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><path d="M8 2v4" class=""></path><path d="M16 2v4" class=""></path><rect width="18" height="18" x="3" y="4" rx="2" class=""></rect><path d="M3 10h18" class=""></path></svg>
                    Schedule now
                  </a>
                  <a href="#" class="inline-flex items-center justify-center gap-2 rounded-xl px-4 py-2.5 text-sm font-medium border bg-gray-100 text-black hover:bg-gray-200 border-white/20 font-geist">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" class=""></path></svg>
                    Call us
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>