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

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

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

        Share This Deal
      </button>
    </div>
  </div>
    <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">Related Events</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19965">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Thursday 02 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19909">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5NDksInB1ciI6ImJsb2JfaWQifX0=--2d93a8c22d003c95b4a9b3446d095969cac1d950/Screenshot_20260612_120447_Facebook.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍹Crazy Golf, Bottomless Drinks, Bottomless Fries - Mulligans, Milton Keynes</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 03 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19967">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Friday 03 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19966">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Saturday 04 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19968">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDcwODksInB1ciI6ImJsb2JfaWQifX0=--c25b52cab661b8e37810959e8ca05a46fc984139/Screenshot_20260524_135404_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">⛳️ 🍳 Breakfast and Adventure Golf - Bermuda Falls, Henlow (use discount code WUB10)</h3>
        <p class="text-xs text-gray-600 mb-1">Sunday 05 July 2026</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

</div>

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

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

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

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

</div>

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

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

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

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

</div>

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

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🍳 <strong>Enjoy a children’s breakfast with any adult traditional or full breakfast or a child’s hot meal or pick n mix lunch box with any adult main course for just £1.</strong><br><br>🗓 <strong>WHEN?</strong></div><div>This offer is available everyday in Dobbies restaurant and also includes a free child’s drink.<br><br>🕒 <strong>HOT MEALS TIMES</strong></div><ul><li>Hot meals served from 9am until 3pm.</li></ul><div><br>🍲 <strong>SUNDAY ROAST IS £1 EXTRA</strong><br>Not valid in conjunction with any other offer. £1 supplement applies to kids Sunday roast.<br><br>🤸‍♂️<strong>SOFT PLAY</strong><br>Dobbie Garden centers also have soft play available to book. Walk-in is allowed subject to availability.<br>▪️<strong>Bletchley for ages : 0 - 2 years &amp; 3 - 8 years: £4.00</strong><br>🎟 <a href="https://events.dobbies.com/event-detail/?e=4416&amp;r=v&amp;v=25">Book here for soft play in Bletchley </a><br>▪️<strong>Royston Soft play for ages 0 - 2: £3.50</strong><br>🎟 <a href="https://events.dobbies.com/event-detail/?e=4348&amp;r=v&amp;v=66&amp;_gl=1*1l631ju*_ga_WJ036CYWLS*czE3NDkzMTI0OTYkbzEkZzEkdDE3NDkzMTI3NDQkajM5JGwwJGgxMDc0MzU4MTYx%20">Book here for soft play in Royston </a><br><br>📍<strong>WHERE IS THE CLOSEST TO BEDFORDSHIRE?</strong><br>▪️<a href="https://www.dobbies.com/milton-keynes"><strong>Bletchley</strong></a><strong>: </strong>Belvedere Ln, Watling St, Bletchley, Milton Keynes MK17 9JH<br>▪️ <a href="https://www.dobbies.com/royston"><strong>Royston</strong></a><strong>:</strong> Dunsbridge Turnpike, Shepreth, Hertfordshire SG8 6RB<br><br></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="167">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            £1.00
        </p>
    </div>
      <a href="https://www.dobbies.com/restaurants/offers" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🧒 Kids eat for £1* at Dobbies Garden Centre!"
                              data-share-text-value="🍳 Enjoy a children’s breakfast with any adult traditional or full breakfast or a child’s hot meal..."
                              data-share-url-value="https://whatsupbeds.com/deals/167"
                              data-share-increment-url-value="/deals/167/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

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

</div>

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

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

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

</div>

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

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

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

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

</div>

    </div>
    <div>
      <div id="deal_101" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="101">
  <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/101">🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME .....</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="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... - $0.00   " title="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDQsInB1ciI6ImJsb2JfaWQifX0=--e82dfd0637404ec0b1eaed3b3a991baf9bca5e19/Screenshot_20250130_224524_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDQsInB1ciI6ImJsb2JfaWQifX0=--e82dfd0637404ec0b1eaed3b3a991baf9bca5e19/Screenshot_20250130_224524_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="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... - $0.00   " title="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDUsInB1ciI6ImJsb2JfaWQifX0=--bf4dd579860925f1699e42912fc10782db9e3904/Screenshot_20250130_225048_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDUsInB1ciI6ImJsb2JfaWQifX0=--bf4dd579860925f1699e42912fc10782db9e3904/Screenshot_20250130_225048_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="2">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... - $0.00   " title="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDYsInB1ciI6ImJsb2JfaWQifX0=--70244efd48a1066f33c6fb32fef3dc8d616cbd46/Screenshot_20250130_225120_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDYsInB1ciI6ImJsb2JfaWQifX0=--70244efd48a1066f33c6fb32fef3dc8d616cbd46/Screenshot_20250130_225120_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="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... - $0.00   " title="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDcsInB1ciI6ImJsb2JfaWQifX0=--184e00065cc8c0e58ed26e3a5f6b51959d0deffd/Screenshot_20250130_225322_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDcsInB1ciI6ImJsb2JfaWQifX0=--184e00065cc8c0e58ed26e3a5f6b51959d0deffd/Screenshot_20250130_225322_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="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... - $0.00   " title="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDgsInB1ciI6ImJsb2JfaWQifX0=--09c7c226bf48a051ed796c7ab83f2c9f43532368/Screenshot_20250130_225107_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDgsInB1ciI6ImJsb2JfaWQifX0=--09c7c226bf48a051ed796c7ab83f2c9f43532368/Screenshot_20250130_225107_Chrome.jpg" />
        </div>
        <div data-carousel-target="item" class="hidden duration-700 ease-in-out " data-index="5">
          <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... - $0.00   " title="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDksInB1ciI6ImJsb2JfaWQifX0=--d99fea50aa15bb9eb88f466f34ede7fc175975fb/Screenshot_20250130_225235_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MDksInB1ciI6ImJsb2JfaWQifX0=--d99fea50aa15bb9eb88f466f34ede7fc175975fb/Screenshot_20250130_225235_Chrome.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="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... - $0.00   " title="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MTAsInB1ciI6ImJsb2JfaWQifX0=--33817091bc7c6bc5fbc6ad1f646fce62e8bcbd81/Screenshot_20250130_225348_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MTAsInB1ciI6ImJsb2JfaWQifX0=--33817091bc7c6bc5fbc6ad1f646fce62e8bcbd81/Screenshot_20250130_225348_Chrome.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="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... - $0.00   " title="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MTEsInB1ciI6ImJsb2JfaWQifX0=--59f615acf578320bf317edd78e2fd4d19cc5f025/Screenshot_20250130_225411_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MTEsInB1ciI6ImJsb2JfaWQifX0=--59f615acf578320bf317edd78e2fd4d19cc5f025/Screenshot_20250130_225411_Chrome.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="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... - $0.00   " title="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ..... | Categories: Attractions  " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MTIsInB1ciI6ImJsb2JfaWQifX0=--5e324d04dd1bb1de388f99f6920cc56a10bfab6e/Screenshot_20250130_225524_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY4MTIsInB1ciI6ImJsb2JfaWQifX0=--5e324d04dd1bb1de388f99f6920cc56a10bfab6e/Screenshot_20250130_225524_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>A free museum in London 'Museum of the Home' is great for everyone, wheelchair friendly and no booking is required, only on special event days.<br><br>OPENING TIMES</strong><br>▪️Closed on Mondays<br>▪️Open Tuesday to Sunday &amp; Bank Holidays<br>▪️10am-5pm (Last entry 4pm)<br><br>🧒 <strong>FREE KIDS UNDER 5 ACTIVITY BAG</strong><br>Children under 5 or children with educational and developmenal needs can collect a FREE Explorer&nbsp; bag of activities at the Welcome Desk when you arrive.<br><br>😍 <strong>HIGHLIGHTS OF THE MUSEUM</strong><br>Highlights of the museum now include the Home Galleries. Head down to the lower ground floor to see exhibitions exploring the meaning of ‘home’. Here, you’ll find treasured ornaments, furniture and photos of unusual places to call home.<br>🏡<strong>The Time Galleries - </strong><br>Don’t miss also delving into the Rooms through Time galleries. Also recently refreshed, the displays are based on real London homes and show how interior decoration and living spaces have kept up with changing fashions and demands. Move from a 1630s hall to a 1990s loft conversion.<br>🌷<strong>The Gardens</strong><br>And head outside to explore the Gardens Through Time. These seasonal displays show how our gardens have evolved as much as the insides of our homes. Discover the Tudor Knot Garden, wander the Herb Garden and enjoy the classic Cottage Garden.<br><br>🥪 <strong>ENJOY THE LUNCHROOM-YOU CAN BRING YOUR OWN FOOD &amp; DRINK!</strong><br>Enjoy our lunchroom, bring a lunch with you to enjoy in our lunchroom. Though food and drink can't be consumed in the galleries, you are always welcome to have a picnic lunch with us.<br><br>🥛 <strong>FREE WATER</strong><br>Drinking water is available from a tap in the <a href="https://www.museumofthehome.org.uk/visit-us/">Lunchroom</a>, which is open to all.<br><br>☕️ <strong>ON FRIDAYS - Free Tea Fridays:<br>1.30pm-3.30pm</strong><br>Join Free Tea Fridays at the Museum of the Home and get the chance to meet your neighbours, taste our Home Blends and try your hand at our creative activities every Friday for FREE!<br><br>👀 <strong>EVENT DAYS</strong><br><a target="_blank" rel="nofollow" href="https://www.museumofthehome.org.uk/whats-on/events/">https://www.museumofthehome.org.uk/whats-on/events/</a><br><br>♿️ <strong>BORROW A WHEELCHAIR</strong><br>Manual wheelchairs are available to borrow for use in our galleries and gardens. We do not operate a wheelchair booking system. If you would like to borrow a wheelchair, please ask at the information desk in the reception space when you arrive. We have two manual transit wheelchairs and two manual self-propelled wheelchairs. All our wheelchairs are suitable for users up to 115kg, have a 45cm wide seat, footrests, solid tyres and parking brakes. <br><br>🚉 <strong>CLOSEST TUBE TRAIN: HOXTON<br></strong>(2 minutes walk)<strong><br><br>🗺 PLAN YOUR ROUTE<br><a target="_blank" rel="nofollow" href="https://moovitapp.com/index/en-gb/public_transportation-Museum_Of_the_Home_WB-London_and_South_East-stop_6366312-2122">https://moovitapp.com/index/en-gb/public_transportation-Museum_Of_the_Home_WB-London_and_South_East-stop_6366312-2122</a></strong><br><br>📍 <strong>ADDRESS</strong><br>Museum of the Home</div><ul><li>136 Kingsland Road</li><li>London&nbsp;</li><li>E2 8EA</li></ul><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="101">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            FREE
        </p>
    </div>
      <a href="https://www.museumofthehome.org.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="🇬🇧 A FREE MUSEUM IN LONDON, NO BOOKING REQUIRED - AT THE MUSEUM OF THE HOME ....."
                              data-share-text-value="🤩 A free museum in London &#39;Museum of the Home&#39; is great for everyone, wheelchair friendly and no ..."
                              data-share-url-value="https://whatsupbeds.com/deals/101"
                              data-share-increment-url-value="/deals/101/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

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

</div>

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

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

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

        Share This Deal
      </button>
    </div>
  </div>
    <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">Related Events</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19877">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 06 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19878">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 07 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19879">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 08 July 2026</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

</div>

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

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>🎅Get your FREE first PERSONALISED&nbsp; MESSAGE from Santa for a child you love using the link below. <br><br>ℹ️ <strong>ABOUT</strong><br>You can sign up for more videos etc if you want which is at a cost but the first trail video is FREE. <br><br>📩 <strong>HOW DO I GET MY ONE FREE MESSAGE FROM SANTA?<br></strong>Click on the 'Get this deal' button and it will direct you to the website where you then download the app. From there on just follow the instructions to get your free video.<strong> </strong><br><br></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="57">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            FREE
        </p>
    </div>
      <a href="https://www.portablenorthpole.com/en/santa-video" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🎅 FREE PESONALISED MESSAGE FROM SANTA"
                              data-share-text-value="🎅Get your FREE first PERSONALISED&amp;nbsp; MESSAGE from Santa for a child you love using the link be..."
                              data-share-url-value="https://whatsupbeds.com/deals/57"
                              data-share-increment-url-value="/deals/57/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

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

</div>

    </div>
    <div>
      <div id="deal_84" class="bg-white shadow-lg rounded-lg relative m-4 max-w-2xl mx-auto " data-controller="deal-click-counter" data-deal-id="84">
  <div class="p-3">
    <!-- Deal Categories as Tag Buttons -->
    <div class="flex flex-wrap gap-2 mt-0 mb-2">
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=3">Food &amp; Drink</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=8">Online</a>
        <a class="bg-custom-light-yellow py-1 px-3 rounded-full text-sm hover:bg-yellow-200 transition duration-300" href="/deals?category_id=7">Stores</a>
    </div>
    <h2 class="text-lg font-bold text-gray-800 mb-2">
      <a class="text-gray-800 hover:text-blue-600 transition duration-300" href="/deals/84">🤑 Too Good Too Go app! Save food waste and save money at the same time!</a>
    </h2>
        <div class="mt-8 -mx-3 sm:mx-0">
    <div class="relative">
        <video class="w-full aspect-video rounded-none sm:rounded-lg object-cover" data-controller="video-player" data-video-player-target="video" controls="controls" preload="metadata" muted="muted" playsinline="playsinline" webkit-playsinline="true">
    <source src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTU1MjgsInB1ciI6ImJsb2JfaWQifX0=--01fdef8de0b79beb83602dd632814518cc6bcfeb/83079ddba7a4ad36a3a760db04ca5c41.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>
    </div>
  </div>

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>❓<strong>WHAT IS TOO GOOD TO GO?</strong><br>Too Good To Go is a mobile phone app which allows you to 'rescue' food from local shops, restaurants and cafes to prevent it from going to waste. Once you've downloaded the app, you can search by location and distance to see what foodie goodies are being offered at bargain prices near you. You can download the app by pressing the 'Get This Deal' button.<br><br>❓️<strong>WHAT HAS WHATSUP BEDFORDSHIRE ALREADY RECEIVED FROM THE APP?</strong><br>💥 Lemon Plaice, Shefford - Cod, large chips, 3 sauages for £3.00<br><br>💥 Greggs Toddington Services - 3 Sandwiches, 2 filled baguettes, 4 pasties/bakes, large pack of donughts - £2.95<br><br>💥 The Three Trees in Bletchley - Roast dinner - £3.49</div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="84">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-red-500 font-semibold">
          Save 25% - 50%
        </p>
    </div>
      <a href="https://www.toogoodtogo.com/" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="🤑 Too Good Too Go app! Save food waste and save money at the same time!"
                              data-share-text-value="❓WHAT IS TOO GOOD TO GO?Too Good To Go is a mobile phone app which allows you to &#39;rescue&#39; food fr..."
                              data-share-url-value="https://whatsupbeds.com/deals/84"
                              data-share-increment-url-value="/deals/84/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

        Share This Deal
      </button>
    </div>
  </div>
    <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">Related Events</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19877">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Monday 06 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19878">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Tuesday 07 July 2026</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/events/19879">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjEyODAsInB1ciI6ImJsb2JfaWQifX0=--4d52f36b9c70f3077ef6e87323915f028dc7e1f3/FB_IMG_1745854723702.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
          Event
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">💥 Buy one get one free at Hong Buffet in Luton! July 2026 </h3>
        <p class="text-xs text-gray-600 mb-1">Wednesday 08 July 2026</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

</div>

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

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

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

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

</div>

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

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

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

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

</div>

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

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

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

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

</div>

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

    <div class="text-gray-600 text-sm mb-4">
          <div data-controller="seemore">
              <div class="line-clamp-4 deal-description" data-seemore-target="text" data-line-clamp-class="line-clamp-4">
                <div>💥 <strong>£1 tickets are available at The Roald Dahl Museum in Aylesbury for anyone currently receiving:</strong><br>✨️<strong> </strong>Universal Credit, <br>⭐️ Pension Credit, <br>⭐️ Working Tax Credit, <br>⭐️ Child Tax Credit <br>⭐️ Employment and Support Allowance. <br><br>📚 <strong>WHAT ELSE CAN I DO?</strong><br>Included in your visit are a range of free activities such as interactive storytelling and crafts – these are available for all ticket holders to attend. Some days, we also run extra workshops at an additional cost – these are usually charged per maker. If you would like to attend one of these workshops, please ensure that you add this on to your booking.<br><br>❗️<strong>TERMS</strong> <br><strong>The Museum offers these tickets for up to six people per household (under 5s go free but must book and be accompanied by an adult with a booked ticket).</strong><br>▪️Please note, you <strong>must book</strong> £1 tickets in advance either online or over the phone, as only full price tickets are available to buy at the gate. <br>▪️There are only a certain number of £1 tickets per day, so if they are unavailable for the day you select please select another date.<br>▪️Our £1 Universal Credit Tickets are day tickets and are valid for one day only, they cannot be used as annual passes.<br><br>✅️ <strong>WHAT WILL I NEED TO BRING?</strong><br>You will need to bring proof of eligibility with you to the Museum. We require one of the following (per household) as proof of eligibility:<br>Logging into your <strong>Universal Credit portal </strong>OR a <strong>proof of benefit letter</strong><br>To be eligible you must have received a Universal Credit payment within the last month and you may also be asked to show <strong>photographic ID</strong>.<br>For more information on how to get a proof of benefit letter, please <a href="https://secure.dwp.gov.uk/get-a-proof-of-benefit-letter/">click here:<br><strong>How to get a proof of benefit letter</strong></a><strong>.</strong><br><br></div><div>🎟 <strong>BUY TICKETS</strong><br>Museum admission and workshop tickets can be purchased online via the 'Get This Deal' button or by calling:<br>☎️ <a href="tel:01494%20892192"><strong>01494 892192</strong></a>.<br><br></div>
              </div>
            <button class="btn btn-link float-right min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="deal" data-model-id="96">See more</button>
          </div>
    </div>
    <div class="space-y-2 mb-4">
        <p class="text-2xl font-bold text-green-600">
            £1.00
        </p>
        <p class="text-red-500 font-semibold">
          Save 90%
        </p>
    </div>
      <a href="https://www.roalddahlmuseum.org/plan-your-visit/1-universal-credit-tickets/" class="block w-full bg-blue-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition duration-300 mb-1 flex items-center justify-center" data-deal-click-counter-target="link" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z" clip-rule="evenodd"></path>
</svg>

        Get This Deal
      </a>
    <div class="deal-details" data-controller="share"
                              data-share-title-value="💥📚 £1 TICKETS FOR ANYONE RECEIVING CERTAIN BENEFITS TO THE ROALD DAHL MUSEUM IN AYLESBURY "
                              data-share-text-value="💥 £1 tickets are available at The Roald Dahl Museum in Aylesbury for anyone currently receiving:✨..."
                              data-share-url-value="https://whatsupbeds.com/deals/96"
                              data-share-increment-url-value="/deals/96/increment_share_count">
      <!-- Share Button -->
      <button data-action="click->share#share" class="block w-full bg-red-600 text-white text-center font-bold py-2 px-4 rounded-lg hover:bg-red-700 transition duration-300 mb-4 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

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

</div>

    </div>
</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=8bee4697ee100bcd">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>