  <turbo-stream action="before" target="load_more"><template>
      <div class="date-group" data-date="Sunday 03 May">
        <div class="date-header container w-full mt-0 mb-1 bg-gradient-to-b from-green-900 to-green-500 bg-cover bg-center sticky
  top-[8.5rem] z-40">
  <h2 class="p-1 text-xl font-bold text-center" style="color: #fff">
    Sunday 03 May (3)
  </h2>
</div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
              



  <div id="event_card_18877" 
       class="event-card" 
       data-event-date="2026-05-03"
       data-event-id="18877">
    <div id="event_18877"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18877">
  <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=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=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=30">Outdoor</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 !bg-custom-light-yellow" href="/search?category_ids=38">Automotive</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=6">Music</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=35">Overnight</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=18">Fun Fair</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=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=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</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/18877">
                  <h1>🎉 East Midlands Steam &amp; Country Show 2026 - Rushden</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/eyJfcmFpbHMiOnsiZGF0YSI6MzIwMDQsInB1ciI6ImJsb2JfaWQifX0=--cc0af261a0ad552e37f4e6b74132b4657ca4bba8/original_image_15560.jpg" />
                    <div class="grid gap-1">
                      <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>
                          Sunday 03 May 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=Lancaster+Farm+Shop%2C+Chelveston+Rd%2C+Rushden%2C+NN10+8LB+">
                            <span class="underline text-xs sm:text-base">Lancaster Farm Shop, Chelveston Rd, Rushden, NN10 8LB</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-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🚂 <strong>The East Midlands Steam &amp; Country Show 2026 is back and bigger than ever!</strong> <br><br>🗓 <strong>MAY 2026 DATES &amp; TIMES</strong><br>▪️Saturday 2nd May: 10am - 5pm<br>▪️Sunday 3rd May: 10am - 5pm<br>▪️Monday 4th May: 10am - 4pm<br><br>Looking for a fantastic family day out over the May Bank Holiday weekend? Head to the East Midlands Steam &amp; Country Show for three packed days of nostalgia, engines, entertainment and plenty to explore for all ages.<br><br><strong>🤩 WHAT TO EXPECT</strong><br>Expect live entertainment, plenty of family-friendly fun, and a real celebration of country show favourites mixed with classic vehicle displays and steam-powered spectacle.<br><br>⛺️ <strong>CAMPING</strong><br>We also have public camping available for £25 a night, based on 2 Adults and 2 Children. Camping is avalible from Friday 1st to Tuesday 5th May 2026. (all pitches to be vacated on Monday 5th May) Please click the tent via the event link for&nbsp; T's &amp; C's and booking forms. <br><br>🅿️ <strong>PARKING</strong><br>We have free parking on site and a number of disabled spaces, although these are limited. Just show your blue badge to the parking team and they will direct you.<br><br>🎟️ <strong>PAY ON THE GATE - CASH OR CARD</strong><br>▪️ <strong>Adults:</strong> £10<br>▪️ <strong>Concessions:</strong> £6<br>▪️ <strong>Children</strong> <strong>aged 5–13:</strong> £4<br>▪️ <strong>Under 5s:</strong> FREE!<br>▪️ <strong>Family ticket (2+2):</strong> £25<br><br>⚠️ <strong>IMPORTANT CONTACT INFO</strong><br>Please contact the organisers through their main page, as the event page is not actively monitored. If you are contacted by any third party, do not send money and report it to the organisers as soon as possible.<br><br><strong>ℹ️ CONTACT DETAILS<br></strong>☎️ <strong>Phone:</strong> <a href="tel:07877942533">07877 942533</a><br>📧 <strong>Email:</strong> <a href="mailto:eastmidlandssteam@outlook.com">eastmidlandssteam@outlook.com</a></div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18877">See more</button>
                        </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="🎉 East Midlands Steam &amp; Country Show 2026 - Rushden - May 03, 2026 10:00 AM at Lancaster Farm Shop, Chelveston Rd, Rushden, NN10 8LB " title="🎉 East Midlands Steam &amp; Country Show 2026 - Rushden - Original Event Image | Activities, Adults, Entertainment, Family, Food/Drink, Fun, Kids, Low Cost, Outdoor, Teens, Weather Permitting, Automotive, Date Idea, Music, Stalls, Overnight, Pay On Entry, Fun Fair | Suitable for: Free Parking, Children, Family, Parking Onsite, Toilets, Blue Badge Parking" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzIwMDQsInB1ciI6ImJsb2JfaWQifX0=--cc0af261a0ad552e37f4e6b74132b4657ca4bba8/original_image_15560.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzIwMDQsInB1ciI6ImJsb2JfaWQifX0=--cc0af261a0ad552e37f4e6b74132b4657ca4bba8/original_image_15560.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.eastmidlandssteam.co.uk/public-admissions"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18877/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="🎉 East Midlands Steam &amp; Country Show 2026 - Rushden"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18877"
                              data-share-increment-url-value="/facebook_events/18877/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/18877/download_calendar"
                           data-calendar-download-event-id-value="18877"
                           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>

            </div>
            <div>
              



  <div id="event_card_18894" 
       class="event-card" 
       data-event-date="2026-05-03"
       data-event-id="18894">
    <div id="event_18894"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18894">
  <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=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=30">Outdoor</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=26">Scenic</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-light-yellow" href="/search?category_ids=61">Water</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>
    <a class="badge badge-sm bg-amber-800 text-white" href="/search?suitability_ids=13">Dog Friendly</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/18894">
                  <h1>🎤 Live Music May Bank Holiday Weekend 2026 - Danish Camp, Willington </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/eyJfcmFpbHMiOnsiZGF0YSI6NDM5MDIsInB1ciI6ImJsb2JfaWQifX0=--fe4a98d3acf5fe081045e10687f63b62cdbf43d2/FB_IMG_1777413530527.jpg" />
                    <div class="grid gap-1">
                      <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>
                          Sunday 03 May 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=Danish+Camp%2C+Chapel+Lane%2C+Willington%2C+Bedford%2C+MK44+3QG">
                            <span class="underline text-xs sm:text-base">Danish Camp, Chapel Lane, Willington, Bedford, MK44 3QG</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">
                            - 16:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🎉 <strong>Come join us this May Bank Holiday 2026! Relaxing days on the river bank at the Danish Camp, Willington, Bedfordshire.</strong><br><br>🗓 <strong>2026 DATES &amp; TIMES</strong><br>▪️Sunday 3rd May: 10am - 5pm<br>▪️Monday 4th May: 10am - 4pm<br><br>🎤 <strong>SUNDAY 3RD MAY</strong><br>Enjoy a relaxed afternoon listening to sounds from different decade with Dave Spencer. Live music (indoor if it's raining)<br><br>🛡 <strong>MONDAY 4TH MAY</strong><br>Live music with Zal Ahmed.<br>Living history with battles and displays at 12pm &amp; 3pm. Special menus, river trips,boat hire and ice cream.<br>✅️ <a href="https://danishcamp.co.uk/river-trips-explore-the-great-ouse">Boat hire</a><br>✅️ <a href="https://danishcamp.co.uk/river-trips-explore-the-great-ouse">Boat trips</a><br><br>ℹ️ <strong>CONTACT DETAILS <br>☎️ Phone: </strong><a href="tel:01234%20838709">01234 838709</a><br>📱 <strong>Mobile:</strong> <a href="tel:07368354865">07368354865</a> <br><strong>📧 Email: </strong><a href="mailto:info@danishcamp.co.uk">info@danishcamp.co.uk</a></div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18894">See more</button>
                        </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="🎤 Live Music May Bank Holiday Weekend 2026 - Danish Camp, Willington  - Event Image 1 May 03, 2026 10:00 AM" title="🎤 Live Music May Bank Holiday Weekend 2026 - Danish Camp, Willington  at Danish Camp, Chapel Lane, Willington, Bedford, MK44 3QG | Adults, Entertainment, Family, Food/Drink, Free Entry, Indoor, Music, Outdoor, Pubs / Restaurants, Scenic, Teens, Ticket Event, Water | Suitable for: Accessible, Family, Free Parking, Parking Onsite, Toilets, Dog Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM5MDIsInB1ciI6ImJsb2JfaWQifX0=--fe4a98d3acf5fe081045e10687f63b62cdbf43d2/FB_IMG_1777413530527.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM5MDIsInB1ciI6ImJsb2JfaWQifX0=--fe4a98d3acf5fe081045e10687f63b62cdbf43d2/FB_IMG_1777413530527.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/17HqgS2w6h/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18894/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="🎤 Live Music May Bank Holiday Weekend 2026 - Danish Camp, Willington "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18894"
                              data-share-increment-url-value="/facebook_events/18894/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/18894/download_calendar"
                           data-calendar-download-event-id-value="18894"
                           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-1/2 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/deals/124">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjAwMzUsInB1ciI6ImJsb2JfaWQifX0=--38bba028351918243e24d267df21f82e71e73fbb/Screenshot_20250325_133656_Chrome.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-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">🛶 Get 25% OFF VIKING BOAT HIRE IN BEDFORD!</h3>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/blogs/23">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjM3NTIsInB1ciI6ImJsb2JfaWQifX0=--ce38bc8a5623c69daeb49ab70a5b75892749fb34/FB_IMG_1748808939385.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">🚣‍♂️ The Danish Camp Riverside - a hidden gem in Bedfordshire on the Great River Ouse, a scenic and historic setting!</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>

            </div>
            <div>
              



  <div id="event_card_18903" 
       class="event-card" 
       data-event-date="2026-05-03"
       data-event-id="18903">
    <div id="event_18903"
     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="18903">
  <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="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-custom-light-yellow" href="/search?category_ids=5">Charity</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-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=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=32">Social</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=27">Sports</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=12">Free Parking</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/18903">
                  <h1>⚽️ Celebrity Charity Football Match 2026 - Ampthill V Cancer </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/eyJfcmFpbHMiOnsiZGF0YSI6NDM5MTEsInB1ciI6ImJsb2JfaWQifX0=--15deafe1ef79f1c7894d354317407a911818459b/FB_IMG_1777417106051.jpg" />
                    <div class="grid gap-1">
                      <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>
                          Sunday 03 May 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=Ampthill+Football+Club%2C+Woburn+Street+Ampthill+Bedfordshire+MK45+2HX">
                            <span class="underline text-xs sm:text-base">Ampthill Football Club, Woburn Street Ampthill Bedfordshire MK45 2HX</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">
                            - 17:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>⚽️ <strong>Our Charity Football Game and PSA Testing Event isn’t just a match, it’s a great day out supporting men’s health while enjoying the beautiful game. Local players, supporters and special guests will come together for a fun, family-friendly afternoon.<br><br>ℹ️ DETAILS&nbsp;</strong></div><div>We’ll also have on-site PSA testing available. It’s just a quick, simple blood test, and catching things early can save lives.<br><br>By coming along, you’re not only watching football, you’re helping raise awareness, support a great cause and encourage men to look after their health.<br><br>🥅 <strong>KICK OFF AT 1PM<br></strong>Click the event link to find out the schedule&nbsp; of the day and to book tickets.<strong><br><br>🅿️ PARKING <br></strong>Free car parking is available in the West Car Park, Ampthill Park including overflow areas. <strong>If you live locally, you are strongly advised to walk to the ground if you can</strong><br><br><strong>🎟 TICKET COST:</strong><br>Entry is £5 (same price for adults and kids). Recommended to buy <a href="https://www.zeffy.com/en-GB/ticketing/charity-football-match">online</a> but you can also pay on the day at the turnstiles (cash or card).</div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18903">See more</button>
                        </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="⚽️ Celebrity Charity Football Match 2026 - Ampthill V Cancer  - Event Image 1 May 03, 2026 01:00 PM" title="⚽️ Celebrity Charity Football Match 2026 - Ampthill V Cancer  at Ampthill Football Club, Woburn Street Ampthill Bedfordshire MK45 2HX | Adults, Advance Booking, Charity, Entertainment, Family, Food/Drink, Fun, Indoor, Low Cost, Outdoor, Social, Sports, Teens, Ticket Event | Suitable for: Family, Free Parking, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDM5MTEsInB1ciI6ImJsb2JfaWQifX0=--15deafe1ef79f1c7894d354317407a911818459b/FB_IMG_1777417106051.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM5MTEsInB1ciI6ImJsb2JfaWQifX0=--15deafe1ef79f1c7894d354317407a911818459b/FB_IMG_1777417106051.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://ampthillvscancer.co.uk/charity-football-match/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18903/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="⚽️ Celebrity Charity Football Match 2026 - Ampthill V Cancer "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18903"
                              data-share-increment-url-value="/facebook_events/18903/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/18903/download_calendar"
                           data-calendar-download-event-id-value="18903"
                           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>

            </div>
        </div>
      </div>
</template></turbo-stream><turbo-stream action="replace" target="load_more"><template>
</template></turbo-stream>