<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: Online, Getaways  | 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_213" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="213">
  <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=6">Health &amp; Beauty</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/213">😌 Spa Day with Treatments from only £32.99 - A saving of up to 67%!</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="😌 Spa Day with Treatments from only £32.99 - A saving of up to 67%! -  (67% off) Valid from August 07, 2026 until September 30, 2026" title="😌 Spa Day with Treatments from only £32.99 - A saving of up to 67%! | Categories: Health &amp; Beauty, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk1MTgsInB1ciI6ImJsb2JfaWQifX0=--1e47648e12cf1028811095238eb3c5784ab8fb84/file_000000002b448243b6559e6c450ec539.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk1MTgsInB1ciI6ImJsb2JfaWQifX0=--1e47648e12cf1028811095238eb3c5784ab8fb84/file_000000002b448243b6559e6c450ec539.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 found a great deal for a spa day from only £32.99, a saving of up to 67% off the usual price. Relax and recharge - treat yourself or why not treat someone who deserves it? <br><br>🫶 OUR EXPERIENCE <br></strong>We enjoyed a day at the Milton Keynes Spa - we had a massage and relaxed in the pool, jacuzzi and treated ourselves to a spot of lunch in our gowns -&nbsp; quality time spent with a friend. I recommend this!<br><strong><br></strong>🤑 <strong>WHAT'S THE DEAL?<br>1️⃣ </strong>Bannatyne Spa Day: Choice Of 30-Minute Treatment, Unlimited Spa Access, Eye Mask &amp; Bath Salts – 35 UK-Wide Locations:&nbsp;</div><h1><a href="https://tidd.ly/4gWskjo"><strong>£32.99 Click here</strong></a></h1><div><br>2️⃣ Bannatyne Spa Day: 3 Treatments, Bottle of Bubbly, Unlimited Spa Access &amp; 2 Spa Gifts - 44 UK-Wide Locations: <br><a href="https://tidd.ly/3Sve49e"><strong>£41.00 Click here</strong></a></div><div><br></div><h1>3️⃣ Bannatyne Spa Day for 2: Treatments, Lunch, Prosecco &amp; Full Spa Access – 38 Locations Nationwide:&nbsp;</h1><h1><a href="https://tidd.ly/4cwS5Wb"><strong>£89.00 Click here</strong></a></h1><div><br><strong>For more deals - check the Get This Deal Link below there are some also on </strong><a href="https://tidd.ly/3RQAO35"><strong>Groupon</strong></a><strong>.<br></strong><br></div><div><strong>📍Standard Locations:</strong><br>Edinburgh Queen St, Falkirk, Hastings, Humberston, Ingleby, Inverness, Leicester, <strong>Luton</strong>, Mansfield, <strong>Milton Keynes</strong>, Newcraighall, Norwich, Orpington, Perth, Peterborough, Shrewsbury, Solihull, Sutton Coldfield, Tamworth, Wakefield, York.&nbsp;</div><ul><li><br></li><li>📍<strong>Premium</strong> <strong>Locations:</strong> Bury St Edmunds, <strong>Fairfield (Stotfold), </strong>Wildmoor, Kingsford Park, Weybridge.</li></ul><div><br>ℹ️ <strong>PLEASE NOTE</strong></div><ul><li>Classic vouchers <strong>CANNOT</strong> be used at Signature/premium locations. For all the terms &amp; conditions please refer via the the website.</li></ul><div><br></div><ul><li>❗️<strong>Before You Buy: Please double-check your selected location type. The voucher is valid ONLY for that selection and cannot be modified later.</strong></li></ul>
              </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="213">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 67%
        </p>
    </div>
      <a href="https://tidd.ly/3RQAO35" 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="😌 Spa Day with Treatments from only £32.99 - A saving of up to 67%!"
                              data-share-text-value="😌 We found a great deal for a spa day from only £32.99, a saving of up to 67% off the usual price..."
                              data-share-url-value="https://whatsupbeds.com/deals/213"
                              data-share-increment-url-value="/deals/213/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

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

</div>

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

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

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

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

</div>

    </div>
    <div>
      <div id="deal_212" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="212">
  <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/212">🔥 £22 for 2 Skillets &amp; 2 Small Plates at Sizzling Pubs</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="🔥 £22 for 2 Skillets &amp; 2 Small Plates at Sizzling Pubs -  (32% off) Valid from August 04, 2026 until September 15, 2026" title="🔥 £22 for 2 Skillets &amp; 2 Small Plates at Sizzling Pubs | 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/eyJfcmFpbHMiOnsiZGF0YSI6NDk0MzcsInB1ciI6ImJsb2JfaWQifX0=--445f38d767254eaaea28511bc1decc1783113f00/IMG-20260804-WA0034.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk0MzcsInB1ciI6ImJsb2JfaWQifX0=--445f38d767254eaaea28511bc1decc1783113f00/IMG-20260804-WA0034.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>Each guest enjoys one sizzling skillet and one delicious small plate, chosen from a comprehensive menu at the a Sizzling Pub.<br>This is a great </strong><a href="https://tidd.ly/4haCxdP"><strong>deal</strong></a><strong>!<br><br></strong>🗓 <strong>VAILD<br>▪️Expires:</strong> Sep 14, 2026<br>Valid at all 226 UK locations after 12pm, Monday to Sunday. Saturday visits are welcome.<br><br>🍽 <strong>WHAT'S INCLUDED</strong></div><div>▪️1 sizzling skillets per person</div><div>▪️1 small plates one per person</div><div><br>🤑 <strong>COST</strong></div><ul><li>▪️For two people: £22.99</li><li>▪️For four people: £44.99</li><li><br></li></ul><div>1️⃣ <strong>Choose starters from:</strong></div><ul><li>Salt &amp; chilli chicken fries</li><li>Nachos for One (V)</li><li>Halloumi fries (V)</li><li>Beer-Battered Mushrooms* (V) — <em>*This dish contains alcohol</em></li><li>Pork tacos</li><li><br></li><li>2️⃣ <strong>Choose skillets from:</strong><ul><li>8oz Rump Steak</li><li>Crispy Sweet Chilli Chicken</li><li>Sweet Chilli Halloumi (V)</li><li>Sizzling Moroccan Chicken</li><li>Tandoori Chicken</li><li>Sweet Potato &amp; Aubergine Curry (VE) — (served plated)</li></ul></li><li><br></li><li><strong>Please note changes may apply and is subject to availability.</strong></li></ul><div><br><strong>✅️ HOW IT WORKS<br>1.&nbsp; Grab the Deal:</strong> Buy your Groupon first!</div><ul><li><strong>2. No Booking Required:</strong> Show your Groupon voucher to a team member before ordering.</li><li><strong>3. Redeem your Mobile Voucher: </strong>Scan your Groupon upon arrival.</li><li><strong>4. Enjoy the Experience!</strong></li></ul><div><br>🗺 <strong>SIZZING PUBS INCLUDE:<br>📍</strong>Red Lion in Elstow, Bedford<br>📍Wigmore Arms Luton<br>📍Leicester Arms in Luton<br>📍Cock Inn near Leighton Buzzard<br>📍Giffard Park in Milton Keynes<br>📍The World in Hemel Hempstead<br>📍Coopers in Stevenage<br><br>👍 <strong>BOOK AHEAD TO RESERVE A TABLE</strong><br>Booking ahead at <a href="https://www.sizzlingpubs.co.uk/">https://www.sizzlingpubs.co.uk/</a> is recommended to avoid a wait</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="212">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 32%
        </p>
    </div>
      <a href="https://tidd.ly/4haCxdP" 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="🔥 £22 for 2 Skillets &amp; 2 Small Plates at Sizzling Pubs"
                              data-share-text-value="🔥 Each guest enjoys one sizzling skillet and one delicious small plate, chosen from a comprehensi..."
                              data-share-url-value="https://whatsupbeds.com/deals/212"
                              data-share-increment-url-value="/deals/212/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_140" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="140">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=5">Getaways</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/140">😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people!</a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=Sunborn+London%2C+Royal+Victoria+Dock%2C+London+E16+1AA">
          <span class="underline">Sunborn London, Royal Victoria Dock, London E16 1AA</span>
</a>      </div>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people! -    " title="😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people! | Categories: Getaways, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMzQsInB1ciI6ImJsb2JfaWQifX0=--57bdde2273a3d3b4eca98169aa4be6f56e418584/YACHT%20STAY%20IN%20LONDON%20FROM%20%C2%A3119%20FOR%202%20WITH%20BREAKFAST_20250513_192635_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMzQsInB1ciI6ImJsb2JfaWQifX0=--57bdde2273a3d3b4eca98169aa4be6f56e418584/YACHT%20STAY%20IN%20LONDON%20FROM%20%C2%A3119%20FOR%202%20WITH%20BREAKFAST_20250513_192635_0000.png" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="1">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people! -    " title="😍 Luxury Yacht Stay in London with Breakfast included from £119 for 2 people! | Categories: Getaways, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMzYsInB1ciI6ImJsb2JfaWQifX0=--f752cb77e40973961ba97c8afd435d551701e48b/Screenshot_20250513_201034_Google.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIyMzYsInB1ciI6ImJsb2JfaWQifX0=--f752cb77e40973961ba97c8afd435d551701e48b/Screenshot_20250513_201034_Google.jpg" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

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

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

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

</div>

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

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

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

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

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

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

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

</div>

    </div>
    <div>
      <div id="deal_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>
  
<!-- 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/15794">
  <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 - Morrisons</h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 19 September 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_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>
  
<!-- Related Venues Section -->

</div>

    </div>
    <div>
      <div id="deal_199" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="199">
  <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=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/199">🔐 Up To 57% Off Escape Room In 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=Funky+Snake+Escape%2C+46+High+Street%2C+Leighton+Buzzard%2C+Bedfordshire%2C+LU7+1EA">
          <span class="underline">Funky Snake Escape, 46 High Street, Leighton Buzzard, Bedfordshire, LU7 1EA</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="🔐 Up To 57% Off Escape Room In Leighton Buzzard! -  (57% off) Valid from May 27, 2026 until September 30, 2026" title="🔐 Up To 57% Off Escape Room In Leighton Buzzard! | Categories: Attractions, Entertainment, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAwMTksInB1ciI6ImJsb2JfaWQifX0=--91d4f078830d553bbcbb6576ddabb0367d9e6740/file_00000000d5ac81f4be0c8ab3c16d5228.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAwMTksInB1ciI6ImJsb2JfaWQifX0=--91d4f078830d553bbcbb6576ddabb0367d9e6740/file_00000000d5ac81f4be0c8ab3c16d5228.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>Experience "The Vanishing Act" escape game for 4 or 6 people at Funky Snake Escape, Leighton Buzzard, Bedfordshire. <br><br></strong>▪️<strong>AGES: </strong>8+ <br><br>🗓 <strong>2026 DATES &amp; TIME</strong></div><ul><li>▪️Wednesday –Sunday: 10am–10pm</li><li>▪️Expires: 30/09/2026.</li></ul><div><br>👀 <strong>WHAT TO EXPECT</strong> <br>Solve puzzles, crack codes, and race the 60 minute clock for thrilling fun!<br><br>ℹ️ <strong>BOOKING INFO</strong><br>❗️Book at least 24 hours in advance.</div><ul><li>Merchant contact information will be available after purchase on your voucher. Please read all the terms &amp; conditions via the 'Get This Deal' link.</li></ul><div><br>🤑 <a href="https://tidd.ly/4gIeZuY"><strong>GET THIS DEAL</strong>!</a></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="199">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 57%
        </p>
    </div>
      <a href="https://tidd.ly/4gIeZuY" 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="🔐 Up To 57% Off Escape Room In Leighton Buzzard!"
                              data-share-text-value="🔐 Experience &quot;The Vanishing Act&quot; escape game for 4 or 6 people at Funky Snake Escape, Leighton Bu..."
                              data-share-url-value="https://whatsupbeds.com/deals/199"
                              data-share-increment-url-value="/deals/199/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-1/2 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/21572">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NDk5ODUsInB1ciI6ImJsb2JfaWQifX0=--0947486b710eedfc5d60fc195fc36df5bc683947/White%20Lion%20SEPT%20%20FB%20Event.png" />
      </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">🎲 Board Games Evening at The White Lion, Dunstable </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 16 September 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/21573">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NDk5ODUsInB1ciI6ImJsb2JfaWQifX0=--0947486b710eedfc5d60fc195fc36df5bc683947/White%20Lion%20SEPT%20%20FB%20Event.png" />
      </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">🎲 Board Games Evening at The White Lion, Dunstable </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 30 September 2026</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

</div>

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

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

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

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

</div>

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

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

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

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

</div>

    </div>
    <div>
      <div id="deal_220" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="220">
  <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/220">🚂 Up To 40% Off The Shakespeare Express - Warwickshire </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=Stratford-upon-Avon+Station%2C+CV37+6PL">
          <span class="underline">Stratford-upon-avon Station, CV37 6PL</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="🚂 Up To 40% Off The Shakespeare Express - Warwickshire  -  (40% off) Valid from August 30, 2026 " title="🚂 Up To 40% Off The Shakespeare Express - Warwickshire  | Categories: Attractions, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAwNTQsInB1ciI6ImJsb2JfaWQifX0=--b4db2fdce01fe4785ff358081eaff7d691ac3a06/file_0000000023bc81f4a98e7732072e2d81.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAwNTQsInB1ciI6ImJsb2JfaWQifX0=--b4db2fdce01fe4785ff358081eaff7d691ac3a06/file_0000000023bc81f4a98e7732072e2d81.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>Save up to 40% off a Vintage Diesel Train Journey - Shakespeare Express in Stratford-Upon - Avon, Warwickshire on selected dates costing from only £10pp with a great </strong><a href="https://tidd.ly/4qIcaOW"><strong>Groupon</strong></a><strong> offer.<br></strong><br></div><div>🗓 <strong>2026 DATES: 13:40pm:</strong> <br>▪️Sunday 25th October 2026<br>▪️Sunday 8th November 2026<br>▪️(Subject to availability)<br><br>📍<strong>DEPARTURE POINT</strong><br>Stratford-upon-Avon Station (CV37 6PL)<br><br>🎟 <strong>TRAIN TICKET COST </strong><br>▪️<strong>Adult (16+): </strong><del>£26.50</del> <strong>£16</strong><br>▪️<strong>Child (3 - 15): </strong><del>£15.90</del> <strong>£10</strong><br>▪️<strong>Family: </strong><del>£74.20</del> <strong>£48</strong><br>▪️<strong>Under 3:</strong> Free<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="220">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/4qIcaOW" 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="🚂 Up To 40% Off The Shakespeare Express - Warwickshire "
                              data-share-text-value="🚂 Save up to 40% off a Vintage Diesel Train Journey - Shakespeare Express in Stratford-Upon - Avo..."
                              data-share-url-value="https://whatsupbeds.com/deals/220"
                              data-share-increment-url-value="/deals/220/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/19235">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1MTQsInB1ciI6ImJsb2JfaWQifX0=--d81d8f762ffc8c4113c1d9e800a8686b032690e4/Heather.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">🚂 Summerfield Miniature Railway 2026 - Haynes</h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 27 September 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_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_166" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="166">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=2">Entertainment</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/166">💋HEN NIGHT PARTY IDEA BUYS - UNDER £9.00! </a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="💋HEN NIGHT PARTY IDEA BUYS - UNDER £9.00!  -    " title="💋HEN NIGHT PARTY IDEA BUYS - UNDER £9.00!  | Categories: Entertainment, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxMDksInB1ciI6ImJsb2JfaWQifX0=--a4d4f8f7cb1806478e25a9c73f7905352d6f0fcd/HEN_20250604_034625_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQxMDksInB1ciI6ImJsb2JfaWQifX0=--a4d4f8f7cb1806478e25a9c73f7905352d6f0fcd/HEN_20250604_034625_0000.png" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

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

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

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

</div>

    </div>
</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=3ed3f62e955cd9cc">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>