<turbo-stream action="append" target="list-events"><template>
    <div id="map_event_21433"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21433">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=19">Circus</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=45">Comedy</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=52">Rainy Days</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21433">
                  <h1>🎪 John Lawsons Circus August 2026 - Towcester</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3NjIsInB1ciI6ImJsb2JfaWQifX0=--89ad02654f7632af0bb0801c2234414b74354a46/FB_IMG_1787236944558.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=The+Recreation+Ground%2C+Islington+Road%2C+Towcester+NN12+6AU">
                            <span class="underline text-xs sm:text-base">The Recreation Ground, Islington Road, Towcester NN12 6AU</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            14:00
                          </span>
                          <span class="inline-block">
                            - 19:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎪 <strong>John Lawsons Circus is coming to Towcester Recreation Ground this August 2026.</strong><br><strong><br>🗓 2026 DATES<br>▪️</strong>Thursday 27th August: 7pm ONLY<br>▪️Friday 28th August: 3pm &amp; 7pm<br>▪️Saturday 29th August: 2pm &amp; <a href="https://tidd.ly/4xljcf5">5pm</a><br>▪️Sunday 30th August: 2pm &amp; <a href="https://tidd.ly/4xljcf5">5pm</a><br>▪️Monday 31st August: 2pm ONLY<br><br>🤑 <strong>DEALS ON TICKETS</strong><br>▪️Thursday 27th August: £9.76<br>▪️Friday 28th August: £9.76<br>▪️Saturday 29th August, 5pm: <br><a href="https://tidd.ly/4xljcf5">£8 for children &amp; £9 for adults Groupon deal</a><br>▪️ Sunday 30th August, 5pm: <br><a href="https://tidd.ly/4xljcf5">£8 for children &amp; £9 for adults Groupon deal<br></a><br><br>🎟 <strong>USUAL TICKET COST</strong><br>▪️Adults: £16.26<br>▪️Children (2-16): £13.01<br>▪️OAP: £13.01<br>▪️Under 2: Free (must sit on lap)<br><br><strong>🤩 WHAT TO EXPECT</strong><br>Known for its vibrant and thrilling shows, John Lawson's Circus combines traditional circus acts with modern flair, creating an epic experience for all ages. From daring acrobatics to mesmerising clowns, each performance is a testament to the circus's commitment to entertainment!<br>Highlights of John Lawson's Circus:</div><div><br>🤸‍♂️ <strong>Daring Acrobatics:</strong> Watch in awe as acrobats perform breath-taking stunts high above the ground.<br><br>🤡 <strong>Mesmerising Clowns:</strong> Enjoy the antics of clowns who bring laughter and joy to audiences of all ages.<br><br>⚖️ <strong>Graceful Aerialists:</strong> Be captivated by aerialists who perform elegant routines on silks and trapeze.<br><br>🚫 <strong>Animal-Free Acts:</strong> Experience a modern circus that focuses on human talent and creativity, without the use of animals.<br><br>👋 <strong>Interactive Performances:</strong> Engage with performers who often involve the audience in their acts, making each show unique.<br><br>👨‍👩‍👧‍👦 <strong>Family-Friendly Entertainment:</strong> Perfect for all ages, the circus offers a wholesome and exciting experience for families.<br><br>📖 <strong>Historical Legacy:</strong> Celebrate the rich history of John Lawson's Circus, which has been entertaining audiences for over five decades.<br><br>ℹ️ <a href="https://johnlawsonscircus.co.uk/faqs">FAQ'S</a></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21433">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎪 John Lawsons Circus August 2026 - Towcester - Event Image 1 August 29, 2026 02:00 PM" title="🎪 John Lawsons Circus August 2026 - Towcester at The Recreation Ground, Islington Road, Towcester NN12 6AU | Advance Booking, Circus, Comedy, Date Idea, Entertainment, Family, Food/Drink, Fun, Indoor, Music, Nightlife, Rainy Days, Teens, Ticket Event | Suitable for: Accessible, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3NjIsInB1ciI6ImJsb2JfaWQifX0=--89ad02654f7632af0bb0801c2234414b74354a46/FB_IMG_1787236944558.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3NjIsInB1ciI6ImJsb2JfaWQifX0=--89ad02654f7632af0bb0801c2234414b74354a46/FB_IMG_1787236944558.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://johnlawsonscircus.co.uk/tour"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21433/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎪 John Lawsons Circus August 2026 - Towcester"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21433"
                              data-share-increment-url-value="/facebook_events/21433/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21433/download_calendar"
                           data-calendar-download-event-id-value="21433"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
      <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 Deals</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-full flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/deals/218">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-32 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3NjMsInB1ciI6ImJsb2JfaWQifX0=--fe5a89ed5e51523bf3754a69e5094c91a7102bb2/file_0000000004b481f49f1d2ee6dbf6c357.png" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
          Deal
        </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">🎪 Save Up To 45% Off Towcester Circus Tickets</h3>
    </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 id="map_event_21452"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21452">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=12">Baby/Toddlers</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=2">Low Cost</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21452">
                  <h1>🎠 Scarrotts £2 Fun Fair, August 2026 - Northampton Racecourse</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3NzgsInB1ciI6ImJsb2JfaWQifX0=--f4631cf1d378caf4b76e9728edd3a26eefe80196/FB_IMG_1787244854763.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Northampton+Racecourse%2C+Kettering+Rd%2C+Northampton+NN2+7HG">
                            <span class="underline text-xs sm:text-base">Northampton Racecourse, Kettering Rd, Northampton NN2 7HG</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            14:00
                          </span>
                          <span class="inline-block">
                            - 22:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎠 <strong>Scarrott’s £2 funfair is back in Northampton this August!</strong><br><br>🗓 <strong>2026 DATES</strong><br>▪️Monday - Saturday: 2pm - 10pm<br>▪️Sunday: 1pm - 9pm<br>▪️Friday 21st August - Monday 31st August <br>▪️Open everyday.<br><br>ℹ️ <strong>ABOUT</strong><br>All the fun of the fair at Northampton Racecours located at the white elephant corner.<br><br>With loads of rides and attractions at affordable prices fetch the family to the funfair.&nbsp;<br><br>Keep an eye on socials incase of any last minute closures.<br><br>📍The Racecourse white elephant corner NN2 7HG.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21452">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎠 Scarrotts £2 Fun Fair, August 2026 - Northampton Racecourse - Event Image 1 August 29, 2026 02:00 PM" title="🎠 Scarrotts £2 Fun Fair, August 2026 - Northampton Racecourse at Northampton Racecourse, Kettering Rd, Northampton NN2 7HG | Adults, Baby/Toddlers, Family, Food/Drink, Free Entry, Fun, Kids, Low Cost, Music, Nightlife, Outdoor, Pay On Entry, Teens | Suitable for: Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3NzgsInB1ciI6ImJsb2JfaWQifX0=--f4631cf1d378caf4b76e9728edd3a26eefe80196/FB_IMG_1787244854763.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3NzgsInB1ciI6ImJsb2JfaWQifX0=--f4631cf1d378caf4b76e9728edd3a26eefe80196/FB_IMG_1787244854763.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.facebook.com/share/1CUeqErT9L/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21452/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎠 Scarrotts £2 Fun Fair, August 2026 - Northampton Racecourse"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21452"
                              data-share-increment-url-value="/facebook_events/21452/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21452/download_calendar"
                           data-calendar-download-event-id-value="21452"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_21465"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21465">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21465">
                  <h1>🎥 Free Outdoor Cinema, Luton - August 2026</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MDgsInB1ciI6ImJsb2JfaWQifX0=--0b8f76ad5a7d91243403dd440833819feaaa1a13/FB_IMG_1787432269187.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Hat+Gardens%2C+Bute+St%0ALuton%2C%C2%A0Bedfordshire%C2%A0LU1+2EP%C2%A0United+Kingdom">
                            <span class="underline text-xs sm:text-base">Hat Gardens, Bute St Luton, bedfordshire LU1 2EP </span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            14:00
                          </span>
                          <span class="inline-block">
                            - 20:30
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎥 <strong>Free outdoor cinema at the Hat Gardens, Luton in Saturday 29 August 2026. Popcorn and candyfloss for sale.</strong><br><br><strong>FILMS</strong><br>🐐 2pm - GOAT (PG)<br>🧙‍♀️ 4pm - Wicked: For Good (PG)<br>👠 6.30pm - The Devil Wears Prada 2 (12)<br><br>🪑 <strong>FIRST COME FIRST SERVE</strong><br>Beanbags &amp; deckchairs are available on a first come, first served basis.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21465">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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 Outdoor Cinema, Luton - August 2026 - Event Image 1 August 29, 2026 02:00 PM" title="🎥 Free Outdoor Cinema, Luton - August 2026 at Hat Gardens, Bute St
Luton, Bedfordshire LU1 2EP United Kingdom | Adults, Entertainment, Family, Free Entry, Kids, Nightlife, Outdoor, Teens | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MDgsInB1ciI6ImJsb2JfaWQifX0=--0b8f76ad5a7d91243403dd440833819feaaa1a13/FB_IMG_1787432269187.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MDgsInB1ciI6ImJsb2JfaWQifX0=--0b8f76ad5a7d91243403dd440833819feaaa1a13/FB_IMG_1787432269187.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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 Outdoor Cinema, Luton - August 2026 - Event Image 2 August 29, 2026 02:00 PM" title="🎥 Free Outdoor Cinema, Luton - August 2026 at Hat Gardens, Bute St
Luton, Bedfordshire LU1 2EP United Kingdom | Adults, Entertainment, Family, Free Entry, Kids, Nightlife, Outdoor, Teens | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MDksInB1ciI6ImJsb2JfaWQifX0=--02144f4b99c6d1ba1acdff8200a7fc252c6bb9af/FB_IMG_1787432274321.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MDksInB1ciI6ImJsb2JfaWQifX0=--02144f4b99c6d1ba1acdff8200a7fc252c6bb9af/FB_IMG_1787432274321.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 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 group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path 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" class="absolute top-0 end-0 z-10 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 group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path 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 (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://place.stepforwardluton.co.uk/event/outdoor-cinema-2"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21465/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎥 Free Outdoor Cinema, Luton - August 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21465"
                              data-share-increment-url-value="/facebook_events/21465/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21465/download_calendar"
                           data-calendar-download-event-id-value="21465"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_21473"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21473">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=18">Fun Fair</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=29">Parks</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=43">Weather Permitting</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21473">
                  <h1>🎡 Luton Pop Up Fun Park - August/September 2026</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MjgsInB1ciI6ImJsb2JfaWQifX0=--e89a5f27a4dafd8c5289fb0d3a6036ad862b0f1e/FB_IMG_1787485726884.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Wardown+Park%0ANew+Bedford+Road%2C+Luton%2C+LU2+7HA">
                            <span class="underline text-xs sm:text-base">Wardown Park New Bedford Road, Luton, LU2 7HA</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            13:00
                          </span>
                          <span class="inline-block">
                            - 21:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎡 <strong>The fun fair is back&nbsp; at WARDOWN PARK, LUTON this August/September 2026. Free entry! Rides &amp; Attractions suitable for all ages! </strong><br><br>🗓 <strong>2026 DATES</strong><br>🤑 Friday 28 August: 1pm - 9pm<br>✅ Saturday 29th August - 1pm - 9pm <br>✅ Sunday 30th August: 1pm - 9pm<br>✅ Monday 31st August: 1pm - 9pm <br>🤑 Friday 4th September: 1pm - 9pm <br>✅ Saturday 5th September: 1pm - 9pm <br>✅ Sunday 6th September: 1pm - 6pm <br><br>🤑 <strong>DISCOUNT DAYS! </strong><br>Friday 21st, Friday 28th August &amp; Friday 4th September 2026 - All Rides 2 ONLY Tokens! (Excludes Bungees).<br><br>💷 <strong>TOKENS</strong><br>Pay Per Ride with our Token System - Tokens can be purchased onsite - Cash &amp; Card Accepted. <br><br>🪙 <strong>TOKEN COST</strong><br>▪️1 Token: £1.20<br>▪️10 Tokens: £10.00<br><br><strong>RIDE LIST </strong><br>👹 Daredevil&nbsp;<br>🚀 JetFire&nbsp;<br>🔥 InFerno&nbsp;<br>🚗 Dodgems&nbsp;<br>🌪️ Twister&nbsp;<br>🇺🇸 Alcatraz&nbsp;<br>🚂 Runaway Train&nbsp;<br>🛞 Race O Rama&nbsp;<br>🚒 Monster Trucks&nbsp;<br>🏎️ BumperCarz&nbsp;<br>🔴 Bungees&nbsp;<br>🛝 Mega Slide&nbsp;<br>🎰 Games Stalls&nbsp;<br>🐤 Hook A Duck..... &amp; LOADS MORE!&nbsp;<br><br>🚻 Onsite Security &amp; Toilets.&nbsp;</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21473">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎡 Luton Pop Up Fun Park - August/September 2026 - Event Image 1 August 29, 2026 01:00 PM" title="🎡 Luton Pop Up Fun Park - August/September 2026 at Wardown Park
New Bedford Road, Luton, LU2 7HA | Adults, Family, Food/Drink, Free Entry, Fun, Fun Fair, Nightlife, Outdoor, Parks, Pay On Entry, Teens, Weather Permitting | Suitable for: Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MjgsInB1ciI6ImJsb2JfaWQifX0=--e89a5f27a4dafd8c5289fb0d3a6036ad862b0f1e/FB_IMG_1787485726884.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MjgsInB1ciI6ImJsb2JfaWQifX0=--e89a5f27a4dafd8c5289fb0d3a6036ad862b0f1e/FB_IMG_1787485726884.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.facebook.com/share/1e2SzZb8ot/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21473/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎡 Luton Pop Up Fun Park - August/September 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21473"
                              data-share-increment-url-value="/facebook_events/21473/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21473/download_calendar"
                           data-calendar-download-event-id-value="21473"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
      <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 Deals</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-1/2 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/deals/212">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-32 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk0MzcsInB1ciI6ImJsb2JfaWQifX0=--445f38d767254eaaea28511bc1decc1783113f00/IMG-20260804-WA0034.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-green-100 text-green-800">
          Deal
        </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">🔥 £22 for 2 Skillets &amp; 2 Small Plates at Sizzling Pubs</h3>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/deals/218">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-32 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3NjMsInB1ciI6ImJsb2JfaWQifX0=--fe5a89ed5e51523bf3754a69e5094c91a7102bb2/file_0000000004b481f49f1d2ee6dbf6c357.png" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
          Deal
        </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">🎪 Save Up To 45% Off Towcester Circus Tickets</h3>
    </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 id="map_event_21484"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21484">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21484">
                  <h1>🎉 The Free Festival of Inclusion 2026 - Addison Centre, Kempston </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MzQsInB1ciI6ImJsb2JfaWQifX0=--8d840a92b5939f732573bdf111321df8feeb2f1b/original_image_21484.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Addison+Centre%2C+Addison+Howard+Park%2C+Bedford+Rd%2C+Kempston%2C+Bedford%2C+MK42+8PN">
                            <span class="underline text-xs sm:text-base">Addison Centre, Addison Howard Park, Bedford Rd, Kempston, Bedford, MK42 8PN</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            12:00
                          </span>
                          <span class="inline-block">
                            - 21:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎉 <strong>Deaf Jam Project presents a full day of music, culture and community on Saturday 29th August 2026, 12pm - 9pm.</strong><br><br> <strong>🤩 WHAT TO EXPECT<br>✨️</strong>Live DJs<br>✨️World music <br>✨️Spoken word <br>✨️Games &amp; zones <br>✨️Chillout areas <br>✨️Food &amp; bar<br>✨️Kids’ glitter tattoos by Rae’s Sparkle <br>(12–4pm)<br><br>🎶 <strong>ON THE LINE-UP</strong><br>▪️<strong>Alan Chan UK</strong> — Celebrity singer from The Voice UK<br>▪️<strong>MLT BHB</strong> — Bedford’s finest HipHop artist<br>▪️<strong>Blackdots</strong> — Back to the Motherland<br>▪️<strong>DJ Gary G</strong> — Sounds of Garage<br>▪️<strong>The Deaf DJ House Poet</strong><br>▪️<strong>DJ Rise</strong> — International DJ<br>▪️<strong>Filthy Philp </strong>— Drum &amp; Bass legend<br>▪️<strong>Ma Dong Lei Wing Chun</strong> — live demonstration<br>▪️<strong>Plus many more TBC!</strong><br><br>🍕 <strong>SPONSORSHIP</strong> <br>Big thanks to our main sponsor, Alfonzo’s Pizza Boat!** Romeo Montalbetti This free festival wouldn’t be possible without their support — show them some love and check out open deck pizza boat day (the following day on the embankment river across from the mount 30/08/26) <br><br><strong>🎟 TICKET COST: FREE MUST BE BOOKEF</strong><br>This event is for the people, by the people giving back and strengthening our community. Only 200 free family tickets left, so grab yours before they’re gone!<br><br>💛 <strong>GO FUND ME</strong><br>Every donation helps us keep events like this free for local families — <a href="https://gofund.me/db08b8516">donate here</a></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21484">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
            <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
              <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="🎉 The Free Festival of Inclusion 2026 - Addison Centre, Kempston  - August 29, 2026 12:00 PM at Addison Centre, Addison Howard Park, Bedford Rd, Kempston, Bedford, MK42 8PN" title="🎉 The Free Festival of Inclusion 2026 - Addison Centre, Kempston  - Original Event Image | Adults, Advance Booking, Date Idea, Entertainment, Family, Food/Drink, Free Entry, Fun, Music, Nightlife, Play Area, Teens, Ticket Event | Suitable for: Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MzQsInB1ciI6ImJsb2JfaWQifX0=--8d840a92b5939f732573bdf111321df8feeb2f1b/original_image_21484.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4MzQsInB1ciI6ImJsb2JfaWQifX0=--8d840a92b5939f732573bdf111321df8feeb2f1b/original_image_21484.jpg" />
            </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.eventbrite.co.uk/e/deaf-jam-project-bedford-free-mini-festival-1000-free-tickets-tickets-1990624074192?aff=oddtdtcreator&amp;_gl=1u00252A1661ou0u00252A_upu00252AMQ..u00252A_gau00252AMTgwODUwNDk2MS4xNzgwMDQzMjA3u00252A_ga_TQVES5V6SHu00252AczE3ODAwNDMyMDYkbzEkZzAkdDE3ODAwNDMyMDYkajYwJGwwJGgw&amp;keep_tld=true"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21484/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎉 The Free Festival of Inclusion 2026 - Addison Centre, Kempston "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21484"
                              data-share-increment-url-value="/facebook_events/21484/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21484/download_calendar"
                           data-calendar-download-event-id-value="21484"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_21493"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white border-4 border-red-500 mt-8"
     data-event-id="21493">
  <div class="relative group"
>
      <div class="absolute flex justify-center left-0 right-0 -top-6 z-10">
        <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>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=29">Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=18">Fun Fair</a>
    <a class="badge badge-sm bg-amber-800 text-white" href="/search?suitability_ids=13">Dog Friendly</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21493">
                  <h1>🎶 Houghton Rocks 2026</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4ODMsInB1ciI6ImJsb2JfaWQifX0=--9213b8242dbd5d8212933628849eea09c75afdc4/FB_IMG_1787582193169.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Parkside+Recreation+Ground%2C+Parkside+Drive%2C+Houghton+Regis%2C+Bedfordshire+LU5+5RA">
                            <span class="underline text-xs sm:text-base">Parkside Recreation Ground, Parkside Drive, Houghton Regis, Bedfordshire LU5 5RA</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            11:45
                          </span>
                          <span class="inline-block">
                            - 19:45
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎉 <strong>Houghton Rocks is a free annual community music festival and family fun day held at the Parkside Recreation Ground in Houghton Regis, Bedfordshire.</strong><br><br>🤩 <strong>EVENT DETAILS</strong><br>Celebrating its 10th anniversary, the upcoming event takes place on Saturday, 29 August 2026, running roughly from 11:45 am to 7:30 pm<br><br>🎶 <strong>Live Music:</strong> Features local acts and tribute bands.<br><br>🎠 <strong>Entertainment:</strong> Community stalls, fairground attractions, and food options<br><br>📍 <strong>Youth Arena – Parkside Rec</strong><br>🕚 <strong>11am–6pm</strong><br>🎮 Arcade-style games<br>⚡ Mega Buzz Wire skill game<br>🕹️ Ballnado Grabber game<br>🎨 Interactive graffiti wall – outside the marquee!<br><br>🤩 <strong>Youth Talent Showcase:<br>🕑 2pm - 3pm</strong><br>Got a talent you want to share? Whether you sing, dance, perform, play an instrument or have another talent, we want to see it!<br>Sign up on the day between 11am–1pm at the Youth Arena.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21493">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎶 Houghton Rocks 2026 - Event Image 1 August 29, 2026 11:45 AM" title="🎶 Houghton Rocks 2026 at Parkside Recreation Ground, Parkside Drive, Houghton Regis, Bedfordshire LU5 5RA | Adults, Entertainment, Family, Food/Drink, Free Entry, Kids, Music, Nightlife, Outdoor, Parks, Stalls, Teens, Fun Fair | Suitable for: Dog Friendly, Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4ODMsInB1ciI6ImJsb2JfaWQifX0=--9213b8242dbd5d8212933628849eea09c75afdc4/FB_IMG_1787582193169.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4ODMsInB1ciI6ImJsb2JfaWQifX0=--9213b8242dbd5d8212933628849eea09c75afdc4/FB_IMG_1787582193169.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎶 Houghton Rocks 2026 - Event Image 2 August 29, 2026 11:45 AM" title="🎶 Houghton Rocks 2026 at Parkside Recreation Ground, Parkside Drive, Houghton Regis, Bedfordshire LU5 5RA | Adults, Entertainment, Family, Food/Drink, Free Entry, Kids, Music, Nightlife, Outdoor, Parks, Stalls, Teens, Fun Fair | Suitable for: Dog Friendly, Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4ODQsInB1ciI6ImJsb2JfaWQifX0=--cda53432b4b7ef20753b6681f17a4ec571750670/FB_IMG_1787582185188.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk4ODQsInB1ciI6ImJsb2JfaWQifX0=--cda53432b4b7ef20753b6681f17a4ec571750670/FB_IMG_1787582185188.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 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 group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path 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" class="absolute top-0 end-0 z-10 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 group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path 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 (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://houghtonregis-tc.gov.uk/events/events-137?return=https%3A%2F%2Fhoughtonregis-tc.gov.uk%2Fcommunity%2Fevents%3Fdate%3D2026-05-01"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21493/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎶 Houghton Rocks 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21493"
                              data-share-increment-url-value="/facebook_events/21493/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21493/download_calendar"
                           data-calendar-download-event-id-value="21493"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_21501"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21501">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21501">
                  <h1>🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MDQsInB1ciI6ImJsb2JfaWQifX0=--d214e49a7b0b5b72981385c5d1186ff1714a0f13/Screenshot_20260824_224638_Chrome.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Henry+Smith+Playing+Field%2C+2+Brookfields%2C+Potton%2C+Sandy+SG19+2TL">
                            <span class="underline text-xs sm:text-base">Henry Smith Playing Field, 2 Brookfields, Potton, Sandy SG19 2TL</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            12:00
                          </span>
                          <span class="inline-block">
                            - 00:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎉 <strong>The Big Weekend put on by Party On Potton in Potton on Henry Smiths Playing Field. Day is free entry with no tickets required. In the evening tickets are required.</strong><br><br>🗓 <a href="https://www.partyonpotton.org.uk/copy-of-the-big-weekend"><strong>SATURDAY 29TH AUGUST DAY TIME</strong><br></a>▪️<strong>12:00pm: </strong>Interesting vehicle parade<strong><br></strong>▪️<strong>From 1:00pm: </strong>Kids Zone <br>▪️<strong>1.30pm: </strong>Potton Fire Station display<br>▪️<strong>3:00pm: </strong>POP's Dog Show<br>▪️<strong>5:00pm:</strong> Daytime activities close<br>​<br>🤩 <strong>ACTIVITIES FROM 12PM ON SATURDAY<br>✨️ </strong>Dog Agility with Wrayfields Dog Agility<br>✨️ Local Community Group Stalls<br>✨️ Wipeout, Inflatable Axe-throwing, <br>✨️ Wrecking Ball<br>✨️ Miniature Railway<br>✨️ Live music<br>✨️ Licensed Bar, BBQ and other food stalls <br><br>🗓 <a href="https://www.partyonpotton.org.uk/copy-of-the-big-weekend"><strong>SUNDAY 30TH AUGUST DAY TIME</strong></a><br>▪️<strong>10:00am - 12:00pm:</strong> Walking treasure hunt<br>​▪️<strong>10.30am: </strong>Churches Together Service <br>▪️<strong>11am:</strong> <br>Potton History Society Walk with Potton Playhouse. <br>▪️<strong>12pm: </strong>Posh Picnic with Live Music <br>▪️​<strong>From 1pm:</strong> Kids Zone<br>​▪️<strong>1pm to 4.30pm: </strong>Local arts, craft and business stalls<br>​▪️<strong>5pm:</strong> Daytime activities close<br>​<br>🤩 <strong>ACTIVITIES ON SUNDAY FROM 12PM</strong><br>✨️<strong>​</strong>Live music<br>✨️Miniature Railway, <br>✨️Donkey rides <br>✨️Climbing wall <br>✨️Licensed Bar, BBQ &amp; other food stalls<br><br><strong>​</strong>🌔 <strong>EVENING - TICKETS NEEDED</strong><br>▪️<strong>Friday 28th August:</strong> <br>Club Tropicana Disco with Becky Bennett Becky B <br>▪️<strong>Saturday 29th August:</strong> <br>Soundexpress Big Band all the way from Germany. <br>▪️<strong>Sunday 30th August:</strong><br>Comedy night with Hal Cruttenden headlining <br>▪️<strong>Monday 31st August:</strong><br>Quiz night <br><br>✅️ <strong>NO TICKETS FOR DAY TIME - FREE</strong><br>Daytime events are unticketed and free. Just come along and enjoy the fun.&nbsp; <br><br>🎟 <strong>EVENING TICKETS - CHARGES APPLY</strong><br>For our evening events, tickets can be purchased via the <a href="https://www.partyonpotton.org.uk/copy-of-2026-itinerary-tickets">event link</a>.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21501">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field - Event Image 1 August 29, 2026 12:00 PM" title="🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field at Henry Smith Playing Field, 2 Brookfields, Potton, Sandy SG19 2TL | Adults, Advance Booking, Date Idea, Family, Free Entry, Fun, Music, Nightlife, Outdoor, Play Area, Stalls, Ticket Event | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MDQsInB1ciI6ImJsb2JfaWQifX0=--d214e49a7b0b5b72981385c5d1186ff1714a0f13/Screenshot_20260824_224638_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MDQsInB1ciI6ImJsb2JfaWQifX0=--d214e49a7b0b5b72981385c5d1186ff1714a0f13/Screenshot_20260824_224638_Chrome.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field - Event Image 2 August 29, 2026 12:00 PM" title="🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field at Henry Smith Playing Field, 2 Brookfields, Potton, Sandy SG19 2TL | Adults, Advance Booking, Date Idea, Family, Free Entry, Fun, Music, Nightlife, Outdoor, Play Area, Stalls, Ticket Event | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MDUsInB1ciI6ImJsb2JfaWQifX0=--6d3ea813c468c89893419600bc312c24834a54ef/Screenshot_20260824_224552_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MDUsInB1ciI6ImJsb2JfaWQifX0=--6d3ea813c468c89893419600bc312c24834a54ef/Screenshot_20260824_224552_Chrome.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field - Event Image 3 August 29, 2026 12:00 PM" title="🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field at Henry Smith Playing Field, 2 Brookfields, Potton, Sandy SG19 2TL | Adults, Advance Booking, Date Idea, Family, Free Entry, Fun, Music, Nightlife, Outdoor, Play Area, Stalls, Ticket Event | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MDYsInB1ciI6ImJsb2JfaWQifX0=--e8be25ffc81c9afe2604ccc35ba42996b6b6d6e4/Screenshot_20260824_224616_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MDYsInB1ciI6ImJsb2JfaWQifX0=--e8be25ffc81c9afe2604ccc35ba42996b6b6d6e4/Screenshot_20260824_224616_Chrome.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field - Event Image 4 August 29, 2026 12:00 PM" title="🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field at Henry Smith Playing Field, 2 Brookfields, Potton, Sandy SG19 2TL | Adults, Advance Booking, Date Idea, Family, Free Entry, Fun, Music, Nightlife, Outdoor, Play Area, Stalls, Ticket Event | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MDcsInB1ciI6ImJsb2JfaWQifX0=--7197859c96905e732ba3cc045666ebc322ebe432/Screenshot_20260824_224756_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MDcsInB1ciI6ImJsb2JfaWQifX0=--7197859c96905e732ba3cc045666ebc322ebe432/Screenshot_20260824_224756_Chrome.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 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 group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path 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" class="absolute top-0 end-0 z-10 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 group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path 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 (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.partyonpotton.org.uk/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21501/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎉 Party on Potton’s Big Weekend 2026 - Henry Smith Playing Field"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21501"
                              data-share-increment-url-value="/facebook_events/21501/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21501/download_calendar"
                           data-calendar-download-event-id-value="21501"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_21507"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21507">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=59">Pubs / Restaurants</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=8">Baby Changing</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21507">
                  <h1>🎧 SMILE- Family Friendly Drum &amp; Bass BANK HOLIDAY Garden Party - The Golden Lion, Clifton</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MTcsInB1ciI6ImJsb2JfaWQifX0=--a26a9f786a891402c765896aa784ab1960c9fde1/FB_IMG_1787613405185.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=The+Golden+Lion%2C+22+Church+St%2C+Clifton%2C+Shefford+SG17+5ES">
                            <span class="underline text-xs sm:text-base">The Golden Lion, 22 Church St, Clifton, Shefford SG17 5ES</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            13:00
                          </span>
                          <span class="inline-block">
                            - 21:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎧 <strong>SMILE- Family Friendly DRUM &amp; BASS Bank Holiday Garden Party is on Saturday 29th August 2026 at The Golden Lion Pub, Clifton, Bedfordshire.</strong><br><br>🎉 <strong>EVENT DETAILS</strong><br>After a fantastic UK Garage event in July, Family Steppers &amp; Serious Blenz team up again for a Drum &amp; Bass Garden party on Bank Holiday Saturday 29th August @ The Golden Lion, Church Street, Clifton, Beds, rolling from 1-9pm.<br><br>SMILE, covers Soulful, Liquid, Intelligent, Melodic Energy, a perfect summer soundtrack, featuring sounds from artists like Calibre, Marcus Intalex, Dbridge, Spectrasoul, Alix Perez, Lenzman and many more. We may finish the last hour with a Jungle classics selection.<br><br>👨‍👩‍👧‍👦 <strong>FAMILY FRIENDLY </strong><br>As always - Kids are welcome. We encourage these to be family events, and will be bringing our kids along too. Bouncy Castle, Garden Games, BBQ, Nice vibes. FREE ENTRY!!<br><br>🤩 <strong>DJS</strong><br>▪️Daddy Genius<br>▪️Jando<br>▪️Jarmz<br>▪️Swiss<br>▪️T_!</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21507">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎧 SMILE- Family Friendly Drum &amp; Bass BANK HOLIDAY Garden Party - The Golden Lion, Clifton - Event Image 1 August 29, 2026 01:00 PM" title="🎧 SMILE- Family Friendly Drum &amp; Bass BANK HOLIDAY Garden Party - The Golden Lion, Clifton at The Golden Lion, 22 Church St, Clifton, Shefford SG17 5ES | Free Entry, Adults, Family, Food/Drink, Indoor, Music, Nightlife, Outdoor, Play Area, Pubs / Restaurants, Teens | Suitable for: Baby Changing, Family, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MTcsInB1ciI6ImJsb2JfaWQifX0=--a26a9f786a891402c765896aa784ab1960c9fde1/FB_IMG_1787613405185.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5MTcsInB1ciI6ImJsb2JfaWQifX0=--a26a9f786a891402c765896aa784ab1960c9fde1/FB_IMG_1787613405185.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.eventbrite.com/e/smile-drum-bass-bank-holiday-garden-party-29th-aug-tickets-1997958265957"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21507/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎧 SMILE- Family Friendly Drum &amp; Bass BANK HOLIDAY Garden Party - The Golden Lion, Clifton"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21507"
                              data-share-increment-url-value="/facebook_events/21507/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21507/download_calendar"
                           data-calendar-download-event-id-value="21507"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_21517"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21517">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=18">Fun Fair</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21517">
                  <h1>🏰 Inflatable Fun Day, Milton Keynes - August 2026</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NDUsInB1ciI6ImJsb2JfaWQifX0=--1d0a188a0d0af45df7fedc37327b95708fe867e7/FB_IMG_1787684397692.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Milton+Keynes+Rugby+Club%2C+The+Valley%2C+Bowland+Drive%2C+Emerson+Valley%2C+MK4+2DN">
                            <span class="underline text-xs sm:text-base">Milton Keynes Rugby Club, The Valley, Bowland Drive, Emerson Valley, MK4 2DN</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:30
                          </span>
                          <span class="inline-block">
                            - 17:00
                          </span>
                          <span class="inline-block ml-4">
                            <strong>Price:</strong> £10.00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🏰 <strong>Join us at Milton Keynes Rugby Club for THREE days of inflatable fun this August 2026!</strong><br><br>🗓 <strong>2026 DATES</strong><br>Saturday 29 August – Monday 31 August 2026<br><br>⏰ <strong>SESSION TIMES</strong><br>▪️10:30am–1:30pm<br>▪️2:00pm–5:00pm<br><br><strong>EVENT DETAILS</strong><br>🎈 3 Hours Unlimited Inflatables<br>👶 Strictly ages 2–12<br><br>💙 <strong>MEET &amp; GREET</strong><br>FREE Bluey Meet &amp; Greet<br><br><strong>EXTRA ACTIVITIES ARE CHARGABLE </strong><br>🤸 Trampolines<br>🚗 Bumper Cars<br>🦆 Hook-a-Duck<br><br>🎟️ <strong>PAY ON THE DAY: £10.00</strong><br>No pre-booking required – simply turn up and pay on the gate! Just £10 per child. Adults &amp; non-bouncers FREE.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21517">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🏰 Inflatable Fun Day, Milton Keynes - August 2026 - Event Image 1 August 29, 2026 10:30 AM" title="🏰 Inflatable Fun Day, Milton Keynes - August 2026 at Milton Keynes Rugby Club, The Valley, Bowland Drive, Emerson Valley, MK4 2DN | Family, Fun, Fun Fair, Kids, Outdoor, Pay On Entry, Play Area | Suitable for: Children, Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NDUsInB1ciI6ImJsb2JfaWQifX0=--1d0a188a0d0af45df7fedc37327b95708fe867e7/FB_IMG_1787684397692.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NDUsInB1ciI6ImJsb2JfaWQifX0=--1d0a188a0d0af45df7fedc37327b95708fe867e7/FB_IMG_1787684397692.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://facebook.com/events/s/milton-keynes-inflatable-famil/1481787300649967/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21517/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🏰 Inflatable Fun Day, Milton Keynes - August 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21517"
                              data-share-increment-url-value="/facebook_events/21517/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21517/download_calendar"
                           data-calendar-download-event-id-value="21517"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_21525"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21525">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=25">History &amp; Heritage</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21525">
                  <h1>🎲 Family Fun Day 2026 - Panacea Museum, Bedford </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NTcsInB1ciI6ImJsb2JfaWQifX0=--c7384fd099bcba2c6a9a8c8f0cc9f43a1d283153/FB_IMG_1787694215499.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Panacea+Museum%0A9+Newnham+Road%0ABedford%0AMK40+3NX">
                            <span class="underline text-xs sm:text-base">Panacea Museum 9 Newnham Road Bedford MK40 3NX</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            11:00
                          </span>
                          <span class="inline-block">
                            - 16:30
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>👨‍👩‍👧‍👦 <strong>Panacea Museum Family Fun Day is on Saturday 29th August 2026, 11:00am - 4:30pm. Come and enjoy our gardens! A drop-in Family day for all ages. </strong><br><br><strong>&nbsp;🫧 WHAT TO EXPECT</strong><br>With new lawn games: fun dart board, hula hoops, Pickleball. Bubbles, Giant Jenga, Trails &amp; activities around the Museum. <br><br>🍏 <strong>FREE APPLE &amp; PEARS</strong><br>Take home some free fruit from our gardens- cooking apples, pears and plums. Shady trees, plenty of seats and please do bring a picnic!<br><br>🥪 <strong>PICNICS WELCOME</strong><br>Shady trees, plenty of seats and please bring a picnic!<br><br>🫖 <strong>TEA ROOM DEAL</strong><br>▪️Juice carton + biscuits £1.50<br>▪️Tea / Coffee + a slice of cake £3.25</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21525">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🎲 Family Fun Day 2026 - Panacea Museum, Bedford  - Event Image 1 August 29, 2026 11:00 AM" title="🎲 Family Fun Day 2026 - Panacea Museum, Bedford  at Panacea Museum
9 Newnham Road
Bedford
MK40 3NX | Adults, Date Idea, Family, Food/Drink, Free Entry, Fun, History &amp; Heritage, Kids, Outdoor, Play Area | Suitable for: Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NTcsInB1ciI6ImJsb2JfaWQifX0=--c7384fd099bcba2c6a9a8c8f0cc9f43a1d283153/FB_IMG_1787694215499.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NTcsInB1ciI6ImJsb2JfaWQifX0=--c7384fd099bcba2c6a9a8c8f0cc9f43a1d283153/FB_IMG_1787694215499.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🎲 Family Fun Day 2026 - Panacea Museum, Bedford  - Event Image 2 August 29, 2026 11:00 AM" title="🎲 Family Fun Day 2026 - Panacea Museum, Bedford  at Panacea Museum
9 Newnham Road
Bedford
MK40 3NX | Adults, Date Idea, Family, Food/Drink, Free Entry, Fun, History &amp; Heritage, Kids, Outdoor, Play Area | Suitable for: Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NTgsInB1ciI6ImJsb2JfaWQifX0=--dccfc1287669cb9f59cb7cd1e872a825d3490ed7/FB_IMG_1787694407196.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NTgsInB1ciI6ImJsb2JfaWQifX0=--dccfc1287669cb9f59cb7cd1e872a825d3490ed7/FB_IMG_1787694407196.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 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 group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path 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" class="absolute top-0 end-0 z-10 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 group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path 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 (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.facebook.com/share/1BjZNWVLyt/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21525/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎲 Family Fun Day 2026 - Panacea Museum, Bedford "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21525"
                              data-share-increment-url-value="/facebook_events/21525/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21525/download_calendar"
                           data-calendar-download-event-id-value="21525"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
      <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 Deals &amp; Blogs</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="/deals/214">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NDk1ODgsInB1ciI6ImJsb2JfaWQifX0=--fe9d3c64894b2de6f64c59f5df112d5f123fcebd/file_000000002f2c81f4a4c6b0f73a7b9cd0.png" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
          Deal
        </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">🛶 Save 50% Dragon Boat Hire in Bedford!</h3>
        <p class="text-sm text-green-600 font-medium">£15.0</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/deals/215">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NDk2MDUsInB1ciI6ImJsb2JfaWQifX0=--67429a1f9d27215c48fff8574fd8dfcae16f495f/file_000000006bd481f4a0e5bde07c3a0a5c.png" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
          Deal
        </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">⛳️ 🛶 50% Off Crazy Golf &amp; Boat Hire in Bedford!</h3>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/blogs/4">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MTgyMTQsInB1ciI6ImJsb2JfaWQifX0=--f7426cc2c23b9c4fd5cb48d8c0caa6d0677d2507/The%20Panacea%20Museum%20Bedford.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-purple-100 text-purple-800">
          Blog
        </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">🏡 A FREE MUSEUM IN BEDFORD, BEDFORDSHIRE - The Panacea, a beautiful Victorian House.</h3>
    </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 id="map_event_21534"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21534">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=61">Water</a>
    <a class="badge badge-sm bg-amber-800 text-white" href="/search?suitability_ids=13">Dog Friendly</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21534">
                  <h1>🛶 Floating Market, August 2026 - Campbell Wharf, Milton Keynes Marina</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NjYsInB1ciI6ImJsb2JfaWQifX0=--2b4e7274e592a2e551948cfc71aaa61732e7ec15/FB_IMG_1787735037566.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Campbell+Wharf+Marina%2C+Frobisher+Gate%2C+Newlands%2C+Milton+Keynes+MK15+0DW">
                            <span class="underline text-xs sm:text-base">Campbell Wharf Marina, Frobisher Gate, Newlands, Milton Keynes MK15 0DW</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:00
                          </span>
                          <span class="inline-block">
                            - 17:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🛶 <strong>Canal Boats Bring Colour to Milton Keynes This August Bank Holiday 2026.</strong><br><br>🗓 <strong>2026 DATES</strong><br>▪️Saturday 29th August: 10am - 5pm<br>▪️Sunday 30th August: 10am - 5pm<br>▪️Monday 31st August: 10am - 5pm<br><br><strong>🤩 WHAT TO EXPECT</strong><br>Get ready for a unique shopping experience this August Bank Holiday! The Roving Canal Traders Association's Floating Market is coming to Milton Keynes on 29th, 30th and 31st August 2026, bringing a splash of colour and a treasure trove of goodies to the Grand Union Canal.<br><br>📍<strong>WHERE?</strong><br>The canal between Blue Bridge and Childs Way Bridge, near Campbell Wharf, will be abuzz with narrowboats selling a delightful array of wares.&nbsp;<br><br>Milton Keynes, a new town built in the 1960s, is intertwined with the Grand Union Canal, a vital transport link during the industrial revolution. Today, the canal offers a scenic backdrop for leisure and recreation.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21534">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🛶 Floating Market, August 2026 - Campbell Wharf, Milton Keynes Marina - Event Image 1 August 29, 2026 10:00 AM" title="🛶 Floating Market, August 2026 - Campbell Wharf, Milton Keynes Marina at Campbell Wharf Marina, Frobisher Gate, Newlands, Milton Keynes MK15 0DW | Adults, Date Idea, Family, Food/Drink, Free Entry, Stalls, Walks, Water | Suitable for: Dog Friendly, Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NjYsInB1ciI6ImJsb2JfaWQifX0=--2b4e7274e592a2e551948cfc71aaa61732e7ec15/FB_IMG_1787735037566.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5NjYsInB1ciI6ImJsb2JfaWQifX0=--2b4e7274e592a2e551948cfc71aaa61732e7ec15/FB_IMG_1787735037566.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.facebook.com/share/p/1CykfhgXBj/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21534/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🛶 Floating Market, August 2026 - Campbell Wharf, Milton Keynes Marina"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21534"
                              data-share-increment-url-value="/facebook_events/21534/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21534/download_calendar"
                           data-calendar-download-event-id-value="21534"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_21546"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21546">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=12">Baby/Toddlers</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=52">Rainy Days</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21546">
                  <h1>🎈Pop Up Show Time - The Olde Watermill, Barton-le-Clay </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5ODQsInB1ciI6ImJsb2JfaWQifX0=--27506a32f75afa97e4c6e823a16fbdd8262bba96/FB_IMG_1787763867768.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=The+Olde+Watermill+Shopping+Village+Mill+Lane%2C+Off+Faldo+Road%2C+Barton-Le-Clay%2C+Bedfordshire%2C+MK45+4RF">
                            <span class="underline text-xs sm:text-base">The Olde Watermill Shopping Village Mill Lane, Off Faldo Road, Barton-le-clay, Bedfordshire, MK45 4RF</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:00
                          </span>
                          <span class="inline-block">
                            - 15:45
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎈<strong>Join Verona and Andrew for 75 minutes of lively, party-style family entertainment at The Olde Watermill Shopping Village, Barton-le-Clay!</strong><br><br>👦 <strong>AGE: </strong>Recommended for children up to 12 years<br><br>🗓 <strong>2026 DATES</strong><br>▪️Friday 28th August<br>▪️Saturday 29th August<br>▪️Saturday 5th September<br><br>🕚 <strong>SHOW TIMES:</strong><br>▪️10:00am, 12:30pm and 2:30pm<br><br><strong>🤩 WHAT TO EXPECT</strong><br>🧸 A lively puppet show<br>⭐ Party games<br>🎈 Hands-on balloon modelling<br>🫧 Giant bubble making<br><br>Pop-Up Showtime is brought to you by the team behind our much-loved Santa’s Grotto and Winter Wonderland experiences.<br><br>You may also recognise them from previous family shows including Hansel &amp; Gretel, Sleeping Beauty, Little Red Riding Hood and The Three Billy Goats Gruff.<br><br>Whether you have joined us before or are discovering us for the first time, everyone is welcome to come along for plenty of laughter, play and family fun!<br><br><strong>🎟 TICKET COST:</strong><br>▪️Children: £6.50&nbsp;<br>▪️Adults: £3.50<br>▪️Babies under 12 months: FREE<br><br>⬇️ Book tickets via the event link.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21546">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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="🎈Pop Up Show Time - The Olde Watermill, Barton-le-Clay  - Event Image 1 August 29, 2026 10:00 AM" title="🎈Pop Up Show Time - The Olde Watermill, Barton-le-Clay  at The Olde Watermill Shopping Village Mill Lane, Off Faldo Road, Barton-Le-Clay, Bedfordshire, MK45 4RF | Activities, Advance Booking, Baby/Toddlers, Entertainment, Fun, Kids, Rainy Days, Ticket Event | Suitable for: Children, Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5ODQsInB1ciI6ImJsb2JfaWQifX0=--27506a32f75afa97e4c6e823a16fbdd8262bba96/FB_IMG_1787763867768.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk5ODQsInB1ciI6ImJsb2JfaWQifX0=--27506a32f75afa97e4c6e823a16fbdd8262bba96/FB_IMG_1787763867768.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://oldewatermill.co.uk/pop-up-showtime-2026/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21546/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎈Pop Up Show Time - The Olde Watermill, Barton-le-Clay "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21546"
                              data-share-increment-url-value="/facebook_events/21546/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21546/download_calendar"
                           data-calendar-download-event-id-value="21546"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_21574"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21574">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=2">Low Cost</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=54">Preloved</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=52">Rainy Days</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21574">
                  <h1>👕 £1 Clothing Sale, August 2026 - Emmaus Village Carlton</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAwMDgsInB1ciI6ImJsb2JfaWQifX0=--a139f7d27342500d22204119d99b9aaec8f92c22/FB_IMG_1787963023977.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 29 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <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 p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Emmaus+Village+Carlton%2C+School+Lane%2C+Carlton%2C+Bedfordshire+MK43+7LQ">
                            <span class="underline text-xs sm:text-base">Emmaus Village Carlton, School Lane, Carlton, Bedfordshire MK43 7LQ</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:00
                          </span>
                          <span class="inline-block">
                            - 14:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>👕 <strong>Our clothing sale is back at Emmuas Village, Carlton on this week! Come along and grab yourself a bargain… just £1 an item inside the Chapel Emmaus Village Carlton.<br><br>🗓 2026 DATES</strong><br>▪️Wednesday 26th August: 10am–2pm<br>▪️Saturday 29th August: 10am–2pm<br>▪️Sunday 30th August: 10am–12pm<br><br>Pop in, have a browse and grab some great bargains!</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21574">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <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 Clothing Sale, August 2026 - Emmaus Village Carlton - Event Image 1 August 29, 2026 10:00 AM" title="👕 £1 Clothing Sale, August 2026 - Emmaus Village Carlton at Emmaus Village Carlton, School Lane, Carlton, Bedfordshire MK43 7LQ | Adults, Food/Drink, Free Entry, Indoor, Low Cost, Preloved, Rainy Days, Stalls | Suitable for: Accessible, Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAwMDgsInB1ciI6ImJsb2JfaWQifX0=--a139f7d27342500d22204119d99b9aaec8f92c22/FB_IMG_1787963023977.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAwMDgsInB1ciI6ImJsb2JfaWQifX0=--a139f7d27342500d22204119d99b9aaec8f92c22/FB_IMG_1787963023977.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" 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>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.facebook.com/share/p/1Bju6ifKfu/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21574/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="👕 £1 Clothing Sale, August 2026 - Emmaus Village Carlton"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21574"
                              data-share-increment-url-value="/facebook_events/21574/increment_share_count"
                              data-action="click->share#share">
                          <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
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/21574/download_calendar"
                           data-calendar-download-event-id-value="21574"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <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 d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

</template></turbo-stream>
  <turbo-stream action="replace" target="cursor"><template>
    <div id="cursor">
        <div class="rounded-2xl shadow-sm w-full 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">
          Venues
        </h2>
        <section class="prioritized-carousel-section venues-carousel-section mb-4 w-full min-w-0"
                 data-controller="prioritized-carousel"
                 data-prioritized-carousel-item-count="6"
                 data-prioritized-carousel-step-value="1"
                 data-prioritized-carousel-autoplay-value="true"
                 data-prioritized-carousel-autoplay-interval-ms-value="2000"
                 data-prioritized-carousel-autoplay-start-delay-ms-value="400"
                 data-prioritized-carousel-visibility-threshold-value="0.15"
                 data-prioritized-carousel-pause-after-interaction-ms-value="6000">
          <div class="relative w-full min-w-0">
            <div data-prioritized-carousel-target="viewport"
                 class="prioritized-carousel-viewport w-full min-w-0 overflow-x-clip overflow-y-visible">
              <div data-prioritized-carousel-target="track"
                   class="prioritized-carousel-track flex min-w-0 gap-3 pb-1 md:gap-4">
                  <div class="prioritized-carousel-spacer shrink-0" aria-hidden="true"></div>
                  <div data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <a class="flex-none group shrink-0 h-full" href="/venues/1637">
  <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" alt="🌳 FREE MAZE AT ROXTON GARDEN CENTRE (CURRENTLY CLOSED DUE TO MAINTENANCE)" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUwMTksInB1ciI6ImJsb2JfaWQifX0=--5d562251aeebbec615facc3575ed5f30571f07fa/FB_IMG_1751499801898.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-amber-100 text-amber-800">
          Venue
        </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">🌳 FREE MAZE AT ROXTON GARDEN CENTRE (CURRENTLY CLOSED DUE TO MAINTENANCE)</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Roxton Garden Centre, Bedford Rd, Roxton, Bedford MK44 3DY</p>
    </div>
  </div>
</a>
                  </div>
                  <div data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <a class="flex-none group shrink-0 h-full" href="/venues/1640">
  <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" alt="☕️ Bromham Mill Coffee Shop" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUzMzQsInB1ciI6ImJsb2JfaWQifX0=--af69f4e1af71ea65a8932dcaa4906ec31f2c4953/FB_IMG_1752058905787.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-amber-100 text-amber-800">
          Venue
        </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">☕️ Bromham Mill Coffee Shop</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Bromham Mill Coffee Shop, 5 Bridge End, Bromham, Bedford MK43 8LP</p>
    </div>
  </div>
</a>
                  </div>
                  <div data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <a class="flex-none group shrink-0 h-full" href="/venues/1632">
  <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" alt="🐊 Johnsons Of Old Hurst Zoo, a cheap day out for all the family..." src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjU0MzMsInB1ciI6ImJsb2JfaWQifX0=--2d8f8f1342e56a596eba16022ab4617249e94006/Screenshot_20250709_211242_Samsung%20Internet.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-amber-100 text-amber-800">
          Venue
        </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">🐊 Johnsons Of Old Hurst Zoo, a cheap day out for all the family...</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Johnsons Of Old Hurst, Church St, Old Hurst, Huntingdon PE28 3AF</p>
    </div>
  </div>
</a>
                  </div>
                  <div data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <a class="flex-none group shrink-0 h-full" href="/venues/1639">
  <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" alt="🚶‍♂️Dunstable Downs" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUzMTQsInB1ciI6ImJsb2JfaWQifX0=--13a0e0f348e138bfd314b413d0894cf5d1dea059/FB_IMG_1751974507346.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-amber-100 text-amber-800">
          Venue
        </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">🚶‍♂️Dunstable Downs</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Dunstable Downs, Whipsnade Road, Dunstable, Bedfordshire, LU6 2GY</p>
    </div>
  </div>
</a>
                  </div>
                  <div data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <a class="flex-none group shrink-0 h-full" href="/venues/1631">
  <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" alt="🏛 Pancea Museum - A FREE Museum in Bedford" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUwMjAsInB1ciI6ImJsb2JfaWQifX0=--5bdfc513d76bfb4e4ed27cc538b15c71d3d24eed/FB_IMG_1751502933183.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-amber-100 text-amber-800">
          Venue
        </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">🏛 Pancea Museum - A FREE Museum in Bedford</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Panacea Museum, 9 Newnham Road, Bedford, MK40 3NX</p>
    </div>
  </div>
</a>
                  </div>
                  <div data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <a class="flex-none group shrink-0 h-full" href="/venues/1641">
  <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" alt="🌳 The Forest Centre, Marston Moretaine " src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjU0ODYsInB1ciI6ImJsb2JfaWQifX0=--bc5fa79dab6068fc9308cf8e0539a4c1826af0c9/FB_IMG_1752139955663.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-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🌳 The Forest Centre, Marston Moretaine </h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">The Forest Centre, Station Rd, Marston Moretaine, Bedford MK43 0PR</p>
    </div>
  </div>
</a>
                  </div>
                  <div class="prioritized-carousel-spacer shrink-0" aria-hidden="true"></div>
              </div>
            </div>

              <div class="pointer-events-none absolute inset-y-0 left-0 w-8 bg-[linear-gradient(to_right,rgba(255,255,255,0.15)_0%,transparent_75%)]"></div>
              <div class="pointer-events-none absolute inset-y-0 right-0 w-8 max-md:w-10 bg-[linear-gradient(to_left,rgba(255,255,255,0.15)_0%,transparent_75%)]"></div>
          </div>

            <div class="mt-2 hidden items-center justify-center gap-2 md:flex">
              <button type="button"
                      class="btn btn-sm bg-white hover:bg-gray-50 border border-gray-200 text-gray-800 relative overflow-hidden"
                      data-prioritized-carousel-target="prev"
                      data-action="click->prioritized-carousel#prev">
                <span class="relative z-10">Prev</span>
                <span class="absolute left-0 right-0 bottom-0 h-1 bg-black/10"></span>
                <span data-prioritized-carousel-target="prevProgress"
                      class="absolute left-0 bottom-0 h-1 bg-black/20"
                      style="width: 0%"></span>
              </button>
              <button type="button"
                      class="btn btn-sm !bg-custom-light-green hover:brightness-95 text-white relative overflow-hidden"
                      data-prioritized-carousel-target="next"
                      data-action="click->prioritized-carousel#next">
                <span class="relative z-10">Next</span>
                <span class="absolute left-0 right-0 bottom-0 h-1 bg-white/25"></span>
                <span data-prioritized-carousel-target="nextProgress"
                      class="absolute left-0 bottom-0 h-1 bg-white/55"
                      style="width: 0%"></span>
              </button>
            </div>
        </section>
      </div>
    </div>
  </div>

    </div>
</template></turbo-stream>