<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_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_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-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/21571">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/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 02 September 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/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-24 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-48 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-24 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_219" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="219">
  <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/219">🐾 Save Up To 51% Off Tickets - Big Bark Towester 2026</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=Towcester+Racecourse%2C+London+Rd%2C+Towcester+NN12+6LB">
          <span class="underline">Towcester Racecourse, London Rd, Towcester NN12 6LB</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 51% Off Tickets - Big Bark Towester 2026 -  (51% off) Valid from August 29, 2026 until September 07, 2026" title="🐾 Save Up To 51% Off Tickets - Big Bark Towester 2026 | Categories: Entertainment, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAwMjEsInB1ciI6ImJsb2JfaWQifX0=--c8c4fe1df581d19b753453ac8ab05a2ce86f3263/file_000000007d5c8210b4278b82badce992.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAwMjEsInB1ciI6ImJsb2JfaWQifX0=--c8c4fe1df581d19b753453ac8ab05a2ce86f3263/file_000000007d5c8210b4278b82badce992.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>The Big Bark – The Ultimate Festival for Dogs &amp; Their Humans is coming to Towcester Racecourse&nbsp; this September 2026.<br><br>🗓 2026 DATES:<br>▪️</strong>Saturday 5th September: 10am - 4pm<br>▪️Sunday 6th September: 10am - 4pm<strong><br><br>ℹ️ ABOUT</strong></div><div>Celebrate everything you love about dogs at <strong>The Big Bark</strong> – a fun-filled festival for dog owners, dog lovers and, most importantly, dogs themselves. Enjoy a fantastic day packed with live entertainment, interactive activities, shopping, expert advice and plenty of opportunities to make unforgettable memories with your four-legged friend.<br><br></div><div>Whether you have a playful puppy, a loyal companion or simply love dogs, there's something for everyone at The Big Bark.<br><br>🎟 <strong>DEAL TICKET COST </strong><br>▪️Adult: <del>£13.79</del> £6.95<br>▪️Child: <del>£4.36</del> £2.95<br>▪️Family: <del>£28.51</del> £13.95<br><br>🤑 <a href="https://tidd.ly/4gGdHAC">GET THIS DEAL</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="219">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 51%
        </p>
    </div>
      <a href="https://tidd.ly/4gGdHAC" 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 51% Off Tickets - Big Bark Towester 2026"
                              data-share-text-value="🐕 The Big Bark – The Ultimate Festival for Dogs &amp;amp; Their Humans is coming to Towcester Racecou..."
                              data-share-url-value="https://whatsupbeds.com/deals/219"
                              data-share-increment-url-value="/deals/219/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/21622">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NTAwNTcsInB1ciI6ImJsb2JfaWQifX0=--daee6e10b0d591d0e33c7f1e0401139bc0e2c1ba/Screenshot_20260830_024656_Samsung%20Browser.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">🐾 The Big Bark 2026 - Towcester Racecourse</h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 05 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/21623">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NTAwNTcsInB1ciI6ImJsb2JfaWQifX0=--daee6e10b0d591d0e33c7f1e0401139bc0e2c1ba/Screenshot_20260830_024656_Samsung%20Browser.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">🐾 The Big Bark 2026 - Towcester Racecourse</h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 06 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_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-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19233">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/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">Wednesday 02 September 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19234">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/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 13 September 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/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-24 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_171" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="171">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=1">Attractions</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=2">Entertainment</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=5">Getaways</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/171">🤑 Butlins Offers from only £44 2025/2026!</a>
    </h2>
      <!-- app/views/deals/_carousel.html.erb -->
  <div id="carousel" data-controller="carousel" data-carousel-autoplay-value="true" class="relative w-full mb-4">
    <div class="relative h-56 overflow-hidden -mx-3 sm:mx-0 rounded-none sm:rounded-lg md:h-96">
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out active" data-index="0">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🤑 Butlins Offers from only £44 2025/2026! -  (40% off) Valid from June 23, 2025 " title="🤑 Butlins Offers from only £44 2025/2026! | Categories: Attractions, Entertainment, Getaways, Online  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQ2NjYsInB1ciI6ImJsb2JfaWQifX0=--12f754c9548c1fdeb8c2fdf678432c80a1837924/BUTLINS%20OFFERS%202025_20250623_110018_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjQ2NjYsInB1ciI6ImJsb2JfaWQifX0=--12f754c9548c1fdeb8c2fdf678432c80a1837924/BUTLINS%20OFFERS%202025_20250623_110018_0000.png" />
        </div>
    </div>
    <!-- Carousel controls -->
    <button type="button" data-carousel-target="prev" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" data-carousel-target="next" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
        <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
    <!-- Lightbox -->
    <div id="lightbox" data-carousel-target="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-action="click->carousel#handleLightboxClick">
      <div class="relative max-w-5xl max-h-full">
        <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
        <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
          </svg>
        </button>
      </div>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🙋‍♀️ <strong>Need a break away with the kids? Do you have young children? Do you home school or just need time to recharge? Butlins has some great offers but you need to be quick!</strong><br><br>💦 <strong>WHAT DOES MY STAY INCLUDE?</strong><br>Your stay includes all the swimming, shows &amp; fairground rides, you really can't go wrong! Making memories for only at a small cost. <br><br>🤑 <strong>FIND ME SOMEWHERE FOR 2025 OR 2026..</strong><br><br>💥<strong>MINEHEAD</strong><br>▪️Monday 23rd June -&nbsp; Friday 27th June 2025 - from <strong>£44</strong>: Click <a href="https://share.google/Ec7yUbnd4qkhV7O1q">here</a><br>▪️Monday 27th April - Friday 1st May 2026 - from <strong>£49</strong>: Click <a href="https://share.google/hUNJtF9OCl4tlgiiX">here</a><br>▪️Monday 11th May - Friday 15th May 2026: from <strong>£55: </strong>Click <a href="https://share.google/TTjDvizvthj4IActK">here</a><br><br>💥<strong>SKEGNESS</strong> <br>▪️Monday 30th June - Friday 4th June - from <strong>£68</strong>:<br>Click <a href="https://share.google/7J8qCgI5Lw31xfRIs">here</a><br>▪️Monday 7th July - Friday 11th July - from <strong>£88:<br></strong>Click <a href="https://share.google/2jd7KLXkpD34NRk6d">here</a><br>▪️Monday 27th April - Friday 1st May 2026 - from <strong>£55</strong>: Click <a href="https://share.google/GoL9Ufh6Y8zxgF0AU">here</a><br><br>💥<strong>BOGNOR REGIS</strong><br>Monday 20th April - Friday 24th April 2026 - from <strong>£59</strong>: Click <a href="https://share.google/rFjpqylGSKn2rKw1Y">here</a><br>Monday 11th May - Friday 15th May 2025 - from <strong>£69</strong>: Click <a href="https://share.google/PR7R4s9K4MT6jMnmB">here</a><br><br>❗️<strong>PLEASE NOTE</strong><br>Prices and availability can change at anytime.</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="171">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 40%
        </p>
    </div>
      <a href="https://share.google/4mWHOfEmhmpHgghLe" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🤑 Butlins Offers from only £44 2025/2026!"
                              data-share-text-value="🙋‍♀️ Need a break away with the kids? Do you have young children? Do you home school or just need..."
                              data-share-url-value="https://whatsupbeds.com/deals/171"
                              data-share-increment-url-value="/deals/171/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

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

</div>

    </div>
    <div>
      <div id="deal_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>📍Classic Locations:</strong><br>Edinburgh Queen St, Falkirk, Hastings, Humberston, Ingleby, Inverness, Leicester, <a href="https://tidd.ly/4hUTwky"><strong>Luton</strong></a>, Mansfield, <a href="https://tidd.ly/3RQAO35"><strong>Milton Keynes</strong></a>, Newcraighall, Norwich, Orpington, Perth, Peterborough, Shrewsbury, Solihull, Sutton Coldfield, Tamworth, Wakefield, York.&nbsp;</div><ul><li><br></li><li>📍<strong>Signature Locations:</strong> Bury St Edmunds, <a href="https://tidd.ly/3U2Mznz"><strong>Fairfield - Stotfold</strong></a><strong>, </strong>Wildmoor, Kingsford Park, Weybridge.</li><li><br></li></ul><div>🤑 <strong>WHAT'S THE DEAL?</strong><br>Use of the health club and spa facilities for either 1 or 2 people. Approximately 20 minutes hands-on treatment time per person, with a choice from: Himalayan Salt Stone Back Massage or Swedish Back, Neck &amp; Shoulders Massage.<br><br>🎟 <strong>PLUS....</strong><br>£10 spa retail voucher (£40 minimum spend applies) to use on the day. Divine Eyes Mask. Available to book week-round dates, subject to availability.<br><br></div><ul><li>ℹ️ <strong>PLEASE NOTE</strong></li><li>Classic vouchers <strong>CANNOT</strong> be used at Signature locations. For all the terms &amp; conditions please refer via the "Get This Deal' link on the Groupon <a href="https://tidd.ly/3RQAO35">website</a>.</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_62" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="62">
  <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>
    </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/62">🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry</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="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry -   Valid from December 10, 2024 " title="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry | Categories: Health &amp; Beauty  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODAsInB1ciI6ImJsb2JfaWQifX0=--01f97fda8b549c882764e3a618222270de431dc6/Screenshot_20241209_234943_Gallery.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODAsInB1ciI6ImJsb2JfaWQifX0=--01f97fda8b549c882764e3a618222270de431dc6/Screenshot_20241209_234943_Gallery.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="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry -   Valid from December 10, 2024 " title="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry | Categories: Health &amp; Beauty  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODEsInB1ciI6ImJsb2JfaWQifX0=--035bb0bd17a6a6b4e1a0f82c79283671ce7b986d/Screenshot_20241209_234643_Samsung%20Internet.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODEsInB1ciI6ImJsb2JfaWQifX0=--035bb0bd17a6a6b4e1a0f82c79283671ce7b986d/Screenshot_20241209_234643_Samsung%20Internet.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="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry -   Valid from December 10, 2024 " title="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry | Categories: Health &amp; Beauty  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODIsInB1ciI6ImJsb2JfaWQifX0=--eec180821c7cebc18b826a89a5d2342f6edb7a44/Screenshot_20241209_234911_Gallery.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODIsInB1ciI6ImJsb2JfaWQifX0=--eec180821c7cebc18b826a89a5d2342f6edb7a44/Screenshot_20241209_234911_Gallery.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="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry -   Valid from December 10, 2024 " title="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry | Categories: Health &amp; Beauty  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODMsInB1ciI6ImJsb2JfaWQifX0=--c8ed987a33f1047dbc0e142f5bc95d1e6ccc9729/Screenshot_20241209_234637_Samsung%20Internet.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODMsInB1ciI6ImJsb2JfaWQifX0=--c8ed987a33f1047dbc0e142f5bc95d1e6ccc9729/Screenshot_20241209_234637_Samsung%20Internet.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="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry -   Valid from December 10, 2024 " title="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry | Categories: Health &amp; Beauty  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODUsInB1ciI6ImJsb2JfaWQifX0=--69dd399aa40a064e7bf6922f407ef8f8739d7506/Screenshot_20241209_235758_Google.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODUsInB1ciI6ImJsb2JfaWQifX0=--69dd399aa40a064e7bf6922f407ef8f8739d7506/Screenshot_20241209_235758_Google.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="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry -   Valid from December 10, 2024 " title="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry | Categories: Health &amp; Beauty  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODYsInB1ciI6ImJsb2JfaWQifX0=--38a3981fe1d61b79222fb2ec8c4e8da1ea49369b/Screenshot_20241209_235816_Google.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODYsInB1ciI6ImJsb2JfaWQifX0=--38a3981fe1d61b79222fb2ec8c4e8da1ea49369b/Screenshot_20241209_235816_Google.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="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry -   Valid from December 10, 2024 " title="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry | Categories: Health &amp; Beauty  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODcsInB1ciI6ImJsb2JfaWQifX0=--8f6592766ad5919c9d23984c92fe020b1f356ebe/Screenshot_20241209_235848_Google.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODcsInB1ciI6ImJsb2JfaWQifX0=--8f6592766ad5919c9d23984c92fe020b1f356ebe/Screenshot_20241209_235848_Google.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="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry -   Valid from December 10, 2024 " title="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry | Categories: Health &amp; Beauty  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODgsInB1ciI6ImJsb2JfaWQifX0=--11d0149e111710337e7cbeb2f9fd46b00fc83989/Screenshot_20241210_000011_Samsung%20Internet.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTMyODgsInB1ciI6ImJsb2JfaWQifX0=--11d0149e111710337e7cbeb2f9fd46b00fc83989/Screenshot_20241210_000011_Samsung%20Internet.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>Dunya Aesthtics in Bedford has some great discounts:</strong><br>⭐️ <strong>LOYALTY SCHEME:</strong> 6 TREATMENTS GET 1 FREE<br>⭐️ <strong>NHS &amp; STUDENTS:</strong> 10% OFF<br>⭐️ <strong>REFER A FRIEND: </strong>20% OFF BOTH</div><div><br><strong>WHAT TO EXPECT</strong><br>Your aesthetics needs met!!! Dunya Aesthetics is a premier clinic dedicated to enhancing natural beauty through advanced aesthetic treatments. Based on a foundation of expertise and personalized care, Dunya Aesthetics offers a wide range of services tailored to meet individual needs. Our highly skilled team, including specialists like Madeena, ensures every client receives the highest standard of care and guidance. <br><br>💉<strong>TREATMENTS</strong> <br>With a focus on treatments such as lip flips, dermal fillers, anti-wrinkle injections, and skin rejuvenation, we combine cutting-edge techniques with a compassionate approach. <br><br>At Dunya Aesthetics, we believe in empowering confidence and helping our clients look and feel their best in a safe, welcoming enenvironment.<br>Discover the art of refined beauty with Dunya Aesthetics!<br><br><strong>ENQUIRES</strong> <strong>&amp; CONTACT DETAILS</strong><br>☎️ <strong>Contact us:</strong> 01234 943555 or <br>📧 <strong>Email: </strong><a target="_blank" rel="nofollow" href="mailto:info@dunyaaesthetics.co.uk">info@dunyaaesthetics.co.uk</a>. <br><br>🗺 <strong>ADDRESS</strong><br>Dunya Aesthetics&nbsp;<br>9 Howard Centre,&nbsp;<br>Horne Lane,&nbsp;<br>Bedford<br>MK40 1UH<br><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="62">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
    </div>
      <a href="https://dunyaaesthetics.co.uk/" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🤩 💉 Dunya Aesthetics in Bedford - Medic with an eye for artistry"
                              data-share-text-value="🤩 Dunya Aesthtics in Bedford has some great discounts:⭐️ LOYALTY SCHEME: 6 TREATMENTS GET 1 FREE⭐..."
                              data-share-url-value="https://whatsupbeds.com/deals/62"
                              data-share-increment-url-value="/deals/62/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_206" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="206">
  <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=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/206">🤸‍♀️ Ninja Warrior only £10 - Bletchley, 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=Ninja+Warrior+Bletcham+Way%2C+Bletchley%2C+Milton+Keynes+MK1+1QB">
          <span class="underline">Ninja Warrior Bletcham Way, Bletchley, Milton Keynes MK1 1QB</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="🤸‍♀️ Ninja Warrior only £10 - Bletchley, Milton Keynes  - $10.00 (38% off) Valid from August 04, 2026 until September 14, 2026" title="🤸‍♀️ Ninja Warrior only £10 - Bletchley, Milton Keynes  | Categories: Attractions, Health &amp; Beauty, Online | Original price: $15.00 " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk0MjQsInB1ciI6ImJsb2JfaWQifX0=--feabe752d2e1fd76217118a77619794a7fc5ad99/FB_IMG_1785855112257.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk0MjQsInB1ciI6ImJsb2JfaWQifX0=--feabe752d2e1fd76217118a77619794a7fc5ad99/FB_IMG_1785855112257.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>We decided to give Ninja Warrior a try in Bletchley, Milton Keynes. It's £15 on their website for an hour session but we found it for £9 for an hour session. Offer on the '</strong><a href="https://tidd.ly/4q4Dfvt"><strong>Get This Deal</strong></a><strong>' below ⬇️<br><br></strong>🤑 <strong>THE DEAL WE FOUND - SAVE 38% </strong><br>▪️Voucher is valid for 1 x 1-hour session only<br>▪️To be booked and attended on or before 14 September 2026<br>▪️The voucher can be used any day<br>▪️Cost: £10&nbsp; <br>▪️Extra discount: Use code -<br>&nbsp;<strong>SUMMER</strong> at check out to take it down to £9.<br>(Limited time code)<br><br>🤸‍♀️ <strong>FOR ACTIVE CHILDREN/TEENS/ADULTS</strong><br>This is great fun for kids aged 4+,&nbsp; teens &amp; adults who want to release energy and love a challenge, believe me we have a very active family and they found it a little tough, but they had sooo much fun! Unfortunately they couldn't complete the course. Definitely recommended! It worked, they actually got tired out 😅<br><br>🧦 <strong>NINJA GRIP SOCKS MUST BE PURCHASED</strong><br>Ninja Grip socks must be purchased separately (£2.95). Ninja Grip socks are required to access the inflatable elements of the Ninja Park. Socks can be purchased at time of booking or at check-in. Clean trainers can be used for the rest of the course.<br><br>🅿️ <strong>PARKING INFO</strong><br>There is 3 hour free parking for customers attending Ninja Warrior,&nbsp; Milton Keynes. Please note that the maximum parking stay is 3 hours, if you over stay you may incur a parking fine.<br><br>&nbsp; 📍<strong>LOCATION</strong> <br>(Next to the big Asda in Bletchley)<br>Ninja Warrior<br>Bletcham Way, Bletchley, Milton Keynes <br>MK1 1QB<br><br>ℹ️ <strong>FOR MORE INFO</strong><br>For more information click on the event link and scroll down untill you find the MK offer.</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="206">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-gray-500 line-through">
          Original: £15.00
        </p>
        <p class="text-2xl font-bold text-green-600">
            £10.00
        </p>
        <p class="text-red-500 font-semibold">
          Save 38%
        </p>
    </div>
      <a href="https://tidd.ly/4q4Dfvt" 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="🤸‍♀️ Ninja Warrior only £10 - Bletchley, Milton Keynes "
                              data-share-text-value="🤸‍♂️ We decided to give Ninja Warrior a try in Bletchley, Milton Keynes. It&#39;s £15 on their websit..."
                              data-share-url-value="https://whatsupbeds.com/deals/206"
                              data-share-increment-url-value="/deals/206/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

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

</div>

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

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🈲️ <strong>Love Chinese? Well Chopstix has a great deal when you sign up to the newsletter and download the Chopstix app you can qualify for a FREE BIRTHDAY BOX to celebrate your special day! You can use this epic deal at any of participating stores in and around Bedfordshire below, more destinations can be found on the 'Get This Deal' button:</strong><br><br>⭐️ Baldock<br>⭐️ Beaconsfield<br>⭐️ Brent Cross<br>⭐️ Cambridge Xtra<br>⭐️ Luton<br>⭐️ Luton Airport<br>⭐️ Peterborough High Street<br>⭐️ Peterborough Xtra<br><br>🤑 <strong>PLUS WHEN YOU SIGN UP...<br></strong>You get five free spring rolls, grab another three for free by entering the referral code:&nbsp; <strong><br>💥54277<br><br></strong>✅️ <strong>HOW DO I SIGN UP?</strong><br>Just click on the 'Get This Deal' button, scroll down to the bottom and select how you want to sign up either on the App Store or Google Play.</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="99">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            FREE
        </p>
        <p class="text-red-500 font-semibold">
          Save 100%
        </p>
    </div>
      <a href="https://chopstixnoodles.co.uk/free-birthday-box-participating-stores/" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🈲️ 🥳 Free Birthday Box at Chopstix Noddle Bar when you sign up!"
                              data-share-text-value="🈲️ Love Chinese? Well Chopstix has a great deal when you sign up to the newsletter and download t..."
                              data-share-url-value="https://whatsupbeds.com/deals/99"
                              data-share-increment-url-value="/deals/99/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

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

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

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

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

</div>

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

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

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

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

</div>

    </div>
    <div>
      <div id="deal_201" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="201">
  <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/201">😋 Save Up To 32% Off Sunday Roasts at The Three Tunns, Ashwell, Hertfordshire </a>
    </h2>
      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm mb-4">
        <span class="inline-block w-4 mr-1 text-red-500">
          <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
        </span>
        <a target="_blank" rel="noopener" class="hover:underline" href="https://www.google.com/maps/search/?api=1&amp;query=The+Three+Tunns%2C+6+High+Street%2C+Ashwell%2C+Baldock%2C+SG7+5NL">
          <span class="underline">The Three Tunns, 6 High Street, Ashwell, Baldock, SG7 5NL</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 32% Off Sunday Roasts at The Three Tunns, Ashwell, Hertfordshire  -  (34% off) Valid from June 10, 2026 " title="😋 Save Up To 32% Off Sunday Roasts at The Three Tunns, Ashwell, Hertfordshire  | 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/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MTUsInB1ciI6ImJsb2JfaWQifX0=--2e93272369b6e12b703421de4dacaf33e0465296/SUNDAY%20ROASR%20OFFER%20THREE%20TUNNS,%20ASHWELL,%20HERTFORDSHIRE_20260609_214234_0000.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MTUsInB1ciI6ImJsb2JfaWQifX0=--2e93272369b6e12b703421de4dacaf33e0465296/SUNDAY%20ROASR%20OFFER%20THREE%20TUNNS,%20ASHWELL,%20HERTFORDSHIRE_20260609_214234_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>Fancy a Sunday roast in the beautiful village of Ashwell, Hertfordshire at a lower cost - we found a </strong><a href="https://tidd.ly/4fUcrez"><strong>deal</strong></a><strong> for you? <br><br></strong>The Three Tunns in Ashwell, Hertfordshire has a small outdoor play area, located steps away from a spring to dip your toes in on a hot day and not to mention the FREE <a href="https://www.ashwellmuseum.org.uk/about/visitor_information_and_contact_details">museum</a> (suggested donation of £2.50 per adult) you can also visit on Sunday's between 2.30pm - 5pm. Enjoy walking and exploring this beautiful English village to finish off your day if you wish. You could make a day of it! <br><br>*Please note the discount code SUMMER below is only on for a limited amount of time.<br><br>💥 <strong>THE OFFER....<br>(USE CODE: SUMMER FOR EXTRA DISCOUNT)<br></strong>▪️<strong>2 People Sunday Roast: £33 </strong><br>(£24 with code: SUMMER)<br>▪️<strong>2 Courses for 2 people: £49 </strong><br>(£35.75 with code: SUMMER)<br>▪️<strong>4 People Sunday Roast : £60 </strong><br>(£45 with code: SUMMER)<br>▪️<strong>2 Courses for 4 people £95 </strong><br>(£71.25 with code: SUMMER)<br><br>🗓 <strong>VALID</strong><br>▪️Sunday's - 12pm - 6pm<br><br>👍 <strong>WHAT NEXT?</strong><br>1️⃣ <a href="https://tidd.ly/4fUcrez">Get This Deal Here</a><br>2️⃣ Phone to book a table (mention this Groupon deal) <a href="tel:01462%20654664">01462 654664</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="201">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 34%
        </p>
    </div>
      <a href="https://tidd.ly/4fUcrez" 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 32% Off Sunday Roasts at The Three Tunns, Ashwell, Hertfordshire "
                              data-share-text-value="😋 Fancy a Sunday roast in the beautiful village of Ashwell, Hertfordshire at a lower cost - we fo..."
                              data-share-url-value="https://whatsupbeds.com/deals/201"
                              data-share-increment-url-value="/deals/201/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>
</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=2b998f7bc765d153">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>