<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">
    Thursday, October 1
  </p>

  <div data-controller="scheduling--time-slots"
       data-scheduling--time-slots-date-value="2026-10-01"
       data-scheduling--time-slots-service-id-value="6f58fda6-f78a-4cf7-9bfd-b462baf7bc24"
       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_1790870400_wrapper">
    <button type="button"
            id="slot_1790870400"
            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-01T09:00:00-07:00"
            data-display-time="9:00 AM"
            data-slot-id="slot_1790870400"
            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_1790870400">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T09%3A00%3A00-07%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_1790874000_wrapper">
    <button type="button"
            id="slot_1790874000"
            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-01T10:00:00-07:00"
            data-display-time="10:00 AM"
            data-slot-id="slot_1790874000"
            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_1790874000">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T10%3A00%3A00-07%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_1790874900_wrapper">
    <button type="button"
            id="slot_1790874900"
            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-01T10:15:00-07:00"
            data-display-time="10:15 AM"
            data-slot-id="slot_1790874900"
            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_1790874900">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T10%3A15%3A00-07%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_1790875800_wrapper">
    <button type="button"
            id="slot_1790875800"
            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-01T10:30:00-07:00"
            data-display-time="10:30 AM"
            data-slot-id="slot_1790875800"
            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_1790875800">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T10%3A30%3A00-07%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_1790876700_wrapper">
    <button type="button"
            id="slot_1790876700"
            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-01T10:45:00-07:00"
            data-display-time="10:45 AM"
            data-slot-id="slot_1790876700"
            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_1790876700">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T10%3A45%3A00-07%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_1790877600_wrapper">
    <button type="button"
            id="slot_1790877600"
            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-01T11:00:00-07:00"
            data-display-time="11:00 AM"
            data-slot-id="slot_1790877600"
            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_1790877600">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T11%3A00%3A00-07%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_1790878500_wrapper">
    <button type="button"
            id="slot_1790878500"
            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-01T11:15:00-07:00"
            data-display-time="11:15 AM"
            data-slot-id="slot_1790878500"
            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_1790878500">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T11%3A15%3A00-07%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_1790879400_wrapper">
    <button type="button"
            id="slot_1790879400"
            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-01T11:30:00-07:00"
            data-display-time="11:30 AM"
            data-slot-id="slot_1790879400"
            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_1790879400">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T11%3A30%3A00-07%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_1790880300_wrapper">
    <button type="button"
            id="slot_1790880300"
            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-01T11:45:00-07:00"
            data-display-time="11:45 AM"
            data-slot-id="slot_1790880300"
            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_1790880300">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T11%3A45%3A00-07%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_1790881200_wrapper">
    <button type="button"
            id="slot_1790881200"
            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-01T12:00:00-07:00"
            data-display-time="12:00 PM"
            data-slot-id="slot_1790881200"
            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_1790881200">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T12%3A00%3A00-07%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_1790882100_wrapper">
    <button type="button"
            id="slot_1790882100"
            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-01T12:15:00-07:00"
            data-display-time="12:15 PM"
            data-slot-id="slot_1790882100"
            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_1790882100">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T12%3A15%3A00-07%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_1790883000_wrapper">
    <button type="button"
            id="slot_1790883000"
            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-01T12:30:00-07:00"
            data-display-time="12:30 PM"
            data-slot-id="slot_1790883000"
            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_1790883000">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T12%3A30%3A00-07%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_1790883900_wrapper">
    <button type="button"
            id="slot_1790883900"
            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-01T12:45:00-07:00"
            data-display-time="12:45 PM"
            data-slot-id="slot_1790883900"
            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_1790883900">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T12%3A45%3A00-07%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_1790884800_wrapper">
    <button type="button"
            id="slot_1790884800"
            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-01T13:00:00-07:00"
            data-display-time="1:00 PM"
            data-slot-id="slot_1790884800"
            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_1790884800">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T13%3A00%3A00-07%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_1790885700_wrapper">
    <button type="button"
            id="slot_1790885700"
            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-01T13:15:00-07:00"
            data-display-time="1:15 PM"
            data-slot-id="slot_1790885700"
            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_1790885700">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T13%3A15%3A00-07%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_1790886600_wrapper">
    <button type="button"
            id="slot_1790886600"
            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-01T13:30:00-07:00"
            data-display-time="1:30 PM"
            data-slot-id="slot_1790886600"
            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_1790886600">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T13%3A30%3A00-07%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_1790887500_wrapper">
    <button type="button"
            id="slot_1790887500"
            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-01T13:45:00-07:00"
            data-display-time="1:45 PM"
            data-slot-id="slot_1790887500"
            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_1790887500">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T13%3A45%3A00-07%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_1790888400_wrapper">
    <button type="button"
            id="slot_1790888400"
            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-01T14:00:00-07:00"
            data-display-time="2:00 PM"
            data-slot-id="slot_1790888400"
            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_1790888400">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T14%3A00%3A00-07%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_1790889300_wrapper">
    <button type="button"
            id="slot_1790889300"
            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-01T14:15:00-07:00"
            data-display-time="2:15 PM"
            data-slot-id="slot_1790889300"
            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_1790889300">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T14%3A15%3A00-07%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_1790890200_wrapper">
    <button type="button"
            id="slot_1790890200"
            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-01T14:30:00-07:00"
            data-display-time="2:30 PM"
            data-slot-id="slot_1790890200"
            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_1790890200">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T14%3A30%3A00-07%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_1790891100_wrapper">
    <button type="button"
            id="slot_1790891100"
            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-01T14:45:00-07:00"
            data-display-time="2:45 PM"
            data-slot-id="slot_1790891100"
            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_1790891100">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T14%3A45%3A00-07%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_1790892000_wrapper">
    <button type="button"
            id="slot_1790892000"
            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-01T15:00:00-07:00"
            data-display-time="3:00 PM"
            data-slot-id="slot_1790892000"
            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_1790892000">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T15%3A00%3A00-07%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_1790892900_wrapper">
    <button type="button"
            id="slot_1790892900"
            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-01T15:15:00-07:00"
            data-display-time="3:15 PM"
            data-slot-id="slot_1790892900"
            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_1790892900">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T15%3A15%3A00-07%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_1790893800_wrapper">
    <button type="button"
            id="slot_1790893800"
            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-01T15:30:00-07:00"
            data-display-time="3:30 PM"
            data-slot-id="slot_1790893800"
            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_1790893800">
        <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/design-meeting-hut/booking_form?date=2026-10-01&amp;service_id=6f58fda6-f78a-4cf7-9bfd-b462baf7bc24&amp;time=2026-10-01T15%3A30%3A00-07%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>