<turbo-stream action="replace" target="time_slots"><template><div id="time_slots"
     class="flex flex-col px-6 py-6 lg:pt-0 lg:px-0 lg:w-[280px] lg:shrink-0 lg:border-l border-zinc-200 lg:self-stretch lg:overflow-hidden">
  <p class="text-[16px] font-semibold leading-6 text-[#3f3f46] shrink-0 lg:px-8 lg:pt-[88px] lg:pb-5 px-0 pb-5">
    Wednesday, August 26
  </p>

  <div data-controller="scheduling--time-slots"
       data-scheduling--time-slots-date-value="2026-08-26"
       data-scheduling--time-slots-service-id-value="a06d2635-7134-4851-915c-44aabb29b494"
       class="lg:overflow-y-auto lg:px-8 lg:pb-8">

      <div class="grid grid-cols-2 lg:grid-cols-1 gap-3"
           data-scheduling--time-slots-target="slotsGrid">
          

  <div class="flex items-center gap-3" id="slot_1787731200_wrapper">
    <button type="button"
            id="slot_1787731200"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T09:00:00+01:00"
            data-display-time="9:00 AM"
            data-slot-id="slot_1787731200"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      9:00 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787731200">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T09%3A00%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787732100_wrapper">
    <button type="button"
            id="slot_1787732100"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T09:15:00+01:00"
            data-display-time="9:15 AM"
            data-slot-id="slot_1787732100"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      9:15 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787732100">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T09%3A15%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787733000_wrapper">
    <button type="button"
            id="slot_1787733000"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T09:30:00+01:00"
            data-display-time="9:30 AM"
            data-slot-id="slot_1787733000"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      9:30 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787733000">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T09%3A30%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787733900_wrapper">
    <button type="button"
            id="slot_1787733900"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T09:45:00+01:00"
            data-display-time="9:45 AM"
            data-slot-id="slot_1787733900"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      9:45 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787733900">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T09%3A45%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787734800_wrapper">
    <button type="button"
            id="slot_1787734800"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T10:00:00+01:00"
            data-display-time="10:00 AM"
            data-slot-id="slot_1787734800"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      10:00 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787734800">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T10%3A00%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787735700_wrapper">
    <button type="button"
            id="slot_1787735700"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T10:15:00+01:00"
            data-display-time="10:15 AM"
            data-slot-id="slot_1787735700"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      10:15 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787735700">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T10%3A15%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787736600_wrapper">
    <button type="button"
            id="slot_1787736600"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T10:30:00+01:00"
            data-display-time="10:30 AM"
            data-slot-id="slot_1787736600"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      10:30 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787736600">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T10%3A30%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787737500_wrapper">
    <button type="button"
            id="slot_1787737500"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T10:45:00+01:00"
            data-display-time="10:45 AM"
            data-slot-id="slot_1787737500"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      10:45 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787737500">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T10%3A45%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787738400_wrapper">
    <button type="button"
            id="slot_1787738400"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T11:00:00+01:00"
            data-display-time="11:00 AM"
            data-slot-id="slot_1787738400"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      11:00 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787738400">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T11%3A00%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787739300_wrapper">
    <button type="button"
            id="slot_1787739300"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T11:15:00+01:00"
            data-display-time="11:15 AM"
            data-slot-id="slot_1787739300"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      11:15 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787739300">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T11%3A15%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787740200_wrapper">
    <button type="button"
            id="slot_1787740200"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T11:30:00+01:00"
            data-display-time="11:30 AM"
            data-slot-id="slot_1787740200"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      11:30 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787740200">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T11%3A30%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787741100_wrapper">
    <button type="button"
            id="slot_1787741100"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T11:45:00+01:00"
            data-display-time="11:45 AM"
            data-slot-id="slot_1787741100"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      11:45 AM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787741100">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T11%3A45%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787742000_wrapper">
    <button type="button"
            id="slot_1787742000"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T12:00:00+01:00"
            data-display-time="12:00 PM"
            data-slot-id="slot_1787742000"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      12:00 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787742000">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T12%3A00%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787742900_wrapper">
    <button type="button"
            id="slot_1787742900"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T12:15:00+01:00"
            data-display-time="12:15 PM"
            data-slot-id="slot_1787742900"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      12:15 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787742900">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T12%3A15%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787743800_wrapper">
    <button type="button"
            id="slot_1787743800"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T12:30:00+01:00"
            data-display-time="12:30 PM"
            data-slot-id="slot_1787743800"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      12:30 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787743800">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T12%3A30%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787744700_wrapper">
    <button type="button"
            id="slot_1787744700"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T12:45:00+01:00"
            data-display-time="12:45 PM"
            data-slot-id="slot_1787744700"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      12:45 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787744700">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T12%3A45%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787745600_wrapper">
    <button type="button"
            id="slot_1787745600"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T13:00:00+01:00"
            data-display-time="1:00 PM"
            data-slot-id="slot_1787745600"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      1:00 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787745600">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T13%3A00%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787746500_wrapper">
    <button type="button"
            id="slot_1787746500"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T13:15:00+01:00"
            data-display-time="1:15 PM"
            data-slot-id="slot_1787746500"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      1:15 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787746500">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T13%3A15%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787747400_wrapper">
    <button type="button"
            id="slot_1787747400"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T13:30:00+01:00"
            data-display-time="1:30 PM"
            data-slot-id="slot_1787747400"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      1:30 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787747400">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T13%3A30%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787748300_wrapper">
    <button type="button"
            id="slot_1787748300"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T13:45:00+01:00"
            data-display-time="1:45 PM"
            data-slot-id="slot_1787748300"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      1:45 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787748300">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T13%3A45%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787749200_wrapper">
    <button type="button"
            id="slot_1787749200"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T14:00:00+01:00"
            data-display-time="2:00 PM"
            data-slot-id="slot_1787749200"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      2:00 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787749200">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T14%3A00%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787750100_wrapper">
    <button type="button"
            id="slot_1787750100"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T14:15:00+01:00"
            data-display-time="2:15 PM"
            data-slot-id="slot_1787750100"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      2:15 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787750100">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T14%3A15%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787751000_wrapper">
    <button type="button"
            id="slot_1787751000"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T14:30:00+01:00"
            data-display-time="2:30 PM"
            data-slot-id="slot_1787751000"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      2:30 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787751000">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T14%3A30%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787751900_wrapper">
    <button type="button"
            id="slot_1787751900"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T14:45:00+01:00"
            data-display-time="2:45 PM"
            data-slot-id="slot_1787751900"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      2:45 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787751900">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T14%3A45%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787752800_wrapper">
    <button type="button"
            id="slot_1787752800"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T15:00:00+01:00"
            data-display-time="3:00 PM"
            data-slot-id="slot_1787752800"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      3:00 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787752800">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T15%3A00%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787753700_wrapper">
    <button type="button"
            id="slot_1787753700"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T15:15:00+01:00"
            data-display-time="3:15 PM"
            data-slot-id="slot_1787753700"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      3:15 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787753700">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T15%3A15%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787754600_wrapper">
    <button type="button"
            id="slot_1787754600"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T15:30:00+01:00"
            data-display-time="3:30 PM"
            data-slot-id="slot_1787754600"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      3:30 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787754600">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T15%3A30%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787755500_wrapper">
    <button type="button"
            id="slot_1787755500"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T15:45:00+01:00"
            data-display-time="3:45 PM"
            data-slot-id="slot_1787755500"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      3:45 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787755500">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T15%3A45%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787756400_wrapper">
    <button type="button"
            id="slot_1787756400"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T16:00:00+01:00"
            data-display-time="4:00 PM"
            data-slot-id="slot_1787756400"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      4:00 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787756400">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T16%3A00%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787757300_wrapper">
    <button type="button"
            id="slot_1787757300"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T16:15:00+01:00"
            data-display-time="4:15 PM"
            data-slot-id="slot_1787757300"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      4:15 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787757300">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T16%3A15%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

          

  <div class="flex items-center gap-3" id="slot_1787758200_wrapper">
    <button type="button"
            id="slot_1787758200"
            class="flex-1 px-4 py-[14px] border border-zinc-300 rounded-[8px] text-[14px] font-semibold leading-5 text-zinc-500 text-center transition-all hover:border-indigo-500 hover:bg-indigo-50 hover:text-indigo-600 cursor-pointer"
            data-action="click->scheduling--time-slots#selectTime"
            data-time="2026-08-26T16:30:00+01:00"
            data-display-time="4:30 PM"
            data-slot-id="slot_1787758200"
            data-slot-selected-bg="bg-indigo-50"
            data-slot-selected-border="border-indigo-500"
            data-slot-selected-text="text-indigo-600"
            data-scheduling--time-slots-target="slot">
      4:30 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1787758200">
        <a class="flex items-center gap-1 px-4 lg:pl-5 lg:pr-4 py-[14px] bg-indigo-600 hover:bg-indigo-700 rounded-full transition-colors" data-turbo="false" data-action="click-&gt;scheduling--turbo-link#visit click-&gt;scheduling--time-slots#scrollToBookingForm" href="/scheduling/luxury-africa-realty/booking_form?date=2026-08-26&amp;service_id=a06d2635-7134-4851-915c-44aabb29b494&amp;time=2026-08-26T16%3A30%3A00%2B01%3A00">
          <span class="text-white text-[14px] font-semibold leading-5 hidden lg:inline">Next</span>
          <span class="text-white"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5" aria-hidden="true"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</a>    </div>
  </div>

      </div>
  </div>
</div></template></turbo-stream>