<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/19965">
  <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 02 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/19909">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NDc5NDksInB1ciI6ImJsb2JfaWQifX0=--2d93a8c22d003c95b4a9b3446d095969cac1d950/Screenshot_20260612_120447_Facebook.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">⛳️ 🍹Crazy Golf, Bottomless Drinks, Bottomless Fries - Mulligans, Milton Keynes</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 03 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/19967">
  <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 03 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/19966">
  <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 04 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/19968">
  <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 05 July 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_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_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_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_57" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="57">
  <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=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/57">🎅 FREE PESONALISED MESSAGE FROM SANTA</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 PESONALISED MESSAGE FROM SANTA - $0.00   " title="🎅 FREE PESONALISED MESSAGE FROM SANTA | Categories: Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTIzOTQsInB1ciI6ImJsb2JfaWQifX0=--6ab6bfdd71decdbb9ba33fe38429e6d159abff8e/Screenshot_20241123_121837_Gallery.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTIzOTQsInB1ciI6ImJsb2JfaWQifX0=--6ab6bfdd71decdbb9ba33fe38429e6d159abff8e/Screenshot_20241123_121837_Gallery.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>🎅Get your FREE first PERSONALISED&nbsp; MESSAGE from Santa for a child you love using the link below. <br><br>ℹ️ <strong>ABOUT</strong><br>You can sign up for more videos etc if you want which is at a cost but the first trail video is FREE. <br><br>📩 <strong>HOW DO I GET MY ONE FREE MESSAGE FROM SANTA?<br></strong>Click on the 'Get this deal' button and it will direct you to the website where you then download the app. From there on just follow the instructions to get your free video.<strong> </strong><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="57">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.portablenorthpole.com/en/santa-video" 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 PESONALISED MESSAGE FROM SANTA"
                              data-share-text-value="🎅Get your FREE first PERSONALISED&amp;nbsp; MESSAGE from Santa for a child you love using the link be..."
                              data-share-url-value="https://whatsupbeds.com/deals/57"
                              data-share-increment-url-value="/deals/57/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_42" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="42">
  <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&amp;expired=%27">Food &amp; Drink</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/42">🤑 3 COURSES ONLY £11.99 AT THE GLOBE INN LEIGHTON BUZZARD</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+Globe+Inn%2C+Globe+Ln%2C+Leighton+Buzzard%2C+Bedfordshire+LU7+2TA">
          <span class="underline">The Globe Inn, Globe Ln, Leighton Buzzard, Bedfordshire LU7 2TA</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="🤑 3 COURSES ONLY £11.99 AT THE GLOBE INN LEIGHTON BUZZARD - $11.99   " title="🤑 3 COURSES ONLY £11.99 AT THE GLOBE INN LEIGHTON BUZZARD | Categories: Food &amp; Drink  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6OTA5OCwicHVyIjoiYmxvYl9pZCJ9fQ==--afe801e12807fa6f192e1c6fe6ad4751e6575f1e/FB_IMG_1727362966497.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6OTA5OCwicHVyIjoiYmxvYl9pZCJ9fQ==--afe801e12807fa6f192e1c6fe6ad4751e6575f1e/FB_IMG_1727362966497.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="🤑 3 COURSES ONLY £11.99 AT THE GLOBE INN LEIGHTON BUZZARD - $11.99   " title="🤑 3 COURSES ONLY £11.99 AT THE GLOBE INN LEIGHTON BUZZARD | Categories: Food &amp; Drink  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6OTEwMCwicHVyIjoiYmxvYl9pZCJ9fQ==--450f4d36b4aa80e2e5fe1ba013497aed73df8dfc/Screenshot_20240926_162632_Google.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6OTEwMCwicHVyIjoiYmxvYl9pZCJ9fQ==--450f4d36b4aa80e2e5fe1ba013497aed73df8dfc/Screenshot_20240926_162632_Google.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="🤑 3 COURSES ONLY £11.99 AT THE GLOBE INN LEIGHTON BUZZARD - $11.99   " title="🤑 3 COURSES ONLY £11.99 AT THE GLOBE INN LEIGHTON BUZZARD | Categories: Food &amp; Drink  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxNjcsInB1ciI6ImJsb2JfaWQifX0=--6f1eac0090f84b60f89abfe389fe830671a7b94a/Screenshot_20250607_123021_All%20Document.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxNjcsInB1ciI6ImJsb2JfaWQifX0=--6f1eac0090f84b60f89abfe389fe830671a7b94a/Screenshot_20250607_123021_All%20Document.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>The Globe Inn, in Leighton Buzzard has a great offer on the lighter bite menu. Treat yourself to two courses for just £9.99, or why not go the extra mile with three courses for £11.99*?</strong> <br><br>😋 <strong>SOUNDS GREAT! WHEN CAN I GET THIS DEAL?</strong><br>▪️Available Monday to Saturday, 12pm - 5pm. <br><br>🍲 <strong>WHAT SORT OF FOOD IS ON OFFER?</strong><br>Dive into delicious dishes like our comforting Soup of the Day, the ever-popular Hunter’s Chicken, crispy Scampi &amp; Chips, and finish on a sweet note with our Bramley Apple &amp; Blackberry Crumble Pie.<br><br>These lighter bites are packed with taste, perfect for when you want a little bit of everything – without overindulging. So why settle for less when you can have it all, at a price that's just right?<br>*T&amp;Cs apply<br><br><strong>Please note: </strong>The menu &amp; price can change at anytime.<br><br>🗺 <strong>I WANT TO GO, GIVE ME THE LOCATION!<br></strong>The Globe Inn<br>Globe Lane<br>Leighton Buzzard<br>Bedfordshire<br>United Kingdom<br>LU7 2TA<strong><br><br>✅️ Click the 'Get This Deal' button to book a table!<br><br>ℹ️ CONTACT NUMBER <br>☎️ </strong><a href="tel:+44%2001525%20373%20338">01525 373 338</a><strong> </strong><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="42">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            £11.99
        </p>
    </div>
      <a href="https://www.greeneking.co.uk/pubs/bedfordshire/globe-inn/offers" 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="🤑 3 COURSES ONLY £11.99 AT THE GLOBE INN LEIGHTON BUZZARD"
                              data-share-text-value="👋 The Globe Inn, in Leighton Buzzard has a great offer on the lighter bite menu. Treat yourself t..."
                              data-share-url-value="https://whatsupbeds.com/deals/42"
                              data-share-increment-url-value="/deals/42/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_84" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="84">
  <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>
        <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/84">🤑 Too Good Too Go app! Save food waste and save money at the same time!</a>
    </h2>
        <div class="mt-8 -mx-3 sm:mx-0">
    <div class="relative">
        <video class="w-full aspect-video rounded-none sm:rounded-lg object-cover" data-controller="video-player" data-video-player-target="video" controls="controls" preload="metadata" muted="muted" playsinline="playsinline" webkit-playsinline="true">
    <source src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTU1MjgsInB1ciI6ImJsb2JfaWQifX0=--01fdef8de0b79beb83602dd632814518cc6bcfeb/83079ddba7a4ad36a3a760db04ca5c41.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>
    </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>WHAT IS TOO GOOD TO GO?</strong><br>Too Good To Go is a mobile phone app which allows you to 'rescue' food from local shops, restaurants and cafes to prevent it from going to waste. Once you've downloaded the app, you can search by location and distance to see what foodie goodies are being offered at bargain prices near you. You can download the app by pressing the 'Get This Deal' button.<br><br>❓️<strong>WHAT HAS WHATSUP BEDFORDSHIRE ALREADY RECEIVED FROM THE APP?</strong><br>💥 Lemon Plaice, Shefford - Cod, large chips, 3 sauages for £3.00<br><br>💥 Greggs Toddington Services - 3 Sandwiches, 2 filled baguettes, 4 pasties/bakes, large pack of donughts - £2.95<br><br>💥 The Three Trees in Bletchley - Roast dinner - £3.49</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="84">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 25% - 50%
        </p>
    </div>
      <a href="https://www.toogoodtogo.com/" 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="🤑 Too Good Too Go app! Save food waste and save money at the same time!"
                              data-share-text-value="❓WHAT IS TOO GOOD TO GO?Too Good To Go is a mobile phone app which allows you to &#39;rescue&#39; food fr..."
                              data-share-url-value="https://whatsupbeds.com/deals/84"
                              data-share-increment-url-value="/deals/84/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/19877">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.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">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 06 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/19878">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.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">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 07 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/19879">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.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">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 08 July 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_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-full flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/15789">
  <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-32 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTI5NzMsInB1ciI6ImJsb2JfaWQifX0=--c4f997b6ceedabb86dc0f06ae2e3b1d5b0c57e7a/FB_IMG_1733317391560.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">🚘 Car Boot Sale at Morrisons Car Park in Milton Keynes 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 04 July 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_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>
    <div>
      <div id="deal_167" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="167">
  <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>
    </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/167">🧒 Kids eat for £1* at Dobbies Garden Centre!</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 for £1* at Dobbies Garden Centre! - $1.00   " title="🧒 Kids eat for £1* at Dobbies Garden Centre! | Categories: Food &amp; Drink  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxODksInB1ciI6ImJsb2JfaWQifX0=--9909f45f2bcd0edc217cfd25f5fb758a130edf54/Screenshot_20250607_165052_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxODksInB1ciI6ImJsb2JfaWQifX0=--9909f45f2bcd0edc217cfd25f5fb758a130edf54/Screenshot_20250607_165052_Facebook.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 for £1* at Dobbies Garden Centre! - $1.00   " title="🧒 Kids eat for £1* at Dobbies Garden Centre! | Categories: Food &amp; Drink  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxOTAsInB1ciI6ImJsb2JfaWQifX0=--5106f4b5127b31f173e4e3e92e3cdcd461760745/Screenshot_20250607_165208_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxOTAsInB1ciI6ImJsb2JfaWQifX0=--5106f4b5127b31f173e4e3e92e3cdcd461760745/Screenshot_20250607_165208_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>Enjoy a children’s breakfast with any adult traditional or full breakfast or a child’s hot meal or pick n mix lunch box with any adult main course for just £1.</strong><br><br>🗓 <strong>WHEN?</strong></div><div>This offer is available everyday in Dobbies restaurant and also includes a free child’s drink.<br><br>🕒 <strong>HOT MEALS TIMES</strong></div><ul><li>Hot meals served from 9am until 3pm.</li></ul><div><br>🍲 <strong>SUNDAY ROAST IS £1 EXTRA</strong><br>Not valid in conjunction with any other offer. £1 supplement applies to kids Sunday roast.<br><br>🤸‍♂️<strong>SOFT PLAY</strong><br>Dobbie Garden centers also have soft play available to book. Walk-in is allowed subject to availability.<br>▪️<strong>Bletchley for ages : 0 - 2 years &amp; 3 - 8 years: £4.00</strong><br>🎟 <a href="https://events.dobbies.com/event-detail/?e=4416&amp;r=v&amp;v=25">Book here for soft play in Bletchley </a><br>▪️<strong>Royston Soft play for ages 0 - 2: £3.50</strong><br>🎟 <a href="https://events.dobbies.com/event-detail/?e=4348&amp;r=v&amp;v=66&amp;_gl=1*1l631ju*_ga_WJ036CYWLS*czE3NDkzMTI0OTYkbzEkZzEkdDE3NDkzMTI3NDQkajM5JGwwJGgxMDc0MzU4MTYx%20">Book here for soft play in Royston </a><br><br>📍<strong>WHERE IS THE CLOSEST TO BEDFORDSHIRE?</strong><br>▪️<a href="https://www.dobbies.com/milton-keynes"><strong>Bletchley</strong></a><strong>: </strong>Belvedere Ln, Watling St, Bletchley, Milton Keynes MK17 9JH<br>▪️ <a href="https://www.dobbies.com/royston"><strong>Royston</strong></a><strong>:</strong> Dunsbridge Turnpike, Shepreth, Hertfordshire SG8 6RB<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="167">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://www.dobbies.com/restaurants/offers" 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 for £1* at Dobbies Garden Centre!"
                              data-share-text-value="🍳 Enjoy a children’s breakfast with any adult traditional or full breakfast or a child’s hot meal..."
                              data-share-url-value="https://whatsupbeds.com/deals/167"
                              data-share-increment-url-value="/deals/167/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_99" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="99">
  <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/99">🈲️ 🥳 Free Birthday Box at Chopstix Noddle Bar when you sign up!</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 Birthday Box at Chopstix Noddle Bar when you sign up! - $0.00 (100% off)  " title="🈲️ 🥳 Free Birthday Box at Chopstix Noddle Bar 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/eyJfcmFpbHMiOnsiZGF0YSI6MTY3OTQsInB1ciI6ImJsb2JfaWQifX0=--0bee11bbbce19f747fd5d889fcd6cdf7b7188990/Screenshot_20250130_203419_WhatsApp.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3OTQsInB1ciI6ImJsb2JfaWQifX0=--0bee11bbbce19f747fd5d889fcd6cdf7b7188990/Screenshot_20250130_203419_WhatsApp.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 Birthday Box at Chopstix Noddle Bar when you sign up! - $0.00 (100% off)  " title="🈲️ 🥳 Free Birthday Box at Chopstix Noddle Bar 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/eyJfcmFpbHMiOnsiZGF0YSI6MTY3OTUsInB1ciI6ImJsb2JfaWQifX0=--242511a75c87b1d31fc314c8d6fac80cce8886ed/Screenshot_20250130_203359_WhatsApp.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3OTUsInB1ciI6ImJsb2JfaWQifX0=--242511a75c87b1d31fc314c8d6fac80cce8886ed/Screenshot_20250130_203359_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="🈲️ 🥳 Free Birthday Box at Chopstix Noddle Bar when you sign up! - $0.00 (100% off)  " title="🈲️ 🥳 Free Birthday Box at Chopstix Noddle Bar 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/eyJfcmFpbHMiOnsiZGF0YSI6MTY3OTYsInB1ciI6ImJsb2JfaWQifX0=--e01ddec1a58e40fabec489e28dedf1c59c4c4c77/Screenshot_20250130_203649_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3OTYsInB1ciI6ImJsb2JfaWQifX0=--e01ddec1a58e40fabec489e28dedf1c59c4c4c77/Screenshot_20250130_203649_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>Love Chinese? Well Chopstix has a great deal when you sign up to the newsletter and download the Chopstix app you can qualify for a FREE BIRTHDAY BOX to celebrate your special day! You can use this epic deal at any of participating stores in and around Bedfordshire below, more destinations can be found on the 'Get This Deal' button:</strong><br><br>⭐️ Baldock<br>⭐️ Beaconsfield<br>⭐️ Brent Cross<br>⭐️ Cambridge Xtra<br>⭐️ Luton<br>⭐️ Luton Airport<br>⭐️ Peterborough High Street<br>⭐️ Peterborough Xtra<br><br>🤑 <strong>PLUS WHEN YOU SIGN UP...<br></strong>You get five free spring rolls, grab another three for free by entering the referral code:&nbsp; <strong><br>💥54277<br><br></strong>✅️ <strong>HOW DO I SIGN UP?</strong><br>Just click on the 'Get This Deal' button, scroll down to the bottom and select how you want to sign up either on the App Store or Google Play.</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="99">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            FREE
        </p>
        <p class="text-red-500 font-semibold">
          Save 100%
        </p>
    </div>
      <a href="https://chopstixnoodles.co.uk/free-birthday-box-participating-stores/" 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 Birthday Box at Chopstix Noddle Bar when you sign up!"
                              data-share-text-value="🈲️ Love Chinese? Well Chopstix has a great deal when you sign up to the newsletter and download t..."
                              data-share-url-value="https://whatsupbeds.com/deals/99"
                              data-share-increment-url-value="/deals/99/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/19877">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.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">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 06 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/19878">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.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">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 07 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/19879">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.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">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 08 July 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_171" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="171">
  <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=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=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/171">🤑 Butlins Offers from only £44 2025/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="🤑 Butlins Offers from only £44 2025/2026! -  (40% off) Valid from June 23, 2025 " title="🤑 Butlins Offers from only £44 2025/2026! | Categories: Attractions, Entertainment, Getaways, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQ2NjYsInB1ciI6ImJsb2JfaWQifX0=--12f754c9548c1fdeb8c2fdf678432c80a1837924/BUTLINS%20OFFERS%202025_20250623_110018_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQ2NjYsInB1ciI6ImJsb2JfaWQifX0=--12f754c9548c1fdeb8c2fdf678432c80a1837924/BUTLINS%20OFFERS%202025_20250623_110018_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>Need a break away with the kids? Do you have young children? Do you home school or just need time to recharge? Butlins has some great offers but you need to be quick!</strong><br><br>💦 <strong>WHAT DOES MY STAY INCLUDE?</strong><br>Your stay includes all the swimming, shows &amp; fairground rides, you really can't go wrong! Making memories for only at a small cost. <br><br>🤑 <strong>FIND ME SOMEWHERE FOR 2025 OR 2026..</strong><br><br>💥<strong>MINEHEAD</strong><br>▪️Monday 23rd June -&nbsp; Friday 27th June 2025 - from <strong>£44</strong>: Click <a href="https://share.google/Ec7yUbnd4qkhV7O1q">here</a><br>▪️Monday 27th April - Friday 1st May 2026 - from <strong>£49</strong>: Click <a href="https://share.google/hUNJtF9OCl4tlgiiX">here</a><br>▪️Monday 11th May - Friday 15th May 2026: from <strong>£55: </strong>Click <a href="https://share.google/TTjDvizvthj4IActK">here</a><br><br>💥<strong>SKEGNESS</strong> <br>▪️Monday 30th June - Friday 4th June - from <strong>£68</strong>:<br>Click <a href="https://share.google/7J8qCgI5Lw31xfRIs">here</a><br>▪️Monday 7th July - Friday 11th July - from <strong>£88:<br></strong>Click <a href="https://share.google/2jd7KLXkpD34NRk6d">here</a><br>▪️Monday 27th April - Friday 1st May 2026 - from <strong>£55</strong>: Click <a href="https://share.google/GoL9Ufh6Y8zxgF0AU">here</a><br><br>💥<strong>BOGNOR REGIS</strong><br>Monday 20th April - Friday 24th April 2026 - from <strong>£59</strong>: Click <a href="https://share.google/rFjpqylGSKn2rKw1Y">here</a><br>Monday 11th May - Friday 15th May 2025 - from <strong>£69</strong>: Click <a href="https://share.google/PR7R4s9K4MT6jMnmB">here</a><br><br>❗️<strong>PLEASE NOTE</strong><br>Prices and availability can change at anytime.</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="171">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://share.google/4mWHOfEmhmpHgghLe" 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="🤑 Butlins Offers from only £44 2025/2026!"
                              data-share-text-value="🙋‍♀️ Need a break away with the kids? Do you have young children? Do you home school or just need..."
                              data-share-url-value="https://whatsupbeds.com/deals/171"
                              data-share-increment-url-value="/deals/171/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_170" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="170">
  <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/170">🛡 SAVE 50% OFF WARWICK CASTLE TICKETS!</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="🛡 SAVE 50% OFF WARWICK CASTLE TICKETS! -  (50% off)  " title="🛡 SAVE 50% OFF WARWICK CASTLE TICKETS! | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQyODIsInB1ciI6ImJsb2JfaWQifX0=--a6d8e4f71d0324bd32300bfb37f46e04c1763a2d/Screenshot_20250616_124451_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQyODIsInB1ciI6ImJsb2JfaWQifX0=--a6d8e4f71d0324bd32300bfb37f46e04c1763a2d/Screenshot_20250616_124451_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>You can save 50% off Warwick Castle tickets if you are from the following postcodes:<br><br>▪️</strong>B (Birmingham)&nbsp;</div><ul><li>▪️CV (Coventry)</li><li>▪️MK (Milton Keynes)</li><li>▪️NN (Northampton)</li><li>▪️OX (Oxford)</li></ul><div><br>🤔 <strong>HOW DO THEY KNOW I COME FROM THE POSTCODE LISTED?</strong><br>Your postcode must match your billing address!<br>This means if you dont live in one of the postcodes listed but you have a nan, aunt, cousin, friend etc with one of these postcodes, they can book for you!<br><br>🎟 <strong>HOW MUCH ARE TICKETS?</strong><br>Tickets would cost from £19.50pp, under 2's &amp; carers go free (with a supported document). Extra add on's such as the Dungeon would be £6.00pp.<br><br>🏃‍♂️<strong>WHEN IS THE OFFER VALID?</strong><br>The offer is only valid untill 17th July 2025, so be quick!</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="170">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 50%
        </p>
    </div>
      <a href="https://share.google/q3Euputx4L44CJ8nK" 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 50% OFF WARWICK CASTLE TICKETS!"
                              data-share-text-value="🛡 You can save 50% off Warwick Castle tickets if you are from the following postcodes:▪️B (Birmin..."
                              data-share-url-value="https://whatsupbeds.com/deals/170"
                              data-share-increment-url-value="/deals/170/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_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_96" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="96">
  <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/96">💥📚 £1 TICKETS FOR ANYONE RECEIVING CERTAIN BENEFITS TO THE ROALD DAHL MUSEUM IN AYLESBURY </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 TICKETS FOR ANYONE RECEIVING CERTAIN BENEFITS TO THE ROALD DAHL MUSEUM IN AYLESBURY  - $1.00 (90% off)  " title="💥📚 £1 TICKETS FOR ANYONE RECEIVING CERTAIN BENEFITS TO THE ROALD DAHL MUSEUM IN AYLESBURY  | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3MTgsInB1ciI6ImJsb2JfaWQifX0=--b7d916abb65f2daa883dd56a2b4400f4f7082e86/Screenshot_20250129_223023_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3MTgsInB1ciI6ImJsb2JfaWQifX0=--b7d916abb65f2daa883dd56a2b4400f4f7082e86/Screenshot_20250129_223023_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 TICKETS FOR ANYONE RECEIVING CERTAIN BENEFITS TO THE ROALD DAHL MUSEUM IN AYLESBURY  - $1.00 (90% off)  " title="💥📚 £1 TICKETS FOR ANYONE RECEIVING CERTAIN BENEFITS TO THE ROALD DAHL MUSEUM IN AYLESBURY  | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3MjAsInB1ciI6ImJsb2JfaWQifX0=--fa3397f24fcb07adcde16c2525eb23248df79f78/Screenshot_20250129_225859_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3MjAsInB1ciI6ImJsb2JfaWQifX0=--fa3397f24fcb07adcde16c2525eb23248df79f78/Screenshot_20250129_225859_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>£1 tickets are available at The Roald Dahl Museum in Aylesbury for anyone currently receiving:</strong><br>✨️<strong> </strong>Universal Credit, <br>⭐️ Pension Credit, <br>⭐️ Working Tax Credit, <br>⭐️ Child Tax Credit <br>⭐️ Employment and Support Allowance. <br><br>📚 <strong>WHAT ELSE CAN I DO?</strong><br>Included in your visit are a range of free activities such as interactive storytelling and crafts – these are available for all ticket holders to attend. Some days, we also run extra workshops at an additional cost – these are usually charged per maker. If you would like to attend one of these workshops, please ensure that you add this on to your booking.<br><br>❗️<strong>TERMS</strong> <br><strong>The Museum offers these tickets for up to six people per household (under 5s go free but must book and be accompanied by an adult with a booked ticket).</strong><br>▪️Please note, you <strong>must book</strong> £1 tickets in advance either online or over the phone, as only full price tickets are available to buy at the gate. <br>▪️There are only a certain number of £1 tickets per day, so if they are unavailable for the day you select please select another date.<br>▪️Our £1 Universal Credit Tickets are day tickets and are valid for one day only, they cannot be used as annual passes.<br><br>✅️ <strong>WHAT WILL I NEED TO BRING?</strong><br>You will need to bring proof of eligibility with you to the Museum. We require one of the following (per household) as proof of eligibility:<br>Logging into your <strong>Universal Credit portal </strong>OR a <strong>proof of benefit letter</strong><br>To be eligible you must have received a Universal Credit payment within the last month and you may also be asked to show <strong>photographic ID</strong>.<br>For more information on how to get a proof of benefit letter, please <a href="https://secure.dwp.gov.uk/get-a-proof-of-benefit-letter/">click here:<br><strong>How to get a proof of benefit letter</strong></a><strong>.</strong><br><br></div><div>🎟 <strong>BUY TICKETS</strong><br>Museum admission and workshop tickets can be purchased online via the 'Get This Deal' button or by calling:<br>☎️ <a href="tel:01494%20892192"><strong>01494 892192</strong></a>.<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="96">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            £1.00
        </p>
        <p class="text-red-500 font-semibold">
          Save 90%
        </p>
    </div>
      <a href="https://www.roalddahlmuseum.org/plan-your-visit/1-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="💥📚 £1 TICKETS FOR ANYONE RECEIVING CERTAIN BENEFITS TO THE ROALD DAHL MUSEUM IN AYLESBURY "
                              data-share-text-value="💥 £1 tickets are available at The Roald Dahl Museum in Aylesbury for anyone currently receiving:✨..."
                              data-share-url-value="https://whatsupbeds.com/deals/96"
                              data-share-increment-url-value="/deals/96/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_193" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="193">
  <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/193">💥 £5 PAINTBALLING FOR UP TO 5 PEOPLE! - BUCKINGHAMSHIRE </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=Skirmish+Paintball+Games+West+Wood+Finmere+Buckingham+MK18+4JT">
          <span class="underline">Skirmish Paintball Games West Wood Finmere Buckingham MK18 4JT</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="💥 £5 PAINTBALLING FOR UP TO 5 PEOPLE! - BUCKINGHAMSHIRE  - $5.00 (93% off) Valid from January 13, 2026 " title="💥 £5 PAINTBALLING FOR UP TO 5 PEOPLE! - BUCKINGHAMSHIRE  | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzI4MzksInB1ciI6ImJsb2JfaWQifX0=--74f357511d26526c2ae847290282444a90d53ca7/PAINTBALLING%20IN%20BUCKINGHAMSHIRE%20%C2%A35%20-%20FOR%205%20PEOPLR%20%C2%A310%20-%20FOR%2010%20PEOPLE%20%C2%A315%20-_20260112_233933_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzI4MzksInB1ciI6ImJsb2JfaWQifX0=--74f357511d26526c2ae847290282444a90d53ca7/PAINTBALLING%20IN%20BUCKINGHAMSHIRE%20%C2%A35%20-%20FOR%205%20PEOPLR%20%C2%A310%20-%20FOR%2010%20PEOPLE%20%C2%A315%20-_20260112_233933_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>Skirmish Paintball has a blast of a deal from £5 for 5 people with 100 paintballs included in the price! This is for new customers only. Perfect for stag/hen do's, birthdays, date idea or just something fun for you to look forward to....<br><br>▪️AGE: </strong>Must be 16 or older.<br>Under 18s must be accompanied by an adult.<br><br>🤑 <strong>WHAT ARE THE DEAL OPTIONS?</strong></div><div>▪️£5 for up to five people (93% off)</div><ul><li>▪️£10 for up to ten people (93% off)</li><li>▪️£20 for up to 20 people (93% off)</li><li>(100 paint balls included for each person playing)</li></ul><div><br>🔫 <strong>WHAT IS THE AVERAGE USE?</strong></div><div>With average usage per person for a full day being between 500-800 paintballs, those needing more ammo can purchase packs of 100 balls for a £7 supplement. (Price may vary per location, please enquire at booking).<br><br>ℹ️ <strong>WHAT TO EXPECT</strong><br>This is a full day ranging from around 9am - 3pm.<br>You will need to purchase around 300 balls for each person for the first half of the game. After break around 12pm you will be given your free 100 balls. Once you have finished with those you can either leave early or purchase more balls to stay untill the end. <br><br>🗓 <strong>WHEN IS MY VOUCHER VALID &amp; OTHER INFO</strong></div><div>▪️Expires 120 days after purchase.<br>▪️<strong>Restrictions:</strong> Sat-Sun 9.15am-4pm.<br>▪️Deposit of £10pp is required, deposit is fully refundable.<br>▪️72-hour cancellation policy.<br><br>HOW TO BOOK<br>Once you have bought your voucher you will need to phone below on the number to book a weekend slot (you have 120 days to do this, so no rush). You will need to pay a £10 deposit for each person which you will receive back.<br><br>📍 <strong>BUCKINGHAMSHIRE LOCATION <br></strong>Skirmish Paintball Games<strong><br></strong>West Wood<br>Finmere<br>Buckingham<br>MK18 4JT<br><br>🤑 <strong>GET THIS GROUPON DEAL</strong><br><a href="https://tidd.ly/4pxAFMB">Check out this amazing deal out here.</a><br>(All the terms &amp; conditions can be seen in the link)<br><br>🌐 <strong>WEBSITE LINK</strong><br>(Other locations include; Leeds/York, Redditch, Wolverhampton)<br><a href="https://paintballuk.com/book-now/">https://paintballuk.com/book-now/</a><strong><br><br>ℹ️ CONTACT NUMBER/ENQUIRIES/BOOKING</strong></div><h1><strong>☎️ Phone: </strong><a href="tel:08000%20354%20490">08000 354 490</a></h1><h1><strong>☎️ Direct: </strong><a href="tel:01543570062">01543 570062</a></h1>
              </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="193">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            £5.00
        </p>
        <p class="text-red-500 font-semibold">
          Save 93%
        </p>
    </div>
      <a href="https://tidd.ly/4pxAFMB" 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="💥 £5 PAINTBALLING FOR UP TO 5 PEOPLE! - BUCKINGHAMSHIRE "
                              data-share-text-value="💥 Skirmish Paintball has a blast of a deal from £5 for 5 people with 100 paintballs included in t..."
                              data-share-url-value="https://whatsupbeds.com/deals/193"
                              data-share-increment-url-value="/deals/193/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=f9d78b843b9c73f4">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>