<turbo-stream action="append" target="deals"><template>
    <div>
      <div id="deal_200" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto border-4 border-red-500 mt-8" data-controller="deal-click-counter" data-deal-id="200">
    <div class="absolute flex justify-center left-0 right-0 -top-6">
      <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
        <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
          <span class="text-white">Whats</span>
        </div>
        <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
          <span class="text-red-500">Hot</span>
        </div>
      </div>
    </div>
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=5">Getaways</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
        <span class="bg-blue-500 text-white py-1 px-3 rounded-full text-sm font-semibold">Pinned</span>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/200">🤑 £179 - £219 BILLING AQUADROME HOLIDAY STAY OFFER</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Billing+Aquadrome%2C+Crow+Lane%2C+Great+Billing%2C+Northampton%2C+Northamptonshire%2C+NN3+9DA">
          <span class="underline">Billing Aquadrome, Crow Lane, Great Billing, Northampton, Northamptonshire, NN3 9DA</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🤑 £179 - £219 BILLING AQUADROME HOLIDAY STAY OFFER -  (40% off) Valid from June 05, 2026 until October 31, 2026" title="🤑 £179 - £219 BILLING AQUADROME HOLIDAY STAY OFFER | Categories: Getaways, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc3MTksInB1ciI6ImJsb2JfaWQifX0=--97246cbdc9a2f4247289169d8d9acb541519f7a0/SAVE%20UP%20TO_20260605_154046_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc3MTksInB1ciI6ImJsb2JfaWQifX0=--97246cbdc9a2f4247289169d8d9acb541519f7a0/SAVE%20UP%20TO_20260605_154046_0000.png" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🤑 <strong>Grab yourself a </strong><a href="https://tidd.ly/4v6RVeG"><strong>deal</strong></a><strong> for Billing Aquadrome, Northamptonshire Holiday Park! For a 3 or 4 night stay in a silver caravan for up to 6 people you can save up to 40% off on selected dates through June, September &amp; October 2026. Be quick though they will book up fast!<br></strong><br>❓️ <strong>WHAT TO ENJOY</strong><br>Includes access to the all facilities including the pool (booking required), all activities and entertainment.<br><br>During your visit you can enjoy the park grounds, lakeside boardwalks, outdoor splash park, playgrounds, and scenic walking areas. Unlimited access to miniature railway and Adventure Island activities such as kids axe throwing, magnet fishing, family games and so much more.<br><br>Admission to all Tribe entertainment and events (summer cyclone, silent discos, live music acts and more etc.)<br><br>Access to park play areas like the pump track and adventure playground<br><br>View activities and entertainment <a href="https://meadowbay.com/billingaquadrome/activities-and-entertainment/">here</a>. Some may need to be booked in advance.<br><br>ℹ️ <strong>FAQ'S ABOUT THE PARK</strong><br>For more information on the park click <a href="https://meadowbay.com/billingaquadrome/faqs/">here</a>.<br><br>🏊‍♂️ <strong>SWIMMING</strong><br>Indoor swimming is included in your stay. 9am – 6pm last entry at 5pm week days. Weekends stay open longer. This will need to be booked.<br><br>🤑 <strong>WANT TO MAKE IT A CARAVAN HOLIDAY - SAVE 40% OFF </strong><br><a href="https://tidd.ly/4v6RVeG">Save up to 40% off on selected dates in June , September &amp; October 2026 here.</a></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="200">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 40%
        </p>
    </div>
      <a href="https://tidd.ly/4v6RVeG" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🤑 £179 - £219 BILLING AQUADROME HOLIDAY STAY OFFER"
                              data-share-text-value="🤑 Grab yourself a deal for Billing Aquadrome, Northamptonshire Holiday Park! For a 3 or 4 night s..."
                              data-share-url-value="https://whatsupbeds.com/deals/200"
                              data-share-increment-url-value="/deals/200/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_198" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto border-4 border-red-500 mt-8" data-controller="deal-click-counter" data-deal-id="198">
    <div class="absolute flex justify-center left-0 right-0 -top-6">
      <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
        <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
          <span class="text-white">Whats</span>
        </div>
        <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
          <span class="text-red-500">Hot</span>
        </div>
      </div>
    </div>
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
        <span class="bg-blue-500 text-white py-1 px-3 rounded-full text-sm font-semibold">Pinned</span>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/198">⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE </a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Bermuda+Falls%2C+Hitchin+Rd%2C+Henlow+SG16+6BB">
          <span class="underline">Bermuda Falls, Hitchin Rd, Henlow SG16 6BB</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzIsInB1ciI6ImJsb2JfaWQifX0=--df3c61d35eb1cddf0e18a8fc9d0d2173aaf8ccfc/Whatsupbeds.com_20260524_195620_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzIsInB1ciI6ImJsb2JfaWQifX0=--df3c61d35eb1cddf0e18a8fc9d0d2173aaf8ccfc/Whatsupbeds.com_20260524_195620_0000.png" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzQsInB1ciI6ImJsb2JfaWQifX0=--c3a9009d23d9a94639920ee26aad82c28da0dbdb/Screenshot_20260524_135404_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzQsInB1ciI6ImJsb2JfaWQifX0=--c3a9009d23d9a94639920ee26aad82c28da0dbdb/Screenshot_20260524_135404_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="2">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzUsInB1ciI6ImJsb2JfaWQifX0=--4394215ef4abfbb6418b47a14318c26ff7026614/Screenshot_20260524_205122_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzUsInB1ciI6ImJsb2JfaWQifX0=--4394215ef4abfbb6418b47a14318c26ff7026614/Screenshot_20260524_205122_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="3">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzYsInB1ciI6ImJsb2JfaWQifX0=--38727a9d628316efcba70d951d3a615e30353a28/Screenshot_20260524_205149_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzYsInB1ciI6ImJsb2JfaWQifX0=--38727a9d628316efcba70d951d3a615e30353a28/Screenshot_20260524_205149_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="4">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzcsInB1ciI6ImJsb2JfaWQifX0=--4225ed2d0255f03833cac008539c56c4a6544829/Screenshot_20260524_205037_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzcsInB1ciI6ImJsb2JfaWQifX0=--4225ed2d0255f03833cac008539c56c4a6544829/Screenshot_20260524_205037_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="5">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzgsInB1ciI6ImJsb2JfaWQifX0=--c1020143b3c4ef9db53beab94e5ec1beb0be347a/IMG-20260524-WA0062.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzgsInB1ciI6ImJsb2JfaWQifX0=--c1020143b3c4ef9db53beab94e5ec1beb0be347a/IMG-20260524-WA0062.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="6">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzksInB1ciI6ImJsb2JfaWQifX0=--49f441bc157208cf0dd7607ecd70436efcf5b673/IMG-20260524-WA0064.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzksInB1ciI6ImJsb2JfaWQifX0=--49f441bc157208cf0dd7607ecd70436efcf5b673/IMG-20260524-WA0064.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="7">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxNDAsInB1ciI6ImJsb2JfaWQifX0=--5b82e107ed80c024c62d5fa8f443a4a0d3d9682d/IMG-20260524-WA0065.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxNDAsInB1ciI6ImJsb2JfaWQifX0=--5b82e107ed80c024c62d5fa8f443a4a0d3d9682d/IMG-20260524-WA0065.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="8">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxNDEsInB1ciI6ImJsb2JfaWQifX0=--6bdc6eb44479e856f4a18e5ccfa2dde3cac00133/IMG-20260524-WA0063.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxNDEsInB1ciI6ImJsb2JfaWQifX0=--6bdc6eb44479e856f4a18e5ccfa2dde3cac00133/IMG-20260524-WA0063.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="9">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  -  (10% off) Valid from May 24, 2026 " title="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE  | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxNDIsInB1ciI6ImJsb2JfaWQifX0=--3091783439bab28290298236c2e3f6c22af408de/IMG-20260524-WA0061.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcxNDIsInB1ciI6ImJsb2JfaWQifX0=--3091783439bab28290298236c2e3f6c22af408de/IMG-20260524-WA0061.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>💥 <strong>Get 10% off tickets at Bermuda Falls, Henlow, Bedfordshire when booked online.<br></strong><br>This deal is exclusive partnership with WhatsUp Bedfordshire. <strong>Use code: WUB10</strong> at checkout via Bermuda Falls Website.<br><br>⛳️ <strong>ABOUT THE GOLF COURSE</strong><br>Bermuda Falls Adventure Golf is a highly-rated, Aztec-themed 18-hole mini-golf course located in Henlow, Bedfordshire (within the Perfect Aquatics site). It features immersive elements like cascading waterfalls, tropical soundscapes, and interactive obstacles (including a crashed plane). A round typically takes 45 to 60 minutes. <br><br>🎟 <strong>WHAT TICKETS CAN I GET 10% OFF?<br><br>👨‍👩‍👦 </strong><a href="https://bermudafallsgolf.co.uk/"><strong>General Adventure Golf &amp; Group Bookings</strong></a><strong><br></strong>(Scoll to the bottom of the website to select a date and time)<strong><br><br></strong>🎫 <a href="https://bermudafallsgolf.co.uk/pages/annual-memberships"><strong>Bermuda Falls Adventure Golf Membership (16+): £49.99</strong></a><br>Single Person Annual Membership to Bermuda Falls Adventure Golf (16+) (ID Required on Every Visit). Members receive free access for one person every day of the week, including weekends, school holidays, and bank holidays.<br><br>🍳 <a href="https://bermudafallsgolf.co.uk/pages/breakfast-golf"><strong>Breakfast &amp; Golf</strong></a><strong><br></strong>Each ticket includes one game of adventure golf and one breakfast*.<br><br>🎁 <a href="https://bermudafallsgolf.co.uk/pages/dads-play-free-on-fathers-day"><strong>Father's Day - Sunday 21st June 2026</strong></a><br>When you buy 2 or more tickets, Dad gets a FREE Father’s Day ticket.<br><br>💝 <a href="https://bermudafallsgolf.co.uk/pages/waffle-date-ticket"><strong>Date Ticket For 2: £30</strong></a><br>Date Ticket, combining delicious sweet treats with a round of adventure golf all for one great price. For just £30, two people can enjoy this offer.<br><br>🥳 <a href="https://bermudafallsgolf.co.uk/pages/birthday-parties"><strong>Birthday Parties at Bermuda Falls</strong></a><br>With every ticket, each guest receives:<br>• A round of adventure golf<br>• A dedicated party table<br>• A large slice of pizza<br>• Unlimited squash for all guests<br><br>🏆 <a href="https://bermudafallsgolf.co.uk/pages/tickets"><strong>VIP Day Pass</strong></a><br>Includes: Unlimited Golf, 1x Free Hot/Bottled Drink, 1x £5 Cafe Voucher, 1x Novelty Golf Ball.<br><br>🤑 <strong>DISCOUNT CODE: WUB10</strong><br>Don't forget to add your exclusive discount code <strong>WUB10</strong> at checkout to receive a further 10% off!<br><br>ℹ️ <strong>CONTACT DETAILS/ENQUIRIES </strong><br>Please email the Manager - Jordan who will be able to assist with any enquiries such as CV's, General enquiries and feedback.<br>📧 <a href="mailto:jordan@bermudafallsgolf.co.uk">jordan@bermudafallsgolf.co.uk</a><br><br>For other enquiries such as Birthday parties, Corporate Events, Networking Events and private venue hire, please email the general email address -<br>📧 <a href="mailto:info@bermudafallsgolf.co.uk">info@bermudafallsgolf.co.uk</a></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="198">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 10%
        </p>
    </div>
      <a href="https://bermudafallsgolf.co.uk/" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE "
                              data-share-text-value="💥 Get 10% off tickets at Bermuda Falls, Henlow, Bedfordshire when booked online.This deal is excl..."
                              data-share-url-value="https://whatsupbeds.com/deals/198"
                              data-share-increment-url-value="/deals/198/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
    <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">Related Events</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20751">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 22 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20753">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 23 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20755">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 24 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20756">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 25 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20758">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 26 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20760">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Monday 27 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20762">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 28 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20764">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 29 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20766">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 30 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20768">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 31 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20770">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 01 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20772">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 02 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20774">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Monday 03 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20748">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 04 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20750">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 05 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20752">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 06 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20754">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 07 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20757">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 08 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20759">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 09 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20761">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Monday 10 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20763">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 11 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20765">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 12 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20767">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 13 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20769">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 14 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20771">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 15 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20773">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 16 August 2026</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_124" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="124">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/124">🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD!</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Longholme+Lake+MK40+3QF%2C+Bedford%2C+Bedford%2C+England%2C+United+Kingdom">
          <span class="underline">Longholme Lake MK40 3QF, Bedford, Bedford, England,</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD! -  (25% off) Valid from March 25, 2025 " title="🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD! | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMzUsInB1ciI6ImJsb2JfaWQifX0=--38bba028351918243e24d267df21f82e71e73fbb/Screenshot_20250325_133656_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMzUsInB1ciI6ImJsb2JfaWQifX0=--38bba028351918243e24d267df21f82e71e73fbb/Screenshot_20250325_133656_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD! -  (25% off) Valid from March 25, 2025 " title="🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD! | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMzYsInB1ciI6ImJsb2JfaWQifX0=--7d739883ef2d0385e082d3033c2b9fe05044db82/Screenshot_20250325_130658_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMzYsInB1ciI6ImJsb2JfaWQifX0=--7d739883ef2d0385e082d3033c2b9fe05044db82/Screenshot_20250325_130658_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="2">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD! -  (25% off) Valid from March 25, 2025 " title="🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD! | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMzcsInB1ciI6ImJsb2JfaWQifX0=--645b0dd9651c81b1bc4435831f4af56cfa034c58/Screenshot_20250325_130714_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMzcsInB1ciI6ImJsb2JfaWQifX0=--645b0dd9651c81b1bc4435831f4af56cfa034c58/Screenshot_20250325_130714_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="3">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD! -  (25% off) Valid from March 25, 2025 " title="🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD! | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMzgsInB1ciI6ImJsb2JfaWQifX0=--6648ad7c36da62bc391366c2b8167d8e344864fa/Screenshot_20250325_133633_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMzgsInB1ciI6ImJsb2JfaWQifX0=--6648ad7c36da62bc391366c2b8167d8e344864fa/Screenshot_20250325_133633_Chrome.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🛶 <strong>Earn your sea legs and set out on an adventure on a viking style dragon row boat at Longholme Lake in Bedford, Bedfordshire! Explore the 100 year old Longholme boating lake, find hidden wildlife, take in the scenery and the fresh river air on this mini adventure for up to 4 people. Life jackets available, hire terms &amp; conditions apply.</strong><br><br><strong>HOW MUCH WITH 25% OFF PER BOAT HIRE?</strong><br>🎟 For 30 minute boat hire: <del>£20.00</del> <strong>£15.00</strong><br>🎟 For 45 minute boat hire: <del>£25.00</del> <strong>£20.00</strong><br>🎟 For 60 minute boat hire: <del>£30.00</del> <strong>£25.00<br><br>✅️ WHEN &amp; HOW WILL I GET MY VOUCHER?<br>Your voucher can be be sent to your email instantly and it is valid for 12 months. No pre booking is required for boat hire, you just turn up.<br>▪️</strong>Your voucher will be delivered to you or to the recipient if you choose to specify the recipient's email address.</div><ol><li>▪️There are no restrictions on when your voucher can be delivered. You can choose to have it delivered instantly or at a later date of your choosing.</li><li>▪️Delivery of your voucher by email is free of charge.</li><li>▪️You (or your recipient) will receive an email containing your voucher as you see it in the window above together with a link to download your voucher at any time.</li></ol><div><br>🗓 <strong>BOAT HIRE OPENING TIMES</strong><br>Open everyday during local half terms and&nbsp;<br>in the summer holidays from 10am - 3pm.</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="124">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 25%
        </p>
    </div>
      <a href="https://thelongholme.vouchercart.com/25014/viking-boats-ticket-to-ride" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD!"
                              data-share-text-value="🛶 Earn your sea legs and set out on an adventure on a viking style dragon row boat at Longholme L..."
                              data-share-url-value="https://whatsupbeds.com/deals/124"
                              data-share-increment-url-value="/deals/124/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
    <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">Related Events</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20899">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% offer link)</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 22 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20902">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% off link) </h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 23 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20905">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% off link) </h3>
        <p class="text-xs text-gray-600 mb-1">Friday 24 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20908">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off Link) </h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 25 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20911">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off Link)</h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 26 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20914">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off Link) </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 27 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20917">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off link) </h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 28 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20920">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off Link) </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 29 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20924">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off Link)</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 30 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20927">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off Link) </h3>
        <p class="text-xs text-gray-600 mb-1">Friday 31 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20930">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off Link) </h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 01 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20933">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off Link)</h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 02 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20935">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Offer Link) </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 03 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20936">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford (50% Off Link)</h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 04 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20897">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 05 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20898">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 06 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20901">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Friday 07 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20904">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 08 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20907">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 09 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20910">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 10 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20913">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 11 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20916">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 12 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20918">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 13 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20921">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Friday 14 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20923">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 15 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20926">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 16 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20929">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 17 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20932">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 18 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20934">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 19 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20896">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 20 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20900">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Friday 21 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20903">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 22 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20906">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 23 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20909">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 24 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20912">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 25 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20915">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 26 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20919">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 27 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20922">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Friday 28 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20925">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 29 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20928">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 30 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20931">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk1OTUsInB1ciI6ImJsb2JfaWQifX0=--a2239ff8f839e68f52bef693b2b5a70e0a69b166/Screenshot_20260318_104205_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚣‍♂️ Dragon Boat Hire 2026 - Longholme Lake, Bedford </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 31 August 2026</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_202" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto border-4 border-red-500 mt-8" data-controller="deal-click-counter" data-deal-id="202">
    <div class="absolute flex justify-center left-0 right-0 -top-6">
      <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
        <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
          <span class="text-white">Whats</span>
        </div>
        <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
          <span class="text-red-500">Hot</span>
        </div>
      </div>
    </div>
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/202">💥 FREE NATIONAL TRUST PASS - JULY 2026</a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="💥 FREE NATIONAL TRUST PASS - JULY 2026 -  (100% off) Valid from July 03, 2026 until August 28, 2026" title="💥 FREE NATIONAL TRUST PASS - JULY 2026 | Categories: Attractions, Online  | Featured Deal" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDg1MjAsInB1ciI6ImJsb2JfaWQifX0=--5cfff2f6455b6e66a6cecc607c54494773879c45/FREE%20NATIONAL%20TRUST%20PASS_20260703_031857_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDg1MjAsInB1ciI6ImJsb2JfaWQifX0=--5cfff2f6455b6e66a6cecc607c54494773879c45/FREE%20NATIONAL%20TRUST%20PASS_20260703_031857_0000.png" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🤑 <strong>FREE National Trust vouchers are back for July 2026 saving you around £50!</strong><br><br>📰 <strong>HOW TO GET YOUR FREE PASS</strong><br>Pick up a Daily Mirror or Daily Express from 4th - 12th July 2026 and you’ll find a free, single use voucher for a family visit to a National Trust property to redeem from any day by Friday 28th August. 2026. Please note parking charges may apply at some locations.<br><br>🤔 <strong>WILL THERE BE A DIGITAL TICKET VERSION?<br></strong>There are currently free digital passes available in the newspapers. Click on the newspaper links below to get you free pass. Be quick though.<br><del>Currently there is not a digital ticket version available like with the previous offers, but this doesn't mean to say there won't be. Usually they add a digital version of the offer on the Tuesday after they launch the paper offer, so keep your eyes peeled incase they do. (We will update on here if this is the case).</del><br><br>🙋‍♀️ <strong>FREE HALF TERM FUN!</strong><br>This means you can use the voucher in July &amp; August 2026 half term for a fantastic free day out.<br><br>🎫 <strong>YOUR VOUCHER</strong><br>Passes are valid for 1 adult and 4 children or 2 adults and 3 children, under 5's are free anyway. Parking charges apply at some places.<br><br>🌐 <strong>SOME LOCATIONS MAY NEED BOOKING IN ADVANCE (</strong><a href="https://www.nationaltrust.org.uk/services/help-centre/places-you-can-visit-with-your-free-pass?type=place"><strong>check beforehand</strong></a><strong>)</strong><br>Do this by selecting 'Book a visit' on your chosen property, then selecting 'Affiliate organisation member or passholder' tickets for the amount of people who wish to visit. By selecting this option, you won't need to input any bank details. Once you've completed the 'transaction', you'll receive a confirmation email.<br><br>💷 <strong>COST OF A NEWSPAPER (APPROX)</strong><br>▪️<strong>Weekday price:<br></strong><a href="https://www.dailystar.co.uk/travel/family/free-family-day-pass-national-29754307"><em>Daily Star</em></a><em>: £1.40</em><br><a href="https://www.express.co.uk/news/uk/1891478/national-trust-family-pass-free-day-out"><em>Daily Express:</em></a><em> £2.00</em><br><a href="https://www.mirror.co.uk/play/competitions/200000-free-national-trust-family-29765694"><em>Daily Mirror</em></a><em>: £2.00</em><br><br>▪️<strong>Saturday price:<br></strong><a href="https://www.dailystar.co.uk/travel/family/free-family-day-pass-national-29754307"><em>Daily Star</em></a><em>: £2.10</em><br><a href="https://www.express.co.uk/news/uk/1891478/national-trust-family-pass-free-day-out"><em>Daily Express:</em></a> £3.00<br><a href="https://www.mirror.co.uk/play/competitions/200000-free-national-trust-family-29765694"><em>Daily Mirror</em></a><em>: </em>£3.10<strong><br></strong><br>▪️<strong>Sunday price:<br></strong><a href="https://www.dailystar.co.uk/travel/family/free-family-day-pass-national-29754307"><em>Daily Star</em></a><em>: £2.40</em><br><a href="https://www.express.co.uk/news/uk/1891478/national-trust-family-pass-free-day-out"><em>Daily Express</em></a><em>: £3.40</em><br><a href="https://www.mirror.co.uk/play/competitions/200000-free-national-trust-family-29765694"><em>Daily Mirror</em></a><em>: £3.40<br><br></em>❓️<strong>WHICH LOCATIONS EXCEPT MY FREE PASS? </strong><a href="https://www.nationaltrust.org.uk/services/help-centre/places-you-can-visit-with-your-free-pass?type=place"><strong>Click here to find locations</strong></a><br><br>📍<strong>NATIONAL TRUST ATTRACTIONS CLOSEST TO BEDFORDSHIRE <br></strong>Please check each location on their website before departing for opening and closing times.<br><br>🗺 <strong>Buckinghamshire</strong><br>▪️Claydon, Buckinghamshire<br>▪️Cliveden, Buckinghamshire<br>▪️Hughenden, Buckinghamshire<br>▪️Stowe Gardens, Buckinghamshire<br>▪️West Wycombe Park, Village and Hill, Buckinghamshire<br><br>🗺 <strong>Cambridgeshire</strong><br>▪️Anglesey Abbey, Gardens and Lode Mill, Cambridge, Cambridgeshire<br>▪️Houghton Mill and Waterclose Meadows, Cambridgeshire<br>▪️Peckover House and Garden, Cambridgeshire<br>▪️Wicken Fen National Nature Reserve, Cambridgeshire<br>▪️Wimpole Estate, Cambridgeshire<br><br>🗺 <strong>Oxfordshire</strong><br>▪️Chastleton, Oxfordshire<br>▪️Nuffield Place, Oxfordshire<br><br>🗺 <strong>Northamptonshire</strong><br>▪️Canons Ashby, Daventry, Northamptonshire<br>▪️Lyveden, Northamptonshire<br><br>❓️<strong>ANY QUESTIONS?</strong><br>If you have questions about your day out, email the National Trust directly on <a href="mailto:enquiries@nationaltrust.org.uk">enquiries@nationaltrust.org.uk</a>, or <a href="mailto:nationaltrustpromo@reachplc.com">nationaltrustpromo@reachplc.com</a> for any queries relating to the promotion. You can also check the <a href="https://data.reachplc.com/231904252445856">full offer terms</a>.</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="202">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 100%
        </p>
    </div>
      <a href="https://www.express.co.uk/news/uk/1891478/national-trust-family-pass-free-day-out" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="💥 FREE NATIONAL TRUST PASS - JULY 2026"
                              data-share-text-value="🤑 FREE National Trust vouchers are back for July 2026 saving you around £50!📰 HOW TO GET YOUR FRE..."
                              data-share-url-value="https://whatsupbeds.com/deals/202"
                              data-share-increment-url-value="/deals/202/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_122" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="122">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/122">🐐 Groupon has a great discount on The Bucks Goat Centre and you can use the voucher in half term!</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=The+Bucks+Goat+Centre%2C+Layby+Farm%2C+Layby+Farm+Business+Park%2C+Old+Risborough+Rd%2C+Stoke+Mandeville%2C+Aylesbury+HP22+5XJ">
          <span class="underline">The Bucks Goat Centre, Layby Farm, Layby Farm Business Park, Old Risborough Rd, Stoke Mandeville, Aylesbury HP22 5XJ</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐐 Groupon has a great discount on The Bucks Goat Centre and you can use the voucher in half term! -  (30% - 35% off) Valid from January 09, 2026 " title="🐐 Groupon has a great discount on The Bucks Goat Centre and you can use the voucher in half term! | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcyMjgsInB1ciI6ImJsb2JfaWQifX0=--628a75cd72830705cec4dc2bea21f8eac517a9b9/The%20Bucks%20Goat%20Centre_20260526_173408_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcyMjgsInB1ciI6ImJsb2JfaWQifX0=--628a75cd72830705cec4dc2bea21f8eac517a9b9/The%20Bucks%20Goat%20Centre_20260526_173408_0000.png" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🦆 <strong>We visited The Bucks Goat Centre and had a great time, we couldn't believe how tame the ducks were, they were following us everywhere. Get this deal </strong><a href="https://www.awin1.com/cread.php?awinmid=116595&amp;awinaffid=2098079&amp;ued=https%3A%2F%2Fwww.groupon.co.uk%2Fdeals%2Fthe-bucks-goat-centre-4243381"><strong>here</strong></a><strong> before it goes!</strong><br><br>🐐 They have ducks, goats, rabbits, chickens, sheep, cows, pigs and more!<br><br>🛝 We loved how calm it felt there with a small play area indoor, outdoor seating and a cafe onsite.<br><br>💥 <strong>GROUPON DEAL</strong><br>The Groupon has a great deal where you get up to 35% off of the price. Once you have brought the offer you can just turn up with your voucher, no booking required.<br><br>🗓 <strong>VOUCHER VALID</strong></div><div>▪️Tuesday - Sunday: 10 am - 4.30 pm<br>▪️Excepted in school holidays<br><br>🎟 <strong>TICKET COST</strong><br>▪️Adult: £4.55 instead of £7.00<br>▪️Child: £3.90 instead of £6.00<br>▪️Family: £15.40 instead of £22.00<br>▪️Under 2: Free<br>(Please be aware the prices or offer can change at anytime, please click on the deal link)<strong><br><br>🔥 Click </strong><a href="https://www.awin1.com/cread.php?awinmid=116595&amp;awinaffid=2098079&amp;ued=https%3A%2F%2Fwww.groupon.co.uk%2Fdeals%2Fthe-bucks-goat-centre-4243381"><strong>here</strong></a><strong> for this deal!</strong></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="122">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 30% - 35%
        </p>
    </div>
      <a href="https://www.awin1.com/cread.php?awinmid=116595&amp;awinaffid=2098079&amp;ued=https%3A%2F%2Fwww.groupon.co.uk%2Fdeals%2Fthe-bucks-goat-centre-4243381" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🐐 Groupon has a great discount on The Bucks Goat Centre and you can use the voucher in half term!"
                              data-share-text-value="🦆 We visited The Bucks Goat Centre and had a great time, we couldn&#39;t believe how tame the ducks w..."
                              data-share-url-value="https://whatsupbeds.com/deals/122"
                              data-share-increment-url-value="/deals/122/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_195" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="195">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/195">🤩 Oxford Illusion Museum</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Oxford+Illusion+Museum%2C+133+High+St%2C+Oxford+OX1+4DN">
          <span class="underline">Oxford Illusion Museum, 133 High St, Oxford OX1 4DN</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🤩 Oxford Illusion Museum -   Valid from January 17, 2026 " title="🤩 Oxford Illusion Museum | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzMwNTIsInB1ciI6ImJsb2JfaWQifX0=--274f06608c913e401f1bd3ccc579ffd11b44bfb5/Screenshot_20260116_155152_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzMwNTIsInB1ciI6ImJsb2JfaWQifX0=--274f06608c913e401f1bd3ccc579ffd11b44bfb5/Screenshot_20260116_155152_Chrome.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🤩 <strong>UK's largest infinity mirrors, Upside down Oxford professor's room Mirror Maze. Four floors of attractions on Oxford's High Street.<br><br>📆 OPENING TIMES<br>▪️</strong>10am – 5pm: Monday - Friday<br>▪️10am – 6pm: Saturday &amp; Sunday<br><br>🕜 <strong>HOW LONG DOES IT TAKE?</strong><br>Approximately 45 minutes<br><br></div><div>👀 <strong>WHAT TO EXPECT...</strong></div><div>Oxford's newest interactive experience. Step into our upside down room, see our infinity dodecahedron, cast spells with glowing wands, see the world flip with our inversion goggles, and many more fun illusions. Take brilliant photos for instagram and tik tok. Fun for all ages.<br><br></div><div><strong>WHAT TO KNOW</strong></div><ul><li>✅️ Infants and small children can ride in a pram or stroller</li><li>✅️ Service animals allowed</li><li>Public transportation options are available nearby</li><li>✅️ Travelers should have at least a moderate level of physical fitness</li></ul><div><br></div><div><strong>Redemption Instructions</strong><br>Show your ticket at the front door.<br><br>🎟 <strong>TICKET COST</strong><br>▪️Adult (15+): £14<br>▪️Child (0-14): £7</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="195">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
    </div>
      <a href="https://tidd.ly/3NmNQCM" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🤩 Oxford Illusion Museum"
                              data-share-text-value="🤩 UK&#39;s largest infinity mirrors, Upside down Oxford professor&#39;s room Mirror Maze. Four floors of ..."
                              data-share-url-value="https://whatsupbeds.com/deals/195"
                              data-share-increment-url-value="/deals/195/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_140" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="140">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=5">Getaways</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/140">😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people!</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Sunborn+London%2C+Royal+Victoria+Dock%2C+London+E16+1AA">
          <span class="underline">Sunborn London, Royal Victoria Dock, London E16 1AA</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people! -    " title="😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people! | Categories: Getaways, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMzQsInB1ciI6ImJsb2JfaWQifX0=--57bdde2273a3d3b4eca98169aa4be6f56e418584/YACHT%20STAY%20IN%20LONDON%20FROM%20%C2%A3119%20FOR%202%20WITH%20BREAKFAST_20250513_192635_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMzQsInB1ciI6ImJsb2JfaWQifX0=--57bdde2273a3d3b4eca98169aa4be6f56e418584/YACHT%20STAY%20IN%20LONDON%20FROM%20%C2%A3119%20FOR%202%20WITH%20BREAKFAST_20250513_192635_0000.png" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people! -    " title="😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people! | Categories: Getaways, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMzYsInB1ciI6ImJsb2JfaWQifX0=--f752cb77e40973961ba97c8afd435d551701e48b/Screenshot_20250513_201034_Google.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMzYsInB1ciI6ImJsb2JfaWQifX0=--f752cb77e40973961ba97c8afd435d551701e48b/Screenshot_20250513_201034_Google.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>😍 <strong>Sunborn Yacht Hotel, rated 4 stars in London has exclusive stay offers! This hotel is a unique and glamorous stay for someone who deserves it. Birthdays, girls night, anniversary...or just because you've always wanted to stay on a yacht!<br></strong><br>ℹ️ <strong>ABOUT THE HOTEL&nbsp; </strong><br>Located in East London near the ExCel Exhibition Centre, the Sunborn Hotel offers four-star executive rooms with custom furnishings, a private balcony or terrace, a king-size bed, a contemporary shower room, a Lavazza coffee maker, and plush bathrobes and slippers. Guests can dine at the Lands End restaurant, featuring British dishes influenced by Asian and Mediterranean cuisine, or enjoy drinks at the Sundown bar, which serves a variety of refreshments and cocktails.<br><br>✅️ <strong>FREE WIFI</strong><br><br>😍 <strong>WHAT COULD YOU GET?</strong><br>Prices differ throughout the year so when you head to the 'Get This Deal' button you can see all the cheapest dates available on the calender.<br><br>💥<strong>Classic King Room with Dockview for Two – </strong>Breakfast Included&nbsp; <br>From £119/night<br><br>💥<strong>Classic King Room with River View for Two – </strong>Breakfast Included <br>From £129/night&nbsp; <br>&nbsp; <br>💥<strong>Executive King Room with Dockview for Two – </strong>Breakfast Included&nbsp; <br>From £139/night<br><br>💥<strong>Executive King Room with River View for Two –</strong> Breakfast Included <br>From £149/night<br><br>👨‍👩‍👧‍👦 <strong>FAMILY ROOM ALSO AVAILABLE </strong><br>1 night for a family of 4 (2 adults and 2 children under 9 years old) staying in the Executive Room with a River View, balcony &amp; Breakfast Included From £269! What a great surprise that would be for your little munchkins!<br><br>▪️Check-in from: 3pm<br>▪️Check out at: 11am<br><br>😎 <strong>GET THIS DEAL....</strong><br>Go check the cheapest prices they have on the calender and get ready to stay in London in style and at a banging price!<br><br></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="140">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
    </div>
      <a href="https://www.awin1.com/cread.php?awinmid=116595&amp;awinaffid=2098079&amp;ued=https%3A%2F%2Fwww.groupon.co.uk%2Fdeals%2Fga-the-sunborn-yacht-hotel" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people!"
                              data-share-text-value="😍 Sunborn Yacht Hotel, rated 4 stars in London has exclusive stay offers! This hotel is a unique ..."
                              data-share-url-value="https://whatsupbeds.com/deals/140"
                              data-share-increment-url-value="/deals/140/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_185" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="185">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=3">Food &amp; Drink</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/185">✨️ 30% Off Your Food bill at The Woburn When You Sign Up</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=The+Woburn+1+George+Street%2C+Woburn%2C+Milton+Keynes+Bedfordshire+MK17+9PX">
          <span class="underline">The Woburn 1 George Street, Woburn, Milton Keynes Bedfordshire MK17 9PX</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="✨️ 30% Off Your Food bill at The Woburn When You Sign Up -  (30% off) Valid from September 23, 2025 " title="✨️ 30% Off Your Food bill at The Woburn When You Sign Up | Categories: Food &amp; Drink, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjkxNzEsInB1ciI6ImJsb2JfaWQifX0=--b61eb3a0eb4c4878d0aae1aa1a327e65bc15797a/Screenshot_20250923_001405_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjkxNzEsInB1ciI6ImJsb2JfaWQifX0=--b61eb3a0eb4c4878d0aae1aa1a327e65bc15797a/Screenshot_20250923_001405_Facebook.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>✨️ <strong>Be the first to hear of our latest offers, gifts on your birthday and if you’re new to Upham Inns receive 30% off your food bill on your next visit. Terms apply.</strong><br><br>✍️ <strong>HOW DO I GET MY VOUCHER?</strong><br>If you're new to the Oakman database, you'll receive 30% off you food bill to use when you sign up, their treat to welcome you!<br>You can sign up via the 'Get This Deal' link.<br><br>Keep up to date with everything that is going on at The Woburn by signing up to the newsletter. <br><br>🗓 <strong>FOOD SERVING TIMES </strong><br>▪️Monday to Thursday: 8am - 10pm<br>▪️Friday &amp; Saturday: 8am - 10:30pm<br>▪️Sunday: 8am - 9pm<br><br>📖 <strong>VIEW THE MENU<br><a target="_blank" rel="nofollow" href="https://www.thewoburn.co.uk/our-menus">https://www.thewoburn.co.uk/our-menus</a></strong><br><br>ℹ️ <strong>CONTACT DETAILS </strong><br>☎️ <strong>Phone: </strong><a href="tel:+441525290441"><strong>01525 290441</strong></a><strong><br>📧 Email:&nbsp; </strong><a href="mailto:info@thewoburn.co.uk?"><strong>info@thewoburn.co.uk</strong></a></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="185">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 30%
        </p>
    </div>
      <a href="https://www.thewoburn.co.uk/newsletter" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="✨️ 30% Off Your Food bill at The Woburn When You Sign Up"
                              data-share-text-value="✨️ Be the first to hear of our latest offers, gifts on your birthday and if you’re new to Upham I..."
                              data-share-url-value="https://whatsupbeds.com/deals/185"
                              data-share-increment-url-value="/deals/185/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_139" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="139">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=3">Food &amp; Drink</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/139">🌷 26% OFF AFTERNOON CREAM TEAS IN TURVEY!</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Three+fyshes%2C+Bridge+St%2C+Turvey%2C+Bedford+MK43+8ER">
          <span class="underline">Three Fyshes, Bridge St, Turvey, Bedford MK43 8ER</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌷 26% OFF AFTERNOON CREAM TEAS IN TURVEY! -  (26% off)  " title="🌷 26% OFF AFTERNOON CREAM TEAS IN TURVEY! | Categories: Food &amp; Drink, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMjYsInB1ciI6ImJsb2JfaWQifX0=--136ba36b8e5a765a3bf3113ed38a8d9ded292d59/26-%20OFFCR%20EAM%20TEAS%20AT%20YE%20THREE%20FISHES%20IN%20TURVEY_20250513_164240_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMjYsInB1ciI6ImJsb2JfaWQifX0=--136ba36b8e5a765a3bf3113ed38a8d9ded292d59/26-%20OFFCR%20EAM%20TEAS%20AT%20YE%20THREE%20FISHES%20IN%20TURVEY_20250513_164240_0000.png" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌷 26% OFF AFTERNOON CREAM TEAS IN TURVEY! -  (26% off)  " title="🌷 26% OFF AFTERNOON CREAM TEAS IN TURVEY! | Categories: Food &amp; Drink, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMjgsInB1ciI6ImJsb2JfaWQifX0=--279acafbd9c1d743ef0d1cb0243d35d9261eee33/Screenshot_20250513_171058_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMjgsInB1ciI6ImJsb2JfaWQifX0=--279acafbd9c1d743ef0d1cb0243d35d9261eee33/Screenshot_20250513_171058_Facebook.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>😍 <strong>Nestled in Turvey, with the Great Ouse River flowing nearby and surrounded by the rolling farmland of Turvey House estate, Ye Three Fyshes is a charming country pub that embraces British hospitality. Such a beautiful setting.<br></strong><a href="https://www.awin1.com/cread.php?awinmid=116595&amp;awinaffid=2098079&amp;ued=https%3A%2F%2Fwww.groupon.co.uk%2Fdeals%2Fye-three-fyshes-2"><strong>Get This Deal here.</strong></a><strong><br><br>WHAT IS THE OFFER?<br>❤️ </strong>Afternoon Tea for Two: <del>£38</del> <strong>£28</strong><br>❤️ Afternoon Tea for Two with Prosecco: <del>£50</del> <strong>£37<br>(Prices can change at anytime)<br><br>✅️ WHEN IS THE VOUCHER VALID?<br>▪️</strong>Monday - Saturday: 12:30 PM - 4:30 PM<br>▪️Not valid on Wednesdays<br>▪️Valid for 3 months after purchase<strong><br><br>☕️ WHAT FOOD?<br>Indulge in the delightful Afternoon Tea for Two, with or without a splash of prosecco: <br>✨️</strong> A delightful selection of sandwiches&nbsp; <br>✨️ Assorted cakes and freshly baked scones&nbsp; <br>✨️ Your choice of tea or coffee&nbsp; <strong><br>▪️Gluten Free is not available<br><br>✅️ HOW TO BOOK<br>1️⃣ </strong>Click on the 'Get This Deal' button <br>2️⃣ Purchase your Voucher<br>3️⃣ Email Ye Three Fyshes to book giving your voucher security code. <br>(at least 48 hours booking notice)<br>📧 Email: <a href="mailto:bookings@threefyshes.co.uk">bookings@threefyshes.co.uk</a></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="139">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 26%
        </p>
    </div>
      <a href="https://www.awin1.com/cread.php?awinmid=116595&amp;awinaffid=2098079&amp;ued=https%3A%2F%2Fwww.groupon.co.uk%2Fdeals%2Fye-three-fyshes-2" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🌷 26% OFF AFTERNOON CREAM TEAS IN TURVEY!"
                              data-share-text-value="😍 Nestled in Turvey, with the Great Ouse River flowing nearby and surrounded by the rolling farml..."
                              data-share-url-value="https://whatsupbeds.com/deals/139"
                              data-share-increment-url-value="/deals/139/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_102" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="102">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/102">🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points!</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Shepreth+Wildlife+Park+Station+Road+Shepreth+Nr.+Royston+Herts+SG8+6PZ">
          <span class="underline">Shepreth Wildlife Park Station Road Shepreth Nr. Royston Herts SG8 6PZ</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MjksInB1ciI6ImJsb2JfaWQifX0=--5e956e443824aba9f6c086e4d40beec12d58b1a4/FB_IMG_1738339422553.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MjksInB1ciI6ImJsb2JfaWQifX0=--5e956e443824aba9f6c086e4d40beec12d58b1a4/FB_IMG_1738339422553.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzAsInB1ciI6ImJsb2JfaWQifX0=--81427a1eb14d17cde83ab184d4b1da22bb5def07/FB_IMG_1738339428844.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzAsInB1ciI6ImJsb2JfaWQifX0=--81427a1eb14d17cde83ab184d4b1da22bb5def07/FB_IMG_1738339428844.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="2">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzEsInB1ciI6ImJsb2JfaWQifX0=--c1ed32223f0a6ba46660586cae8e540b70ba06b7/FB_IMG_1738339447208.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzEsInB1ciI6ImJsb2JfaWQifX0=--c1ed32223f0a6ba46660586cae8e540b70ba06b7/FB_IMG_1738339447208.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="3">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzIsInB1ciI6ImJsb2JfaWQifX0=--2e87fcd0cc7307ecd83c990bc2d5a3afcef85ca0/FB_IMG_1738339431975.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzIsInB1ciI6ImJsb2JfaWQifX0=--2e87fcd0cc7307ecd83c990bc2d5a3afcef85ca0/FB_IMG_1738339431975.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="4">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzMsInB1ciI6ImJsb2JfaWQifX0=--1f99a1dfa254b70a6f22e9aed8a4e85a9f211aac/FB_IMG_1738339440006.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzMsInB1ciI6ImJsb2JfaWQifX0=--1f99a1dfa254b70a6f22e9aed8a4e85a9f211aac/FB_IMG_1738339440006.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="5">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzQsInB1ciI6ImJsb2JfaWQifX0=--9f016a4c2d55e3c711c2b1f0e2b288fee3d8ff40/FB_IMG_1738339425647.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzQsInB1ciI6ImJsb2JfaWQifX0=--9f016a4c2d55e3c711c2b1f0e2b288fee3d8ff40/FB_IMG_1738339425647.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="6">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzUsInB1ciI6ImJsb2JfaWQifX0=--2321182670e5772cf19c6042affbeffcfc4f44c9/FB_IMG_1738339444035.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzUsInB1ciI6ImJsb2JfaWQifX0=--2321182670e5772cf19c6042affbeffcfc4f44c9/FB_IMG_1738339444035.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="7">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzYsInB1ciI6ImJsb2JfaWQifX0=--9f6238312c14883a4d6790a2794645b21b0b4dc6/FB_IMG_1738339435832.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzYsInB1ciI6ImJsb2JfaWQifX0=--9f6238312c14883a4d6790a2794645b21b0b4dc6/FB_IMG_1738339435832.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="8">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzcsInB1ciI6ImJsb2JfaWQifX0=--4a1406d9362e2bb812ce7b5a80faf1e16c6b11dd/FB_IMG_1738339450414.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzcsInB1ciI6ImJsb2JfaWQifX0=--4a1406d9362e2bb812ce7b5a80faf1e16c6b11dd/FB_IMG_1738339450414.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="9">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzgsInB1ciI6ImJsb2JfaWQifX0=--6beddcde08e0c955368d02964e788ec70876be4c/FB_IMG_1738339403728.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzgsInB1ciI6ImJsb2JfaWQifX0=--6beddcde08e0c955368d02964e788ec70876be4c/FB_IMG_1738339403728.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="10">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzksInB1ciI6ImJsb2JfaWQifX0=--e2f243c8a885602c19e734c836a83df4af84d47d/FB_IMG_1738339400209.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MzksInB1ciI6ImJsb2JfaWQifX0=--e2f243c8a885602c19e734c836a83df4af84d47d/FB_IMG_1738339400209.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="11">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! -    " title="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points! | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4NDEsInB1ciI6ImJsb2JfaWQifX0=--7b05be0839fb8277af094947cdcdeb4c3c0cdeae/Screenshot_20250131_162557_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4NDEsInB1ciI6ImJsb2JfaWQifX0=--7b05be0839fb8277af094947cdcdeb4c3c0cdeae/Screenshot_20250131_162557_Chrome.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🐯<strong>Shepreth Wildlife Park is an affordable zoo near Royston, Cambridgeshire. Approx 52 mins from Bedford, Approx 30mins from Biggleswade and approx 47 from Luton by car!</strong><br><br>➡️ <strong>USING</strong> <strong>TESCO CLUB CARD POINTS</strong><br> If you have a Tesco clubcard you can save money at this wildlife park by exchanging your Tesco vouchers making this a fun, cheap or even free visit. Turn every £0.50 in vouchers into £1.00 to use with <a href="https://sheprethwildlifepark.co.uk/"><strong>Shepreth Wildlife Park</strong></a><strong>. </strong>I've saved up mine so we as a family get to go for got FREE. I just love this little gem!<br><br>❗️<strong>YOU CANT PRE-BOOK TICKETS WHEN USING YOUR TESCO CLUB CARD POINTS </strong><br>You will not be able to pre-book your tickets online These vouchers are <strong>not valid for use on </strong><a href="https://sheprethwildlifepark.co.uk/your-visit-during-covid-19/"><strong>Event Days &amp; Bank Holidays. </strong></a>So just check there website before you go.<br><br>ℹ️ <strong>HERES HOW IT WORKS - </strong><a href="https://secure.tesco.com/clubcard/vouchers/shepreth-wildlife-park/UK-009851.prd"><strong>Click here</strong></a><strong><br><br></strong>✅️ <strong>FACILITIES<br>At Shepreth Wildlife Park you will find for example Tigers, Reptiles, free roaming Bunnies, an indoor play and so much more!&nbsp;</strong><br>⭐️Gift Shop<br>⭐️Bugs (Hidden Treasures)<br>⭐️Outside Play Area<br>⭐️Tropical House<br>⭐️Discovery Centre<br>⭐️Nocturnal House<br>⭐️Tortoise House (African Sands)<br>⭐️Ringo’s Cafeteria<br>⭐️Safari Train – Currently not in service. <br>⭐️Ringo’s PlayBarn Interactive Play<br><br>🎟 <strong>COST OF TICKETS WITHOUT TESCO VOUCHERS</strong></div><ul><li>▪️Adult: £15.50</li><li>▪️Child: £13.50</li><li>▪️Under 2 years old: £0</li><li>▪️Concession: £14.50</li><li>▪️NHS / Forces: £11</li><li>▪️Disabled person: £11</li><li>▪️Carer for disabled person: £11</li><li>▪️Shepreth Resident: £11</li><li>▪️Train Ticket Holder: £11</li><li>▪️East Anglia Zoo Member Pass Holder: 30% off</li><li>▪️Annual Pass Holder: £0</li><li>▪️Complimentary Ticket Holder: £0</li></ul><div><br>🅿️ <strong>FREE PARKING<br>♿ ACCESSABLE TOILETS</strong><br><br>🗓 <strong>OPENING TIMES</strong><br>▪️Closed - Tuesday &amp; Wednesday&nbsp;<br>(Term Time, open school holidays)<br>▪️Open - Mon, Thur, Fri, Sat &amp; Sun<br>▪️11am - 4pm (last entry 3pm)</div><div><br>🗺 <strong>ADDRESS</strong><br>Shepreth Wildlife Park<br>Station Road<br>Shepreth<br>Nr. Royston<br>Herts<br>SG8 6PZ<br><br>ℹ️ <strong>CONTACT FOR ENQUIRES TO ENSURE YOU CAN USE YOUR TESCO VOUCHERS ON A SPECIFIC DAY:</strong><br>☎️ <a href="tel:01763%20262226">01763 262226</a></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="102">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
    </div>
      <a href="https://secure.tesco.com/clubcard/vouchers/shepreth-wildlife-park/UK-009851.prd" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🐯Get a cheap day out at Shepreth Wildlife Park in Hertfordshire using your Tesco Club Card points!"
                              data-share-text-value="🐯Shepreth Wildlife Park is an affordable zoo near Royston, Cambridgeshire. Approx 52 mins from Be..."
                              data-share-url-value="https://whatsupbeds.com/deals/102"
                              data-share-increment-url-value="/deals/102/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_106" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="106">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=3">Food &amp; Drink</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=7">Stores</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/106">🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more....</a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... -    " title="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... | Categories: Food &amp; Drink, Stores  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcwOTcsInB1ciI6ImJsb2JfaWQifX0=--9958092febcf5c5811b07b0649179238171922b8/Screenshot_20250209_165603_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcwOTcsInB1ciI6ImJsb2JfaWQifX0=--9958092febcf5c5811b07b0649179238171922b8/Screenshot_20250209_165603_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... -    " title="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... | Categories: Food &amp; Drink, Stores  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcwOTgsInB1ciI6ImJsb2JfaWQifX0=--b040175d734af2490c4c45146d3edc27e62b8c70/Screenshot_20250209_164901_WhatsApp.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcwOTgsInB1ciI6ImJsb2JfaWQifX0=--b040175d734af2490c4c45146d3edc27e62b8c70/Screenshot_20250209_164901_WhatsApp.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="2">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... -    " title="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... | Categories: Food &amp; Drink, Stores  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcxMDMsInB1ciI6ImJsb2JfaWQifX0=--423d4fec954aa66ad0fda2541b942710c84e93dc/Screenshot_20250209_171905_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcxMDMsInB1ciI6ImJsb2JfaWQifX0=--423d4fec954aa66ad0fda2541b942710c84e93dc/Screenshot_20250209_171905_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="3">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... -    " title="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... | Categories: Food &amp; Drink, Stores  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzU5MjksInB1ciI6ImJsb2JfaWQifX0=--aecac98a82f91ced2cbb26540d87ed297360c47e/Screenshot_20260210_003218_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzU5MjksInB1ciI6ImJsb2JfaWQifX0=--aecac98a82f91ced2cbb26540d87ed297360c47e/Screenshot_20260210_003218_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="4">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... -    " title="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more.... | Categories: Food &amp; Drink, Stores  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzU5MzEsInB1ciI6ImJsb2JfaWQifX0=--bb0b541b5357b31c72a8d345c585fd4cf83b1759/Screenshot_20260210_003527_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzU5MzEsInB1ciI6ImJsb2JfaWQifX0=--bb0b541b5357b31c72a8d345c585fd4cf83b1759/Screenshot_20260210_003527_Chrome.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🍛 <strong>Morrisons Cafe is doing a great deal when you spend over £5 on an adult meal available all day everyday, including The Breakfasts, The Classics &amp; The Chippy (excluding extras). The cheapest adult main meals on the menu is £5.50 which is the small breakfast.</strong><br><br>🥪 <strong>WHAT DO THE KIDS GET? (For under 16's)</strong><br>For every adult meal you buy over £5 you get a free kids meal including a drink from either the sandwich meal, build a breakfast menu or build your own main meal including things like chicken nuggets, waffles and beans. This is a saving of £3.95.<br><br>☕️ <strong>FREE REFILLS ON HOT DRINKS</strong><br>You can also get free refills on hot drinks at most Morrisons Cafes, making this a well worth visit to Morrisons Cafe!<br><br>📖 <strong>VIEW THE MENU</strong><br>You can download the menu via this link:<br><a target="_blank" rel="nofollow" href="https://my.morrisons.com/morrisons-cafe/">https://my.morrisons.com/morrisons-cafe/</a></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="106">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
    </div>
      <a href="https://my.morrisons.com/morrisons-cafe/#:~:text=Get%20one%20free%20kid&#39;s%20meal,or%20The%20Chippy%20excluding%20extras." class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🤩 Kids eat FREE at Morrisons Cafe when you buy an adult meal for £5 or more...."
                              data-share-text-value="🍛 Morrisons Cafe is doing a great deal when you spend over £5 on an adult meal available all day ..."
                              data-share-url-value="https://whatsupbeds.com/deals/106"
                              data-share-increment-url-value="/deals/106/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
    <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">Related Events</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20837">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 22 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20839">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 23 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20841">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 24 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20843">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Monday 27 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20845">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 28 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20847">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 29 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20848">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 30 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20850">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 31 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20852">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Monday 03 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20854">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 04 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20856">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 05 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20857">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 06 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20859">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 07 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20861">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Monday 10 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20863">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 11 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20838">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 12 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20840">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 13 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20842">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 14 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20844">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Monday 17 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20846">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 18 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20849">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 19 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20851">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 20 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20853">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 21 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20855">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Monday 24 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20858">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 25 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20860">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 26 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20862">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 27 August 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/20864">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNTksInB1ciI6ImJsb2JfaWQifX0=--246e958c4ee74a552d1e00cbd39829a178d39ead/Screenshot_20250224_183323_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🤸‍♂️Parent &amp; Toddler Session at Gravity in Milton Keynes, only £5pp</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 28 August 2026</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_108" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="108">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=4">Transport</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/108">🚆 £2 Kids Train Tickets 2025!</a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚆 £2 Kids Train Tickets 2025! -   Valid from February 10, 2025 " title="🚆 £2 Kids Train Tickets 2025! | Categories: Transport  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcyMzUsInB1ciI6ImJsb2JfaWQifX0=--207893f6153cce9d97d62284d87073c579c65ade/Screenshot_20250210_231040_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcyMzUsInB1ciI6ImJsb2JfaWQifX0=--207893f6153cce9d97d62284d87073c579c65ade/Screenshot_20250210_231040_Chrome.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🙋‍♀️ <strong>Child’s train tickets start at just £2 when travelling off-peak with an adult and if you book your tickets online you pay no booking fees! With Thameslink’s child train fares, younger passengers can get great discounts! Child’s train tickets start at just £2 when travelling off-peak with an adult, or 50% off the standard adult fare if not.</strong><br><br>👶 <strong>UNDER 5'S TRAVEL FREE!</strong><br><br>4️⃣ <strong>HOW MANY CHILDREN CAN TRAVEL FOR £2 WITH EACH PAYING ADULT?</strong></div><ul><li>For just £2 each, you can travel with up to four children aged 5-15 with every paying adult.</li></ul><div><br>🏖 <strong>FANCY A DAY AT THE BEACH</strong><br>Get the kids to Brighton by train, no worrying about parking or needed the toilet. You could always bring a board game or cards to play while you relax and enjoy the journey.</div><div><br>❓️<strong>WHEN/WHERE IS THIS DEAL AVAILABLE?</strong></div><ul><li>▪️They're available on most journeys outside of London Zones 1-9 on train services operated by Gatwick Express, Great Northern, Southern and Thameslink.</li><li>▪️Travel is not permitted on other operators including London Underground services unless the ticket is a One Day Travelcard.</li><li>▪️A Kids for £2 One Day Travelcard can only be used on other operators' services within London Zones 1-6.</li><li>▪️Adults holding a Season Ticket can also take up to 4 children for £2 each, as long it’s at Off-Peak times and covers the journey being made</li><li>Available on standard class tickets only.</li><li>▪️Tickets are only valid when travelling with an adult passenger, who holds a valid rail ticket for the journey being made.</li><li>▪️Tickets are not valid if the adult passenger is paying for their travel using KeyGo or PAYG with an Oyster card, mobile device, or contactless card.</li></ul><div><br>🎟 <strong>I WANT THIS DEAL!</strong><br>East peezy, just click on the "Get This Deal' button and decide where you want to go (permitted travel). Remember off peak times are normally travelling after 10am to get the best prices!</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="108">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
    </div>
      <a href="https://www.thameslinkrailway.com/tickets-and-payment-methods/child-tickets" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🚆 £2 Kids Train Tickets 2025!"
                              data-share-text-value="🙋‍♀️ Child’s train tickets start at just £2 when travelling off-peak with an adult and if you boo..."
                              data-share-url-value="https://whatsupbeds.com/deals/108"
                              data-share-increment-url-value="/deals/108/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_83" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="83">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=3">Food &amp; Drink</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/83">🤑 Just Eat Cheeky Tuesday&#39;s - 20% off!</a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🤑 Just Eat Cheeky Tuesday&#39;s - 20% off! -  (20% off) Valid from January 06, 2025 " title="🤑 Just Eat Cheeky Tuesday&#39;s - 20% off! | Categories: Food &amp; Drink, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQ1NDcsInB1ciI6ImJsb2JfaWQifX0=--92b1d7d462a5fc5cb60b72256f46bee85c7934d2/Screenshot_20250106_162219_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQ1NDcsInB1ciI6ImJsb2JfaWQifX0=--92b1d7d462a5fc5cb60b72256f46bee85c7934d2/Screenshot_20250106_162219_Chrome.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🤑 <strong>On Cheeky Tuesdays, you get 20%* off on local favourites. An extra little saving on your mid-week treat. Plus, there’s no need for voucher codes. All your discounts are automatically applied when you spend £15 or more.</strong></div><div><br>So don’t miss your 20% discount deals every<br>Tuesday, only on Just Eat.<br><br>🍕 <strong>WHAT'S ON TUESDAY MENU?</strong><br>Check to see if just eat delivers to you. We love fast and fresh pizza deals in Dunstable. Great value for money and great tasting too!<br><br>Check out on the Just Eat website by clicking 'Get This Deal' button to see what you can get!</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="83">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 20%
        </p>
    </div>
      <a href="https://www.just-eat.co.uk/campaign/cheeky-tuesday" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🤑 Just Eat Cheeky Tuesday&#39;s - 20% off!"
                              data-share-text-value="🤑 On Cheeky Tuesdays, you get 20%* off on local favourites. An extra little saving on your mid-we..."
                              data-share-url-value="https://whatsupbeds.com/deals/83"
                              data-share-increment-url-value="/deals/83/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_146" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="146">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=4">Transport</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/146">🚂 Family Steam Train Experience in Oxfordshire!</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Chinnor+%26+Princes+Risborough+Railway%2C%C2%A0Station+Road%2C+Chinnor%2C+OX39+4ER">
          <span class="underline">Chinnor &amp; Princes Risborough Railway, station Road, Chinnor, OX39 4ER</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚂 Family Steam Train Experience in Oxfordshire! - $32.00  Valid from May 15, 2025 " title="🚂 Family Steam Train Experience in Oxfordshire! | Categories: Attractions, Online, Transport  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjI0MDcsInB1ciI6ImJsb2JfaWQifX0=--f981d5dcc20f5bcd44f81f66e6e967bc2ccb71c8/FAMILY%20STEAM%20TRAIN%20EXPERIENCE%20ONLY%20%C2%A332_20250515_215249_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjI0MDcsInB1ciI6ImJsb2JfaWQifX0=--f981d5dcc20f5bcd44f81f66e6e967bc2ccb71c8/FAMILY%20STEAM%20TRAIN%20EXPERIENCE%20ONLY%20%C2%A332_20250515_215249_0000.png" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🚂 <strong>Enjoy a memorable day out at Chinnor Railway Station, Oxfordshire for 2 adults &amp; 2 children for only £32! Purchase for a day out yourselves or as a gift.</strong></div><div><br>💨 <strong>WHAT TO EXPECT </strong><br>Embark on a magnificent journey aboard a charming steam train departing from the Chiltern Hills. Savour the moment as you soak in the breath taking views of the Chiltern countryside. The perfect treat for a nostalgic day out perfect for all ages.<br><br></div><div>🗓 <strong>WHEN IS MY VOUCHER VALID UNTILL?<br></strong>Once you have purchased your voucher it is valid untill 30/05/2026. Once you have purchased your voucher, you will need to visit the website listed on your voucher to complete redemption. You will find all the terms and conditions in the link.<strong><br></strong><br>🤑 <strong>GET THIS SMOKIN DEAL HERE!</strong><br><a href="https://www.awin1.com/cread.php?awinmid=116595&amp;awinaffid=2098079&amp;ued=https%3A%2F%2Fwww.groupon.co.uk%2Fdeals%2Ffamily-steam-train-adventure-experience-001">Get This Deal Family Experience Here</a></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="146">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            £32.00
        </p>
    </div>
      <a href="https://www.awin1.com/cread.php?awinmid=116595&amp;awinaffid=2098079&amp;ued=https%3A%2F%2Fwww.groupon.co.uk%2Fdeals%2Ffamily-steam-train-adventure-experience-001" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🚂 Family Steam Train Experience in Oxfordshire!"
                              data-share-text-value="🚂 Enjoy a memorable day out at Chinnor Railway Station, Oxfordshire for 2 adults &amp;amp; 2 children..."
                              data-share-url-value="https://whatsupbeds.com/deals/146"
                              data-share-increment-url-value="/deals/146/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_77" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="77">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/77">🐒 Universal Credit Whipsnade Zoo, Low Cost Prices</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Whipsnade+Zoo%2C+Whipsnade%2C+Dunstable+LU6+2LF">
          <span class="underline">Whipsnade Zoo, Whipsnade, Dunstable LU6 2LF</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐒 Universal Credit Whipsnade Zoo, Low Cost Prices -   Valid from January 03, 2025 until August 31, 2026" title="🐒 Universal Credit Whipsnade Zoo, Low Cost Prices | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQyNjEsInB1ciI6ImJsb2JfaWQifX0=--b393c8c9af63d16a84485b684d668aa9fffc8070/Screenshot_20250103_143521_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQyNjEsInB1ciI6ImJsb2JfaWQifX0=--b393c8c9af63d16a84485b684d668aa9fffc8070/Screenshot_20250103_143521_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐒 Universal Credit Whipsnade Zoo, Low Cost Prices -   Valid from January 03, 2025 until August 31, 2026" title="🐒 Universal Credit Whipsnade Zoo, Low Cost Prices | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQyNjIsInB1ciI6ImJsb2JfaWQifX0=--3c5d247e27fd9b43d79fb89352368f72dc4a3a01/Screenshot_20250103_145646_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQyNjIsInB1ciI6ImJsb2JfaWQifX0=--3c5d247e27fd9b43d79fb89352368f72dc4a3a01/Screenshot_20250103_145646_Chrome.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🐵 <strong>Reduced price Whipsnade Zoo tickets 2026!</strong></div><div>Whipsnade Zoo wants as many people as possible to be able to enjoy a brilliant day out with them, to benefit from the amazing animals which live at Whipsnade Zoo, connect with nature and help us create a world where wildlife thrives.</div><div><br>To help people who might find cost or other challenges a barrier to visiting Whipsnade Zoo, the Universal Credit tickets provide entry at a reduced price.</div><div><strong><br>🙋‍♀️ WHO CAN GET THE REDUCED TICKETS?</strong><br>Reduced price tickets to Whipsnade Zoo available for those currently receiving:<br> ▪️Universal Credit,&nbsp;<br>▪️Working Tax Credit,&nbsp;<br>▪️Child Tax Credit,&nbsp;<br>▪️Employment and Support Allowance,&nbsp;<br>▪️Income Support&nbsp;<br>▪️Jobseeker’s Allowance.</div><div><br>🌐 <strong>ONLINE BOOKING ONLY VIA THE 'GET THIS DEAL' BUTTON</strong><br>These tickets are only available to purchase online in advance, for up to six people per household (under 3’s go free and do not need to book – but must be accompanied by an adult with a booked ticket). As only full price tickets are available to buy at the gate.<br><br>📝 <strong>WHAT WILL I NEED TO BRING WITH ME?</strong><br>You'll need to bring proof of eligibility with you and show this when you present your ticket(s) to the friendly staff at the Zoo entrance. This can either be by logging into your Universal Credit portal or by bringing your <a href="https://secure.dwp.gov.uk/get-a-proof-of-benefit-letter/">proof of benefit letter</a> (one proof per household). <br><br><strong>To be eligible you must have received a Universal Credit payment within the last month</strong> <strong>and you may also be asked to show photographic ID.</strong><br><br>🎟 <strong>HOW MUCH ARE THE REDUCED TICKETS?<br>▪️Adult (16+): </strong>£10.00 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br>▪️<strong>Child (3-15): </strong>£5.00<br>▪️<strong>Under 3: </strong>Free</div><div>〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️<br>💡 <strong>WANT TO SAVE MORE MONEY?</strong><br>You can check the <a href="https://share.toogoodtogo.com/item/699154/">too good to go</a> app to see if they have any surprise bags at Whipsnade Zoo which you can pre order. Instead of paying £9 they usually cost £4. You have to be speedy with booking one though they go very quickly!</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="77">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
    </div>
      <a href="https://www.whipsnadezoo.org/plan-your-visit/whipsnade-zoo-tickets/universal-credit-tickets" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🐒 Universal Credit Whipsnade Zoo, Low Cost Prices"
                              data-share-text-value="🐵 Reduced price Whipsnade Zoo tickets 2026!Whipsnade Zoo wants as many people as possible to be a..."
                              data-share-url-value="https://whatsupbeds.com/deals/77"
                              data-share-increment-url-value="/deals/77/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_178" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="178">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/178">🕵‍♂️ Save up to 37% Off an Escape Rooms in Milton Keynes</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Room+Escape+MK%2C+Upper+Fifth+Street%2C+Milton+Keynes%2C+MK9+2HR">
          <span class="underline">Room Escape Mk, Upper Fifth Street, Milton Keynes, MK9 2HR</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🕵‍♂️ Save up to 37% Off an Escape Rooms in Milton Keynes -  (29% - 37% off) Valid from July 22, 2025 " title="🕵‍♂️ Save up to 37% Off an Escape Rooms in Milton Keynes | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjYxNjgsInB1ciI6ImJsb2JfaWQifX0=--81ee23dcf4b33c12824d3b60d50f24235f3b17e3/SAVE%20UP%20TO%2038-%20OFF%20ESCAPE%20ROOM%20MILTON%20KEYNES_20250723_000621_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjYxNjgsInB1ciI6ImJsb2JfaWQifX0=--81ee23dcf4b33c12824d3b60d50f24235f3b17e3/SAVE%20UP%20TO%2038-%20OFF%20ESCAPE%20ROOM%20MILTON%20KEYNES_20250723_000621_0000.png" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🔎 <strong>Want a challenge &amp; a unique indoor adventure? Who is the cleverest out of your friends, family or partners? Bored of the same thing, well we've found this great deal for you. Race the clock against time and use your team skills to uncover the clues. Will you beat the clock?<br><br>Escape Rooms has a great deal on Groupon saving you up to 37% off!<br><br>🔎 ROOM: </strong>The Spy Escape Room<strong><br><br>💥 HOW MUCH?<br>▪️</strong>2 People: £41.75 ( 29% off)<br>▪️3 People: £52.15 ( 30% off)<br>▪️4 People: £56.07 (37% off)<br>▪️5 People: £67.38 (30% off)<br>▪️6 People: £60.00 (34% off)<br><br><strong>Please note: </strong>Prices can change at anytime.<br><br>ℹ️ <strong>TERMS</strong><br>▪️Under 16 have to be accompanied by an adult.<br>▪️48 hours advanced notice required.<br>▪️Arrive 15 minutes early.<br>▪️48 hour cancellation &amp; reschedule policy.<br>All the terms &amp; conditions can be seen on Groupon via 'The Get This Deal' link below.<br><br>🎟 <strong>HOW DO I BOOK?</strong><br>Once you have brought your voucher via 'The Get This Deal' link. You then need to phone to book on:<br>☎️ <a href="tel:07710%20403999">07710 403999</a><br>When you arrive you need to show your Groupon code &amp; voucher.</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="178">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 29% - 37%
        </p>
    </div>
      <a href="https://www.awin1.com/cread.php?awinmid=116595&amp;awinaffid=2098079&amp;ued=https%3A%2F%2Fwww.groupon.co.uk%2Fdeals%2Froom-escape-mk-2-1" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🕵‍♂️ Save up to 37% Off an Escape Rooms in Milton Keynes"
                              data-share-text-value="🔎 Want a challenge &amp;amp; a unique indoor adventure? Who is the cleverest out of your friends, fam..."
                              data-share-url-value="https://whatsupbeds.com/deals/178"
                              data-share-increment-url-value="/deals/178/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_166" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="166">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=2">Entertainment</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/166">💋HEN NIGHT PARTY IDEA BUYS - UNDER £9.00! </a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="💋HEN NIGHT PARTY IDEA BUYS - UNDER £9.00!  -    " title="💋HEN NIGHT PARTY IDEA BUYS - UNDER £9.00!  | Categories: Entertainment, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxMDksInB1ciI6ImJsb2JfaWQifX0=--a4d4f8f7cb1806478e25a9c73f7905352d6f0fcd/HEN_20250604_034625_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxMDksInB1ciI6ImJsb2JfaWQifX0=--a4d4f8f7cb1806478e25a9c73f7905352d6f0fcd/HEN_20250604_034625_0000.png" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🤪 Looking forward to a girls night in or out? But need ideas to liven up the parrrtty?<br>Well here are some great ideas to purchase, all under £9 each to make your night a fun and hopefully memorable one!<br><br>🌭 10 × Plastic Willy shaped cups: <strong>£7.99 <br></strong><a href="https://amzn.to/4kS2b5K">BUY HERE</a><br><br>🍌 Pin the banana: <strong>£7.99</strong>&nbsp; <br><a href="https://amzn.to/4jEafWH">BUY HERE</a><br><br>🙀 Scratch off Dare cards: <strong>£4.99</strong><br><a href="https://amzn.to/4dScKn6">BUY HERE</a><br><br>🍆 Willy or What? 10 x pack game: <strong>£8.99</strong><br><a href="https://amzn.to/4mMKl5O">BUY HERE</a><br><br>❓️ Funny what am I cards? <strong>£4.99</strong><br><a href="https://amzn.to/4dMQGKs">BUY HERE</a><br><br>😮 Who is the filthiest card game: <strong>£4.99</strong><br><a href="https://amzn.to/3SxtoP1">BUY HERE</a><br><br>🔥 Women sexy apron: <strong>£5.95</strong><br><a href="https://amzn.to/3Hq1T7r">BUY HERE</a><br><br>🥃 6 x Willy Shot glass necklaces: <strong>£6.95</strong><br><a href="https://amzn.to/3Zi2rma">BUY HERE</a><br><br>📸 Selfie Man Hunt game: <strong>£5.25</strong><br><a href="https://amzn.to/4kOExa8">BUY HERE</a><br><br>Let the night begin......🤪<br>(Prices &amp; availability can change at&nbsp;anytime)<br><br>#ad<br><br></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="166">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
    </div>
      <a href="https://amzn.to/4jvxylv" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="💋HEN NIGHT PARTY IDEA BUYS - UNDER £9.00! "
                              data-share-text-value="🤪 Looking forward to a girls night in or out? But need ideas to liven up the parrrtty?Well here a..."
                              data-share-url-value="https://whatsupbeds.com/deals/166"
                              data-share-increment-url-value="/deals/166/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_97" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="97">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=4">Transport</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/97">🚍 £1 Annual Tickets to the Transport Museum in London for people who are receiving Universal Credits or Pension Credit....</a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚍 £1 Annual Tickets to the Transport Museum in London for people who are receiving Universal Credits or Pension Credit.... - $1.00   " title="🚍 £1 Annual Tickets to the Transport Museum in London for people who are receiving Universal Credits or Pension Credit.... | Categories: Attractions, Online, Transport  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3MjEsInB1ciI6ImJsb2JfaWQifX0=--72c240d69b6c5946055b5d67215d9e905b391c6b/Screenshot_20250130_101913_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3MjEsInB1ciI6ImJsb2JfaWQifX0=--72c240d69b6c5946055b5d67215d9e905b391c6b/Screenshot_20250130_101913_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚍 £1 Annual Tickets to the Transport Museum in London for people who are receiving Universal Credits or Pension Credit.... - $1.00   " title="🚍 £1 Annual Tickets to the Transport Museum in London for people who are receiving Universal Credits or Pension Credit.... | Categories: Attractions, Online, Transport  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3MjIsInB1ciI6ImJsb2JfaWQifX0=--837e37459d544a0bdb8d7fc65be767882387ad8e/Screenshot_20250130_101842_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3MjIsInB1ciI6ImJsb2JfaWQifX0=--837e37459d544a0bdb8d7fc65be767882387ad8e/Screenshot_20250130_101842_Chrome.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🚍 <strong>Visit London Transport Museum in Covent Garden to discover 200 years of groundbreaking design and innovation, and the remarkable personal stories behind the transport history. You need an Annual Pass and a timed entry ticket to visit London Transport Museum in Covent Garden.</strong><br><br>Annual Passes are valid for 12 months from the date of purchase and entitle you to visit the Museum as many times as you like.&nbsp;</div><div><br>🤑 <strong>£1 ANNUAL TICKETS AVAILABLE FOR;</strong></div><ul><li><strong>▪️</strong>Universal Credit</li><li>▪️Pension Credit</li><li>▪️Working Tax Credit</li><li>▪️Child Tax Credit</li><li>▪️Employment and Support Allowance</li></ul><div><br></div><div>🙋‍♀️ <strong>KIDS &amp; CARERS GO FREE WITH A TIMED ENTRY DAY TICKET!</strong><br>Kids aged under 17 go free and don’t need an Annual Pass but will need a free timed entry ticket which you can add to basket during checkout.<br>You can view and book free tickets here: <a target="_blank" rel="nofollow" href="https://bookings.ltmuseum.co.uk/museum/events">https://bookings.ltmuseum.co.uk/museum/events</a><br><br>ℹ️ <strong>WHAT DO I NEED TO BRING FOR MY £1 ANNUAL PASS?</strong><br>▪️Universal Credit &amp; Pension Credit Annual Passes are sold on an individual basis. Each named passholder must provide individual proof of receipt of one of the above.<br>▪️Proof of latest correspondence is required, either printed or on an electronic device. You can access your correspondence and relevant proof by logging into the <a href="https://www.gov.uk/browse/benefits/manage-your-benefit">gov.uk website</a>.<br><br>🎟 <strong>BOOK £1 ANNUAL PASSES VIA THE 'GET THIS DEAL' BUTTON AND HAVE A GREAT DAY! 😀</strong></div><div><br></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="97">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            £1.00
        </p>
    </div>
      <a href="https://bookings.ltmuseum.co.uk/museum/events/99d3f348-9312-7563-cbf1-3da2fc183457?tg=9cde6acb-f8f5-25fe-f9aa-5a55cdd02cb7&amp;_ga=2.254357768.1857321618.1738232041-1714531475.1738231940&amp;_gl=1%2akko2q2%2a_gcl_au%2aMTQzMDYxNDE0MC4xNzM4MjMyMDQx%2a_ga%2aMTcxNDUzMTQ3NS4xNzM4MjMxOTQw%2a_ga_18EK6XNNFD%2aMTczODIzMjA0MC4xLjEuMTczODIzMzc5MC4wLjAuMA..%2a_ga_WVCCETTG9H%2aMTczODIzMTk0MC4xLjEuMTczODIzMzc5Mi4wLjAuMA.." class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🚍 £1 Annual Tickets to the Transport Museum in London for people who are receiving Universal Credits or Pension Credit...."
                              data-share-text-value="🚍 Visit London Transport Museum in Covent Garden to discover 200 years of groundbreaking design a..."
                              data-share-url-value="https://whatsupbeds.com/deals/97"
                              data-share-increment-url-value="/deals/97/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_81" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="81">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=3">Food &amp; Drink</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=7">Stores</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/81">🌻FREE TO JOIN KIDS CLUB AT FROSTS GARDEN CENTRE&#39;S</a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌻FREE TO JOIN KIDS CLUB AT FROSTS GARDEN CENTRE&#39;S - $0.00   " title="🌻FREE TO JOIN KIDS CLUB AT FROSTS GARDEN CENTRE&#39;S | Categories: Attractions, Food &amp; Drink, Online, Stores  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQ1MjYsInB1ciI6ImJsb2JfaWQifX0=--d1177b9ad95b6cfc362f840ad96d9971c8676889/Screenshot_20250106_135918_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQ1MjYsInB1ciI6ImJsb2JfaWQifX0=--d1177b9ad95b6cfc362f840ad96d9971c8676889/Screenshot_20250106_135918_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌻FREE TO JOIN KIDS CLUB AT FROSTS GARDEN CENTRE&#39;S - $0.00   " title="🌻FREE TO JOIN KIDS CLUB AT FROSTS GARDEN CENTRE&#39;S | Categories: Attractions, Food &amp; Drink, Online, Stores  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQ1MjcsInB1ciI6ImJsb2JfaWQifX0=--c86cd8a677d90dc38b6a5d65fcfc14615c27444c/Screenshot_20250106_140643_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQ1MjcsInB1ciI6ImJsb2JfaWQifX0=--c86cd8a677d90dc38b6a5d65fcfc14615c27444c/Screenshot_20250106_140643_Chrome.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🌻 <strong>At Woburn Sands &amp; Willington Frosts, they understand the importance of getting children interested in gardening early to develop their imagination and explore their senses through play, what better way to capture that imagination than through the brand-new FREE to </strong><a href="https://www.frostsgardencentres.co.uk/little-frosties-kids-club/little-frosties-sign-up"><strong>join kids club</strong></a><strong> - Little Frosties!</strong></div><div>&nbsp;<br>🦋 <strong>WHAT TO EXPECT.....</strong><br>The fun and loveable characters will have your little ones mesmerised and help to make gardening FUN and interactive.<br><br>Bringing you exciting ways to inspire children to connect with nature and the great outdoors!<br><br>From bug hunts to family walks or a fun planting activity at the garden centre they have everything to help you connect to your local environment.<br><br>❓️ <strong>WHAT DO I GET FOR BEING A MEMBER?</strong><br><strong>The benefits of joining the FREE kids club are -</strong></div><div><br>🌷A <strong>FREE</strong> packet of seeds when you join.<br>🍪 <strong>FREE </strong>milk &amp; cookie each month in our restaurant*.<br>📮 Monthly email newsletters, giving families hints and tips of what to look out for in their garden and lots of fun ideas to get you outdoors!<br>🧒 Exclusive kids club members-only events held throughout the year.</div><ul><li>&nbsp;🗓 Savings across the busy events calendar, and priority booking on certain events.</li></ul><div><br>✅️ <strong>WANT TO JOIN FOR FREE?</strong><br>Click on the 'Get This Deal' button below for more information.</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="81">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            FREE
        </p>
    </div>
      <a href="https://www.frostsgardencentres.co.uk/experiences/little-frosties-kids-club" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🌻FREE TO JOIN KIDS CLUB AT FROSTS GARDEN CENTRE&#39;S"
                              data-share-text-value="🌻 At Woburn Sands &amp;amp; Willington Frosts, they understand the importance of getting children int..."
                              data-share-url-value="https://whatsupbeds.com/deals/81"
                              data-share-increment-url-value="/deals/81/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_25" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="25">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=3">Food &amp; Drink</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=7">Stores</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/25">🍌JUST A REMINDER IF YOU HEAD INTO MORRISONS KIDS CAN GRAB FRUIT &amp; A BOTTLE OF WATER FOR FREE!</a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🍌JUST A REMINDER IF YOU HEAD INTO MORRISONS KIDS CAN GRAB FRUIT &amp; A BOTTLE OF WATER FOR FREE! -    " title="🍌JUST A REMINDER IF YOU HEAD INTO MORRISONS KIDS CAN GRAB FRUIT &amp; A BOTTLE OF WATER FOR FREE! | Categories: Food &amp; Drink, Stores  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzgwNywicHVyIjoiYmxvYl9pZCJ9fQ==--b9ab9a11e3a7e1267b8fde5be09f0dcd596ac6a9/FB_IMG_1723194455894.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzgwNywicHVyIjoiYmxvYl9pZCJ9fQ==--b9ab9a11e3a7e1267b8fde5be09f0dcd596ac6a9/FB_IMG_1723194455894.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>Thanks to Morrisons, your little 🐒 can keep themselves entertained helping themselves to a piece of fruit at the designated areas and not only fruit but also a bottle of water for those hot days. This picture was taken in Shefford, Bedfordshire Morrisons. Cheers Morrisons my shopping was a two minute quicker trip! 😅</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="25">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
    </div>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🍌JUST A REMINDER IF YOU HEAD INTO MORRISONS KIDS CAN GRAB FRUIT &amp; A BOTTLE OF WATER FOR FREE!"
                              data-share-text-value="Thanks to Morrisons, your little 🐒 can keep themselves entertained helping themselves to a piece ..."
                              data-share-url-value="https://whatsupbeds.com/deals/25"
                              data-share-increment-url-value="/deals/25/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
  
<!-- Related Venues Section -->

</div>

    </div>
</template></turbo-stream><turbo-stream action="replace" target="load_more"><template>
    
<div id="load_more" class="w-full mt-4 flex gap-2 justify-center px-2">


    <div class="w-full flex justify-center"
         data-controller="infinite-scroll"
         data-infinite-scroll-cooldown-ms-value="500"
         data-infinite-scroll-idle-label-value="Scroll to load more"
         data-infinite-scroll-loading-label-value="Loading more deals...">
      <a data-turbo-action="advance" data-turbo-stream="true" data-infinite-scroll-target="link" data-controller="clicky-analytics" data-action="click-&gt;clicky-analytics#trackClick" data-clicky-analytics-event-value="pagination_load_more" data-clicky-analytics-payload-value="{&quot;surface&quot;:&quot;deals&quot;,&quot;direction&quot;:&quot;next&quot;}" class="sr-only" href="/deals?format=turbo_stream&amp;page=2&amp;seed=361e7d67659beac7">Load more</a>
      <div data-infinite-scroll-target="sentinel"
           data-action="click->infinite-scroll#load"
           role="status"
           aria-live="polite"
           aria-atomic="true"
           class="mt-2 flex cursor-pointer flex-col items-center gap-3 rounded-xl bg-gray-50 px-6 py-4">
        <img alt="Loading more deals" class="h-20 w-20 md:h-24 md:w-24 drop-shadow-sm hidden" data-infinite-scroll-target="spinner" src="/assets/infinite-spinner-725924ab4f97c66b72d553887f2426d041c3f5cc59fbcb1a797220af94235892.svg" />
        <span data-infinite-scroll-target="label" class="text-base font-semibold tracking-wide text-gray-700">Scroll to load more</span>
      </div>
    </div>
</div>


</template></turbo-stream>