<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, June 29
  </p>

  <div data-controller="scheduling--time-slots"
       data-scheduling--time-slots-date-value="2026-06-29"
       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_1782738000_wrapper">
    <button type="button"
            id="slot_1782738000"
            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-06-29T09:00:00-04:00"
            data-display-time="9:00 AM"
            data-slot-id="slot_1782738000"
            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_1782738000">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T09%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_1782738900_wrapper">
    <button type="button"
            id="slot_1782738900"
            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-06-29T09:15:00-04:00"
            data-display-time="9:15 AM"
            data-slot-id="slot_1782738900"
            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_1782738900">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T09%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_1782739800_wrapper">
    <button type="button"
            id="slot_1782739800"
            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-06-29T09:30:00-04:00"
            data-display-time="9:30 AM"
            data-slot-id="slot_1782739800"
            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_1782739800">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T09%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_1782740700_wrapper">
    <button type="button"
            id="slot_1782740700"
            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-06-29T09:45:00-04:00"
            data-display-time="9:45 AM"
            data-slot-id="slot_1782740700"
            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_1782740700">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T09%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_1782741600_wrapper">
    <button type="button"
            id="slot_1782741600"
            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-06-29T10:00:00-04:00"
            data-display-time="10:00 AM"
            data-slot-id="slot_1782741600"
            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_1782741600">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T10%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_1782742500_wrapper">
    <button type="button"
            id="slot_1782742500"
            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-06-29T10:15:00-04:00"
            data-display-time="10:15 AM"
            data-slot-id="slot_1782742500"
            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_1782742500">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T10%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_1782743400_wrapper">
    <button type="button"
            id="slot_1782743400"
            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-06-29T10:30:00-04:00"
            data-display-time="10:30 AM"
            data-slot-id="slot_1782743400"
            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_1782743400">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T10%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_1782744300_wrapper">
    <button type="button"
            id="slot_1782744300"
            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-06-29T10:45:00-04:00"
            data-display-time="10:45 AM"
            data-slot-id="slot_1782744300"
            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_1782744300">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T10%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_1782745200_wrapper">
    <button type="button"
            id="slot_1782745200"
            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-06-29T11:00:00-04:00"
            data-display-time="11:00 AM"
            data-slot-id="slot_1782745200"
            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_1782745200">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T11%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_1782746100_wrapper">
    <button type="button"
            id="slot_1782746100"
            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-06-29T11:15:00-04:00"
            data-display-time="11:15 AM"
            data-slot-id="slot_1782746100"
            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_1782746100">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T11%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_1782747000_wrapper">
    <button type="button"
            id="slot_1782747000"
            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-06-29T11:30:00-04:00"
            data-display-time="11:30 AM"
            data-slot-id="slot_1782747000"
            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_1782747000">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T11%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_1782747900_wrapper">
    <button type="button"
            id="slot_1782747900"
            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-06-29T11:45:00-04:00"
            data-display-time="11:45 AM"
            data-slot-id="slot_1782747900"
            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_1782747900">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T11%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_1782748800_wrapper">
    <button type="button"
            id="slot_1782748800"
            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-06-29T12:00:00-04:00"
            data-display-time="12:00 PM"
            data-slot-id="slot_1782748800"
            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_1782748800">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T12%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_1782749700_wrapper">
    <button type="button"
            id="slot_1782749700"
            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-06-29T12:15:00-04:00"
            data-display-time="12:15 PM"
            data-slot-id="slot_1782749700"
            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_1782749700">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T12%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_1782750600_wrapper">
    <button type="button"
            id="slot_1782750600"
            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-06-29T12:30:00-04:00"
            data-display-time="12:30 PM"
            data-slot-id="slot_1782750600"
            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_1782750600">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T12%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_1782751500_wrapper">
    <button type="button"
            id="slot_1782751500"
            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-06-29T12:45:00-04:00"
            data-display-time="12:45 PM"
            data-slot-id="slot_1782751500"
            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_1782751500">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T12%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_1782752400_wrapper">
    <button type="button"
            id="slot_1782752400"
            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-06-29T13:00:00-04:00"
            data-display-time="1:00 PM"
            data-slot-id="slot_1782752400"
            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_1782752400">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T13%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_1782753300_wrapper">
    <button type="button"
            id="slot_1782753300"
            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-06-29T13:15:00-04:00"
            data-display-time="1:15 PM"
            data-slot-id="slot_1782753300"
            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_1782753300">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T13%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_1782754200_wrapper">
    <button type="button"
            id="slot_1782754200"
            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-06-29T13:30:00-04:00"
            data-display-time="1:30 PM"
            data-slot-id="slot_1782754200"
            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_1782754200">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T13%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_1782755100_wrapper">
    <button type="button"
            id="slot_1782755100"
            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-06-29T13:45:00-04:00"
            data-display-time="1:45 PM"
            data-slot-id="slot_1782755100"
            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_1782755100">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T13%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_1782756000_wrapper">
    <button type="button"
            id="slot_1782756000"
            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-06-29T14:00:00-04:00"
            data-display-time="2:00 PM"
            data-slot-id="slot_1782756000"
            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_1782756000">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T14%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_1782756900_wrapper">
    <button type="button"
            id="slot_1782756900"
            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-06-29T14:15:00-04:00"
            data-display-time="2:15 PM"
            data-slot-id="slot_1782756900"
            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_1782756900">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T14%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_1782757800_wrapper">
    <button type="button"
            id="slot_1782757800"
            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-06-29T14:30:00-04:00"
            data-display-time="2:30 PM"
            data-slot-id="slot_1782757800"
            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_1782757800">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T14%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_1782758700_wrapper">
    <button type="button"
            id="slot_1782758700"
            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-06-29T14:45:00-04:00"
            data-display-time="2:45 PM"
            data-slot-id="slot_1782758700"
            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_1782758700">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T14%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_1782759600_wrapper">
    <button type="button"
            id="slot_1782759600"
            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-06-29T15:00:00-04:00"
            data-display-time="3:00 PM"
            data-slot-id="slot_1782759600"
            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_1782759600">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T15%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_1782760500_wrapper">
    <button type="button"
            id="slot_1782760500"
            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-06-29T15:15:00-04:00"
            data-display-time="3:15 PM"
            data-slot-id="slot_1782760500"
            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_1782760500">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T15%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_1782761400_wrapper">
    <button type="button"
            id="slot_1782761400"
            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-06-29T15:30:00-04:00"
            data-display-time="3:30 PM"
            data-slot-id="slot_1782761400"
            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_1782761400">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T15%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_1782762300_wrapper">
    <button type="button"
            id="slot_1782762300"
            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-06-29T15:45:00-04:00"
            data-display-time="3:45 PM"
            data-slot-id="slot_1782762300"
            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_1782762300">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T15%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_1782763200_wrapper">
    <button type="button"
            id="slot_1782763200"
            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-06-29T16:00:00-04:00"
            data-display-time="4:00 PM"
            data-slot-id="slot_1782763200"
            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_1782763200">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T16%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_1782764100_wrapper">
    <button type="button"
            id="slot_1782764100"
            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-06-29T16:15:00-04:00"
            data-display-time="4:15 PM"
            data-slot-id="slot_1782764100"
            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_1782764100">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T16%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_1782765000_wrapper">
    <button type="button"
            id="slot_1782765000"
            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-06-29T16:30:00-04:00"
            data-display-time="4:30 PM"
            data-slot-id="slot_1782765000"
            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_1782765000">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T16%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_1782765900_wrapper">
    <button type="button"
            id="slot_1782765900"
            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-06-29T16:45:00-04:00"
            data-display-time="4:45 PM"
            data-slot-id="slot_1782765900"
            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_1782765900">
        <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-06-29&amp;service_id=4aa25e3a-2a87-475d-972a-8b0933cb3289&amp;time=2026-06-29T16%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>