<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">
    Monday, October 12
  </p>

  <div data-controller="scheduling--time-slots"
       data-scheduling--time-slots-date-value="2026-10-12"
       data-scheduling--time-slots-service-id-value="4aa25e3a-2a87-475d-972a-8b0933cb3289"
       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_1791810000_wrapper">
    <button type="button"
            id="slot_1791810000"
            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-10-12T09:00:00-04:00"
            data-display-time="9:00 AM"
            data-slot-id="slot_1791810000"
            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_1791810000">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T09%3A00%3A00-04%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_1791810900_wrapper">
    <button type="button"
            id="slot_1791810900"
            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-10-12T09:15:00-04:00"
            data-display-time="9:15 AM"
            data-slot-id="slot_1791810900"
            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_1791810900">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T09%3A15%3A00-04%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_1791811800_wrapper">
    <button type="button"
            id="slot_1791811800"
            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-10-12T09:30:00-04:00"
            data-display-time="9:30 AM"
            data-slot-id="slot_1791811800"
            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_1791811800">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T09%3A30%3A00-04%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_1791812700_wrapper">
    <button type="button"
            id="slot_1791812700"
            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-10-12T09:45:00-04:00"
            data-display-time="9:45 AM"
            data-slot-id="slot_1791812700"
            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_1791812700">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T09%3A45%3A00-04%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_1791813600_wrapper">
    <button type="button"
            id="slot_1791813600"
            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-10-12T10:00:00-04:00"
            data-display-time="10:00 AM"
            data-slot-id="slot_1791813600"
            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_1791813600">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T10%3A00%3A00-04%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_1791814500_wrapper">
    <button type="button"
            id="slot_1791814500"
            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-10-12T10:15:00-04:00"
            data-display-time="10:15 AM"
            data-slot-id="slot_1791814500"
            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_1791814500">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T10%3A15%3A00-04%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_1791815400_wrapper">
    <button type="button"
            id="slot_1791815400"
            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-10-12T10:30:00-04:00"
            data-display-time="10:30 AM"
            data-slot-id="slot_1791815400"
            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_1791815400">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T10%3A30%3A00-04%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_1791816300_wrapper">
    <button type="button"
            id="slot_1791816300"
            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-10-12T10:45:00-04:00"
            data-display-time="10:45 AM"
            data-slot-id="slot_1791816300"
            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_1791816300">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T10%3A45%3A00-04%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_1791817200_wrapper">
    <button type="button"
            id="slot_1791817200"
            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-10-12T11:00:00-04:00"
            data-display-time="11:00 AM"
            data-slot-id="slot_1791817200"
            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_1791817200">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T11%3A00%3A00-04%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_1791818100_wrapper">
    <button type="button"
            id="slot_1791818100"
            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-10-12T11:15:00-04:00"
            data-display-time="11:15 AM"
            data-slot-id="slot_1791818100"
            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_1791818100">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T11%3A15%3A00-04%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_1791819000_wrapper">
    <button type="button"
            id="slot_1791819000"
            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-10-12T11:30:00-04:00"
            data-display-time="11:30 AM"
            data-slot-id="slot_1791819000"
            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_1791819000">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T11%3A30%3A00-04%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_1791819900_wrapper">
    <button type="button"
            id="slot_1791819900"
            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-10-12T11:45:00-04:00"
            data-display-time="11:45 AM"
            data-slot-id="slot_1791819900"
            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_1791819900">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T11%3A45%3A00-04%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_1791820800_wrapper">
    <button type="button"
            id="slot_1791820800"
            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-10-12T12:00:00-04:00"
            data-display-time="12:00 PM"
            data-slot-id="slot_1791820800"
            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_1791820800">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T12%3A00%3A00-04%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_1791821700_wrapper">
    <button type="button"
            id="slot_1791821700"
            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-10-12T12:15:00-04:00"
            data-display-time="12:15 PM"
            data-slot-id="slot_1791821700"
            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_1791821700">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T12%3A15%3A00-04%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_1791822600_wrapper">
    <button type="button"
            id="slot_1791822600"
            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-10-12T12:30:00-04:00"
            data-display-time="12:30 PM"
            data-slot-id="slot_1791822600"
            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_1791822600">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T12%3A30%3A00-04%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_1791823500_wrapper">
    <button type="button"
            id="slot_1791823500"
            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-10-12T12:45:00-04:00"
            data-display-time="12:45 PM"
            data-slot-id="slot_1791823500"
            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_1791823500">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T12%3A45%3A00-04%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_1791824400_wrapper">
    <button type="button"
            id="slot_1791824400"
            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-10-12T13:00:00-04:00"
            data-display-time="1:00 PM"
            data-slot-id="slot_1791824400"
            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_1791824400">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T13%3A00%3A00-04%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_1791825300_wrapper">
    <button type="button"
            id="slot_1791825300"
            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-10-12T13:15:00-04:00"
            data-display-time="1:15 PM"
            data-slot-id="slot_1791825300"
            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_1791825300">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T13%3A15%3A00-04%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_1791826200_wrapper">
    <button type="button"
            id="slot_1791826200"
            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-10-12T13:30:00-04:00"
            data-display-time="1:30 PM"
            data-slot-id="slot_1791826200"
            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_1791826200">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T13%3A30%3A00-04%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_1791827100_wrapper">
    <button type="button"
            id="slot_1791827100"
            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-10-12T13:45:00-04:00"
            data-display-time="1:45 PM"
            data-slot-id="slot_1791827100"
            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_1791827100">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T13%3A45%3A00-04%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_1791828000_wrapper">
    <button type="button"
            id="slot_1791828000"
            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-10-12T14:00:00-04:00"
            data-display-time="2:00 PM"
            data-slot-id="slot_1791828000"
            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_1791828000">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T14%3A00%3A00-04%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_1791828900_wrapper">
    <button type="button"
            id="slot_1791828900"
            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-10-12T14:15:00-04:00"
            data-display-time="2:15 PM"
            data-slot-id="slot_1791828900"
            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_1791828900">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T14%3A15%3A00-04%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_1791829800_wrapper">
    <button type="button"
            id="slot_1791829800"
            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-10-12T14:30:00-04:00"
            data-display-time="2:30 PM"
            data-slot-id="slot_1791829800"
            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_1791829800">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T14%3A30%3A00-04%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_1791830700_wrapper">
    <button type="button"
            id="slot_1791830700"
            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-10-12T14:45:00-04:00"
            data-display-time="2:45 PM"
            data-slot-id="slot_1791830700"
            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_1791830700">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T14%3A45%3A00-04%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_1791831600_wrapper">
    <button type="button"
            id="slot_1791831600"
            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-10-12T15:00:00-04:00"
            data-display-time="3:00 PM"
            data-slot-id="slot_1791831600"
            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_1791831600">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T15%3A00%3A00-04%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_1791832500_wrapper">
    <button type="button"
            id="slot_1791832500"
            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-10-12T15:15:00-04:00"
            data-display-time="3:15 PM"
            data-slot-id="slot_1791832500"
            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_1791832500">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T15%3A15%3A00-04%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_1791833400_wrapper">
    <button type="button"
            id="slot_1791833400"
            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-10-12T15:30:00-04:00"
            data-display-time="3:30 PM"
            data-slot-id="slot_1791833400"
            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_1791833400">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T15%3A30%3A00-04%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_1791834300_wrapper">
    <button type="button"
            id="slot_1791834300"
            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-10-12T15:45:00-04:00"
            data-display-time="3:45 PM"
            data-slot-id="slot_1791834300"
            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_1791834300">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T15%3A45%3A00-04%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_1791835200_wrapper">
    <button type="button"
            id="slot_1791835200"
            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-10-12T16:00:00-04:00"
            data-display-time="4:00 PM"
            data-slot-id="slot_1791835200"
            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_1791835200">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T16%3A00%3A00-04%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_1791836100_wrapper">
    <button type="button"
            id="slot_1791836100"
            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-10-12T16:15:00-04:00"
            data-display-time="4:15 PM"
            data-slot-id="slot_1791836100"
            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_1791836100">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T16%3A15%3A00-04%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_1791837000_wrapper">
    <button type="button"
            id="slot_1791837000"
            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-10-12T16:30:00-04:00"
            data-display-time="4:30 PM"
            data-slot-id="slot_1791837000"
            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_1791837000">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T16%3A30%3A00-04%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_1791837900_wrapper">
    <button type="button"
            id="slot_1791837900"
            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-10-12T16:45:00-04:00"
            data-display-time="4:45 PM"
            data-slot-id="slot_1791837900"
            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:45 PM
    </button>

    <div class="hidden shrink-0" data-slot-confirm="slot_1791837900">
        <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/ivyla-designs/booking_form?date=2026-10-12&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-10-12T16%3A45%3A00-04%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>