        <turbo-stream action="replace" target="facebook_events_date_header_2026-05-23"><template>
          <div id="facebook_events_date_header_2026-05-23" 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">
    Saturday 23 May (30)
  </h2>
</div>

</template></turbo-stream>      <turbo-stream action="append" target="day_events_list_2026-05-23"><template>
          <div>
            



  <div id="event_card_19199" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19199">
    <div id="event_19199"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19199">
  <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=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=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=59">Pubs / Restaurants</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=37">Tickets</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=4">Adults Only</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/19199">
                  <h1>🎧 Garage Nation Summer Day Fest - Brewpoint, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1NjgsInB1ciI6ImJsb2JfaWQifX0=--4bfd2f13fc78d5ba5d414490a308efc8a60a6e62/FB_IMG_1778596473222.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 23 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=Brewpoint+Bedford%2C+Cut+Throat+Ln%2C+Bedford+MK41+7FY">
                            <span class="underline text-xs sm:text-base">Brewpoint Bedford, Cut Throat Ln, Bedford MK41 7FY</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-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>Garage Nation Summer Day Fest at Brewpoint, Bedford is on Saturday 23rd May 2026 at Brewpoint, Bedford from 2pm - 10pm.</strong><br><br>🎧 <strong>DJ'S</strong><br>with DJ Luck &amp; MC Neat +more<br><br>🤪 <strong>AFTER PARTY</strong><br>An optional <a href="https://garage-nation.com/events-gn/garage-nation-bedford-after-party/">after party</a> at The <a href="https://www.auctionroombar.co.uk/">Auction Room</a> is on from 10pm - 4am where add on <a href="https://garage-nation.com/events-gn/garage-nation-bedford-after-party/">tickets</a> can be purchased. ID is required.<br>(1 Duke St, Bedford MK40 3HD)<br><br><strong>🎟 TICKET COST: FROM £24.95<br></strong>Tickets can be purchased via the event link.</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="19199">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="🎧 Garage Nation Summer Day Fest - Brewpoint, Bedford - Event Image 1 May 23, 2026 02:00 PM" title="🎧 Garage Nation Summer Day Fest - Brewpoint, Bedford at Brewpoint Bedford, Cut Throat Ln, Bedford MK41 7FY | Adults, Advance Booking, Food/Drink, Indoor, Music, Nightlife, Outdoor, Pubs / Restaurants, Ticket Event, Tickets | Suitable for: Adults Only, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1NjgsInB1ciI6ImJsb2JfaWQifX0=--4bfd2f13fc78d5ba5d414490a308efc8a60a6e62/FB_IMG_1778596473222.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1NjgsInB1ciI6ImJsb2JfaWQifX0=--4bfd2f13fc78d5ba5d414490a308efc8a60a6e62/FB_IMG_1778596473222.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://garage-nation.com/events-gn/garage-nation-bedford-summer-fest/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19199/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="🎧 Garage Nation Summer Day Fest - Brewpoint, Bedford"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19199"
                              data-share-increment-url-value="/facebook_events/19199/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/19199/download_calendar"
                           data-calendar-download-event-id-value="19199"
                           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_19213" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19213">
    <div id="event_19213"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19213">
  <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=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=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=55">Half Term</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=60">Play Parks</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=39">Ticket Event</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair Friendly</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=8">Baby Changing</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge 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=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/19213">
                  <h1>🎶 A Noise Annoys (ages 5+) - Stockwood Discovery Centre, Luton</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/eyJfcmFpbHMiOnsiZGF0YSI6NDM1MzUsInB1ciI6ImJsb2JfaWQifX0=--10841afe9d35365a49b35177817b6b4c7c947aed/A%20Noise%20Annoys%20Programme%20Image%20LANDSCAPE.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 23 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=Stockwood+Discovery+Centre%0ALondon+Road%0ALuton%0ALU1+4LX">
                            <span class="underline text-xs sm:text-base">Stockwood Discovery Centre London Road Luton LU1 4LX</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">
                            - 15:00
                          </span>
                          <span class="inline-block ml-4">
                            <strong>Price:</strong> £10.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>A Noise Annoys is a poetry show for all the senses! It features rhymes, noises, songs, surprises and lots of audience interaction. Noise Annoys is a poetry show for all the senses! It features.<br><br>▪️AGES: 5+</strong><br><br><strong>🤩 WHAT TO EXPECT</strong><br>Bursting with warm-hearted humour and witty wordplay, Jude takes the audience on a mind-bending journey through the sounds of language and the language of sounds.<br><br>There is lots of joy, a healthy dose of nonsense, and a few heartfelt A rhymes, noises, songs, surprises and lots of audience interaction. Noise Annoys is a poetry show for all the senses! It features “ moments of beautiful hush.<br><br>Using poems, rhymes and tongue-twisters, with physical humour, improvised sounds and hilarious props, Jude finds the annoyance and delight in the things we hear. This is a show that will engage children with the spoken and written word, and leave them full of joy at the possibilities of language.<br><br>A Noise Annoys was first performed and developed at Cambridge Junction Theatre, and is supported by the 'Key Seeds' programme at Peterborough Key Theatre (Landmark Theatres) where the tour launched on 3 and 4 May 2025.<br><br><strong>🎟 TICKET COST: £10.00 PP</strong><br><br></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="19213">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="🎶 A Noise Annoys (ages 5+) - Stockwood Discovery Centre, Luton - Event Image 1 May 23, 2026 02:00 PM" title="🎶 A Noise Annoys (ages 5+) - Stockwood Discovery Centre, Luton at Stockwood Discovery Centre
London Road
Luton
LU1 4LX | Advance Booking, Entertainment, Family, Fun, Half Term, Indoor, Music, Play Parks, Social, Ticket Event | Suitable for: Wheelchair Friendly, Baby Changing, Accessible, Blue Badge Parking, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDM1MzUsInB1ciI6ImJsb2JfaWQifX0=--10841afe9d35365a49b35177817b6b4c7c947aed/A%20Noise%20Annoys%20Programme%20Image%20LANDSCAPE.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM1MzUsInB1ciI6ImJsb2JfaWQifX0=--10841afe9d35365a49b35177817b6b4c7c947aed/A%20Noise%20Annoys%20Programme%20Image%20LANDSCAPE.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.culturetrust.com/whats-on/noise-annoys"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19213/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="🎶 A Noise Annoys (ages 5+) - Stockwood Discovery Centre, Luton"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19213"
                              data-share-increment-url-value="/facebook_events/19213/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/19213/download_calendar"
                           data-calendar-download-event-id-value="19213"
                           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 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-full flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/blogs/9">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjMwNTYsInB1ciI6ImJsb2JfaWQifX0=--2b3ee3db439fd1d98cfc74c244136b4863e216ec/FB_IMG_1747786154420.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">😍 Stockwood Discovery Centre - A Free Museum in Luton, Bedfordshire </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_19218" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19218">
    <div id="event_19218"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19218">
  <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=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=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=59">Pubs / Restaurants</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=32">Social</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=2">Wheelchair Friendly</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=4">Adults Only</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/19218">
                  <h1>🎶 The 2pm Club Daytime Disco - The Hat Factory, Luton</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/eyJfcmFpbHMiOnsiZGF0YSI6NDQyNzcsInB1ciI6ImJsb2JfaWQifX0=--5453ada7a4c125d42c21aa8331d562d9f3fa225c/2pm%20disco.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 23 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=The+Hat+Factory+Arts+Centre%0A65+-+67+Bute+Street%0ALuton%0ABedfordshire">
                            <span class="underline text-xs sm:text-base">The Hat Factory Arts Centre 65 - 67 Bute Street Luton Bedfordshire</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">
                            - 18: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>Luton's most popular day party is back at Hat Factory on Saturday 23rd May 2026!<br><br>▪️AGE: 25+</strong><br><br><strong>🤩 WHAT TO EXPECT</strong><br>Four hours of iconic anthems and pop perfection from the 80s, 90s and 00s - Bon Jovi to Beyonce, Spice Girls to Steps - with night-out energy, confetti cannons, and a room full of people who still know every word.<br><br>THE 2PM CLUB works because 2pm on a Saturday means everyone can actually make it. No childcare negotiations. No "I'll see how I feel" messages. One link in the group chat and it's sorted.<br><br>Home by 7pm. Still buzzing. Sunday completely yours.<br><br><strong>🎟 TICKET COST:<br></strong>£13.20 or £46.20 for a group of 4 (inc. booking fee)<br><br>ℹ️ <strong>ENQUIRIES</strong> <br><strong>📧 Email: </strong><a href="mailto:boxoffice@culturetrust.com">boxoffice@culturetrust.com</a><br><strong>☎️ Phone: </strong><a href="tel:01582%20878100">01582 878100</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="19218">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="🎶 The 2pm Club Daytime Disco - The Hat Factory, Luton - Event Image 1 May 23, 2026 02:00 PM" title="🎶 The 2pm Club Daytime Disco - The Hat Factory, Luton at The Hat Factory Arts Centre
65 - 67 Bute Street
Luton
Bedfordshire | Adults, Advance Booking, Date Idea, Food/Drink, Indoor, Music, Pubs / Restaurants, Rainy Days, Social, Ticket Event | Suitable for: Wheelchair Friendly, Accessible, Adults Only, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQyNzcsInB1ciI6ImJsb2JfaWQifX0=--5453ada7a4c125d42c21aa8331d562d9f3fa225c/2pm%20disco.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQyNzcsInB1ciI6ImJsb2JfaWQifX0=--5453ada7a4c125d42c21aa8331d562d9f3fa225c/2pm%20disco.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.culturetrust.com/whats-on/2pm-club-daytime-disco"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19218/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 2pm Club Daytime Disco - The Hat Factory, Luton"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19218"
                              data-share-increment-url-value="/facebook_events/19218/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/19218/download_calendar"
                           data-calendar-download-event-id-value="19218"
                           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_19238" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19238">
    <div id="event_19238"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19238">
  <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=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=47">Annual</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=4">Fun</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=32">Social</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=27">Sports</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/19238">
                  <h1>🍻 Ampthill Annual Three Legged Beer Race 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1OTQsInB1ciI6ImJsb2JfaWQifX0=--432f4d4c0804e1e6c458ec631d09bda5a15f84e4/FB_IMG_1778713881819.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 23 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=The+Engine+and+Tender.+9-11+Dunstable+St%2C+Ampthill%2C+Bedfordshire+MK45+2NJ">
                            <span class="underline text-xs sm:text-base">The Engine And Tender. 9-11 Dunstable St, Ampthill, Bedfordshire MK45 2NJ</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:30
                          </span>
                          <!-- No end time available -->
                      </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 Annual three legged beer race is back in Ampthill on Saturday 23rd May 2026!<br><br>ℹ️ EVENT DETAILS<br></strong>Supporting local charities around Ampthill. Sponsorship forms from participating venues with a minimum of £20 sponsorship. Get your thinking caps on for a good costume or just come and watch the fun!<strong><br><br>✍️ REGISTRATION: </strong>11:30am<strong><br>🏃‍♂️ RACE STARTS: </strong>Engine &amp; Tender, Ampthill<strong><br>🏁 RACE FINISHES: </strong>Wingfield Club, Ampthill<br><br>ℹ️ <strong>ENQUIRIES</strong>&nbsp;<br>Contact by messaging on the Facebook Page via the event link.</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="19238">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="🍻 Ampthill Annual Three Legged Beer Race 2026   - Event Image 1 May 23, 2026 11:30 AM" title="🍻 Ampthill Annual Three Legged Beer Race 2026   at The Engine and Tender. 9-11 Dunstable St, Ampthill, Bedfordshire MK45 2NJ | Adults, Annual, Charity, Entertainment, Fun, Pubs / Restaurants, Social, Sports " loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1OTQsInB1ciI6ImJsb2JfaWQifX0=--432f4d4c0804e1e6c458ec631d09bda5a15f84e4/FB_IMG_1778713881819.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1OTQsInB1ciI6ImJsb2JfaWQifX0=--432f4d4c0804e1e6c458ec631d09bda5a15f84e4/FB_IMG_1778713881819.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/1CevR9DXnQ/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19238/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="🍻 Ampthill Annual Three Legged Beer Race 2026  "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19238"
                              data-share-increment-url-value="/facebook_events/19238/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/19238/download_calendar"
                           data-calendar-download-event-id-value="19238"
                           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_19250" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19250">
    <div id="event_19250"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19250">
  <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=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=17">Craft Fair</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=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-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>
    <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/19250">
                  <h1>🍻🎉 Flitwick Cricket Club Beer Festival &amp; Family Fun Day 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2ODAsInB1ciI6ImJsb2JfaWQifX0=--7fd0522d6f05f5a1e4894bb4384ef5d8c9860de8/FB_IMG_1779013178164.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 23 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=Flitwick+Cricket+Club%2C%0AThe+Hardy+Vale%2C+Flitwick+Rd%2C+Westoning%2C+Bedford+MK45+5AA">
                            <span class="underline text-xs sm:text-base">Flitwick Cricket Club, The Hardy Vale, Flitwick Rd, Westoning, Bedford MK45 5AA</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">
                            - 00: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>Please come and join Flitwick Cricket Club for our Beer Festival and Family Fun Day with raffle (Saturday 23rd May 2026). May Bank Holiday from Fri 22nd - Sun 24th, 2026. </strong><br><br>🍻 <strong>BEER FESTIVAL DETAILS</strong><br>▪️Friday 22nd May: 7pm - 12am<br>▪️Saturday 23rd May: 1pm - 12am<br>▪️Sunday 24th May: 1pm - 12am<br><br>Our Beer Festival will run till midnight for 3 nights so make the most of this social event and the Bank Holiday!&nbsp; Cash and card accepted at the bar. <br><br>Please book the Beer Festival tickets in advance via the QR code, or alternatively purchasing from our Flitwick Cricket Club Bar. <br><br>Opening up Flitwick Cricket Club to local families, and the Bedfordshire Community. <br><br><strong>🎟 BEER FESTIVAL TICKET COST:<br></strong>Beer Festival Tickets are £7.50 (includes first Barrel Pint!)<strong><br></strong><a href="https://www.tickettailor.com/events/flitwickcricketclubevents/2188481"><strong>BOOK TICKETS HERE</strong></a><strong><br></strong><br>🎉 <strong>FAMILY FUN DAY - FREE ENTRY<br>▪️Saturday 23rd May: 1pm - 6pm</strong><br>Family Fun Day is on Saturday from 1pm - 6pm, free entry! Please bring cash for children's activities. Card payments are accepted by a majority of stall holders.&nbsp;<br><br>✨️ Inflatables<br>✨️ Face painting<br>✨️ Tombola<br>✨️ Craft Stalls&nbsp;<br>✨️ Music<br>✨️ Games....and more!<br><br>We look forward to welcoming you!</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="19250">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="🍻🎉 Flitwick Cricket Club Beer Festival &amp; Family Fun Day 2026 - Event Image 1 May 23, 2026 01:00 PM" title="🍻🎉 Flitwick Cricket Club Beer Festival &amp; Family Fun Day 2026 at Flitwick Cricket Club,
The Hardy Vale, Flitwick Rd, Westoning, Bedford MK45 5AA | Activities, Adults, Craft Fair, Food/Drink, Free Entry, Fun, Indoor, Kids, Music, Nightlife, Stalls, Ticket Event | Suitable for: 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2ODAsInB1ciI6ImJsb2JfaWQifX0=--7fd0522d6f05f5a1e4894bb4384ef5d8c9860de8/FB_IMG_1779013178164.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2ODAsInB1ciI6ImJsb2JfaWQifX0=--7fd0522d6f05f5a1e4894bb4384ef5d8c9860de8/FB_IMG_1779013178164.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/1B7dcZrVJ4/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19250/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="🍻🎉 Flitwick Cricket Club Beer Festival &amp; Family Fun Day 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19250"
                              data-share-increment-url-value="/facebook_events/19250/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/19250/download_calendar"
                           data-calendar-download-event-id-value="19250"
                           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_19257" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19257">
    <div id="event_19257"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19257">
  <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-orange-500 text-white" href="/search?category_ids=2">Low Cost</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=54">Preloved</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-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</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>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free 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/19257">
                  <h1>🚶‍♂️Cliffton Sale Trail - May 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2OTcsInB1ciI6ImJsb2JfaWQifX0=--dc8b7ffcd717d1b353f82acd794003f1b199ecbc/FB_IMG_1779053330957.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 23 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=67+Clifton+Road%2C+Shefford%2C+SG17+5AG">
                            <span class="underline text-xs sm:text-base">67 Clifton Road, Shefford, SG17 5AG</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-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>Clifton Sale Trail May 2026, Organised by the Clifton Residents' Association.</strong></div><div><br>🗓 <strong>DATE &amp; TIME</strong></div><div>▪️<strong>Date:</strong> Saturday 23rd May 2026<br>▪️<strong>Time:</strong> 10:00am – 2:00pm</div><div><br></div><h1>🗺 <strong>Sale Locations</strong></h1><div><br>📍<strong>No.Address<br></strong>01 | 67 Clifton Road<br>02 | 180 Shefford Road<br>03 | 12 Knolls Way<br>04 | 89 Shefford Road<br>05 | 78 Shefford Road<br>06 | 76 Shefford Road<br>07 | 12 Spring Road<br>08 | 13 Fairfax Close<br>09 | 4 Fairfax Close<br>10 | 39 Shefford Road<br>11&nbsp; | 25 Herberts Meadow<br>12 | 9 Herberts Meadow<br>13 | 9 Legate Place<br>14 | 23 Legate Place<br>15 | 7 New Road<br>16 | 10 Broad Street<br>17 | Trimulgherry Cottage,&nbsp;<br>9 Church Street<br>18 | Lavender Cottage,&nbsp;<br>1 Church Street<br>19 | 8 Haycock Gardens<br>20 | 33 Haycock Gardens<br>21 | 42 Haycock Gardens<br>22 | 33a Hitchin Lane<br>23 | 7 Olivier Way<br>24 | 9 Yew Tree Walk<br>25 | 3 Yew Tree Walk<br>26 | 43 Brickle Place<br>27 | Garage 14 and 15 Whiston Crescent<br>28 | 57 Stockbridge Road<br>29 | 64 Church Street</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="19257">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="🚶‍♂️Cliffton Sale Trail - May 2026 - Event Image 1 May 23, 2026 10:00 AM" title="🚶‍♂️Cliffton Sale Trail - May 2026 at 67 Clifton Road, Shefford, SG17 5AG | Adults, Family, Free Entry, Low Cost, Outdoor, Preloved, Stalls, Walks | Suitable for: Accessible, Dog Friendly, Family, Free 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2OTcsInB1ciI6ImJsb2JfaWQifX0=--dc8b7ffcd717d1b353f82acd794003f1b199ecbc/FB_IMG_1779053330957.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2OTcsInB1ciI6ImJsb2JfaWQifX0=--dc8b7ffcd717d1b353f82acd794003f1b199ecbc/FB_IMG_1779053330957.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/18cXkiDhQz/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19257/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="🚶‍♂️Cliffton Sale Trail - May 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19257"
                              data-share-increment-url-value="/facebook_events/19257/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/19257/download_calendar"
                           data-calendar-download-event-id-value="19257"
                           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_19258" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19258">
    <div id="event_19258"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19258">
  <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=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=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-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=60">Play Parks</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=58">Walks</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge 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=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/19258">
                  <h1>🌳 Rushmere Nature Rubbing Trail - May 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MDAsInB1ciI6ImJsb2JfaWQifX0=--7ce538840041cf7aad5f800daa5550c3d14522a1/FB_IMG_1779055588322.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 23 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=Rushmere+Country+Park%2C+Linslade+Road%2C+Heath+and+Reach%2C+LU7+0EB">
                            <span class="underline text-xs sm:text-base">Rushmere Country Park, Linslade Road, Heath And Reach, LU7 0EB</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>
                            09:00
                          </span>
                          <span class="inline-block">
                            - 16:00
                          </span>
                          <span class="inline-block ml-4">
                            <strong>Price:</strong> £3.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>Making plans for May half term 2026? Why not come to Rushmere for some good old fashioned fun! <br><br>🗓 2026 DATES &amp; TIMES<br>▪️</strong>23rd May - 31st May 2026<br><strong><br>🕘 OPENING TIMES:<br>▪️</strong>Cafe: 8am - 4pm<br>▪️Visitor Centre: 9am - 5pm<br>▪️Rubbing Trail: 9am - 4pm<br>▪️Site: 8am - 8pm<br><br>ℹ️ <strong>EVENT DETAILS</strong><br>Our nature rubbing trail features native animals, fun facts and encourages young ones to walk in nature whilst getting creative with crayons. <br><br>Come to the visitor centre for your trail and crayons, and then show a visitor services team member your completed trail to get a sticker. Please note that this trail does extend beyond our most accessible paths. If you have any concerns please do ask when picking up your trail. <br><br>Not only does this offer a fun time for the family, it also raises vital funds for the environmental charity who run Rushmere, namely The Greensand Trust.<br><br>💳 <strong>COST: £3.00<br><br>🅿️ PARKING<br></strong>Parking charges apply.</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="19258">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="🌳 Rushmere Nature Rubbing Trail - May 2026 - Event Image 1 May 23, 2026 09:00 AM" title="🌳 Rushmere Nature Rubbing Trail - May 2026 at Rushmere Country Park, Linslade Road, Heath and Reach, LU7 0EB | Activities, Family, Fun, Kids, Low Cost, Outdoor, Pay On Entry, Play Parks, Scenic, Walks | Suitable for: Family, Blue Badge Parking, Children, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MDAsInB1ciI6ImJsb2JfaWQifX0=--7ce538840041cf7aad5f800daa5550c3d14522a1/FB_IMG_1779055588322.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MDAsInB1ciI6ImJsb2JfaWQifX0=--7ce538840041cf7aad5f800daa5550c3d14522a1/FB_IMG_1779055588322.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="🌳 Rushmere Nature Rubbing Trail - May 2026 - Event Image 2 May 23, 2026 09:00 AM" title="🌳 Rushmere Nature Rubbing Trail - May 2026 at Rushmere Country Park, Linslade Road, Heath and Reach, LU7 0EB | Activities, Family, Fun, Kids, Low Cost, Outdoor, Pay On Entry, Play Parks, Scenic, Walks | Suitable for: Family, Blue Badge Parking, Children, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MDIsInB1ciI6ImJsb2JfaWQifX0=--7d37a3c89ac159f9c97b57589baef5d11176cca3/FB_IMG_1779054836858.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MDIsInB1ciI6ImJsb2JfaWQifX0=--7d37a3c89ac159f9c97b57589baef5d11176cca3/FB_IMG_1779054836858.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/p/1EBqYM5Kbg/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19258/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="🌳 Rushmere Nature Rubbing Trail - May 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19258"
                              data-share-increment-url-value="/facebook_events/19258/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/19258/download_calendar"
                           data-calendar-download-event-id-value="19258"
                           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_19261" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19261">
    <div id="event_19261"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19261">
  <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=44">Creative</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=31">Indoor</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 !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=52">Rainy Days</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=32">Social</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 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/19261">
                  <h1>🧙‍♀️ Wicked Party - The Crown, Flitwick</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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MDgsInB1ciI6ImJsb2JfaWQifX0=--890a581eb805be4b2279b292802a7d466d9e52da/FB_IMG_1779113655924.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 23 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=The+Crown%2C+Station+Rd%2C+Flitwick+MK45+1LA">
                            <span class="underline text-xs sm:text-base">The Crown, Station Rd, Flitwick MK45 1LA</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">
                            - 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 and join us for our first Crown Wicked Party and get half term off to a strong start!!<br></strong><br>🗓 <strong>DATE &amp; TIME</strong><br>▪️Saturday 23rd May <br>▪️12 - 4pm.<br><br>🎶 <strong>EVENT DETAILS</strong><br>Meet Glinda and Elphaba!, Bouncy Castle, Singing, Dancing and Crafts....there may be a glitter tattoo or two!<br><br><strong>🎟 TICKET COST:</strong><br>£5 per child for access to everything - tickets in advance please via the event link or £7.50 on the door.</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="19261">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="🧙‍♀️ Wicked Party - The Crown, Flitwick - Event Image 1 May 23, 2026 12:00 PM" title="🧙‍♀️ Wicked Party - The Crown, Flitwick at The Crown, Station Rd, Flitwick MK45 1LA | Activities, Advance Booking, Creative, Entertainment, Fun, Indoor, Kids, Outdoor, Pay On Entry, Play Area, Pubs / Restaurants, Rainy Days, Social | Suitable for: Free Parking, Parking Onsite, Toilets, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MDgsInB1ciI6ImJsb2JfaWQifX0=--890a581eb805be4b2279b292802a7d466d9e52da/FB_IMG_1779113655924.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MDgsInB1ciI6ImJsb2JfaWQifX0=--890a581eb805be4b2279b292802a7d466d9e52da/FB_IMG_1779113655924.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.thecrownflitwick.co.uk"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19261/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="🧙‍♀️ Wicked Party - The Crown, Flitwick"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19261"
                              data-share-increment-url-value="/facebook_events/19261/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/19261/download_calendar"
                           data-calendar-download-event-id-value="19261"
                           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_19264" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19264">
    <div id="event_19264"
     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="19264">
  <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=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=38">Automotive</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=30">Outdoor</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 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>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair 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/19264">
                  <h1>🎉 Letchworth Food, Drink &amp; Classic Car Festival 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MTgsInB1ciI6ImJsb2JfaWQifX0=--32bb6fce8b692c576cec4ee7fb51a43203284aff/FB_IMG_1779116304923.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 23 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=4+The+Arcade%2C+Letchworth+Garden+City+SG6+3ES">
                            <span class="underline text-xs sm:text-base">4 The Arcade, Letchworth Garden City SG6 3ES</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>For two fantastic days, Letchworth's town centre will be packed with delicious food, refreshing drinks, live entertainment and an unmatched community atmosphere.</strong><br><br>🗓 <strong>DATES &amp; TIMES</strong><br>▪️Saturday 23rd May 2026: 10am - 5pm<br>▪️Sunday 24th May 2026: 10am - 5pm<br><br>ℹ️ <strong>EVENT DETAILS</strong><br>Our amazing local businesses will be open as usual, with many offering special promotions and festival treats throughout the weekend. With classic cars &amp; bikes on for both days.<br><br>🗓 <strong>SATURDAY - LEYES SQUARE<br>✨️ </strong>11:00 AM – AMA Theatre <br>✨️ 12:00 PM – Big Big Magic Show <br>✨️ 1:00 PM – Rock Choir <br>✨️ 2:00 PM – Rock Choir <br>✨️ 2:30 PM – BX Dance Academy <br>✨️3:00 PM – Garden City Samba <br><br>🗓 <strong>SUNDAY - LEYS SQUARE<br></strong>✨️ 12:00 PM – Dinosaur Show&nbsp;<br>✨️ 1:00 PM – Charlie Barron&nbsp;<br>✨️ 2:00 PM – Warriorz&nbsp;<br>🧚‍♀️ Bubble Fairy 12:30pm, 1:30pm &amp; 2:30pm</div><div><br></div><div>🤹‍♂️ <strong>SATURDAY &amp; SUNDAY</strong><br>▪️Character walkabouts 12pm - 1pm<br>▪️Free Circus Skills workshop in <a href="https://www.thewyndgallery.com/">WYND</a><br>(6-8 The Wynd, Letchworth Garden City SG6 3EN)<br><br>🎊 Come along, enjoy everything the town centre has to offer, support local businesses and make the most of this exciting celebration of food, drink and community. Bring your friends, bring your family!</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="19264">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="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 - Event Image 1 May 23, 2026 10:00 AM" title="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 at 4 The Arcade, Letchworth Garden City SG6 3ES | Activities, Adults, Automotive, Entertainment, Family, Food/Drink, Free Entry, Fun, Kids, Outdoor, Stalls | Suitable for: Accessible, Dog Friendly, Family, Wheelchair 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MTgsInB1ciI6ImJsb2JfaWQifX0=--32bb6fce8b692c576cec4ee7fb51a43203284aff/FB_IMG_1779116304923.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MTgsInB1ciI6ImJsb2JfaWQifX0=--32bb6fce8b692c576cec4ee7fb51a43203284aff/FB_IMG_1779116304923.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="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 - Event Image 2 May 23, 2026 10:00 AM" title="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 at 4 The Arcade, Letchworth Garden City SG6 3ES | Activities, Adults, Automotive, Entertainment, Family, Food/Drink, Free Entry, Fun, Kids, Outdoor, Stalls | Suitable for: Accessible, Dog Friendly, Family, Wheelchair 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MTksInB1ciI6ImJsb2JfaWQifX0=--bc7e92e608c0aa24d8b8ae5091834efd3548b6c7/FB_IMG_1779116306987.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MTksInB1ciI6ImJsb2JfaWQifX0=--bc7e92e608c0aa24d8b8ae5091834efd3548b6c7/FB_IMG_1779116306987.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="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 - Event Image 3 May 23, 2026 10:00 AM" title="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 at 4 The Arcade, Letchworth Garden City SG6 3ES | Activities, Adults, Automotive, Entertainment, Family, Food/Drink, Free Entry, Fun, Kids, Outdoor, Stalls | Suitable for: Accessible, Dog Friendly, Family, Wheelchair 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MjAsInB1ciI6ImJsb2JfaWQifX0=--9e77bdd201f82076eea5b488292cf6efca66af02/Screenshot_20260518_160530_Samsung%20Internet.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MjAsInB1ciI6ImJsb2JfaWQifX0=--9e77bdd201f82076eea5b488292cf6efca66af02/Screenshot_20260518_160530_Samsung%20Internet.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="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 - Event Image 4 May 23, 2026 10:00 AM" title="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 at 4 The Arcade, Letchworth Garden City SG6 3ES | Activities, Adults, Automotive, Entertainment, Family, Food/Drink, Free Entry, Fun, Kids, Outdoor, Stalls | Suitable for: Accessible, Dog Friendly, Family, Wheelchair 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MjEsInB1ciI6ImJsb2JfaWQifX0=--95010930e34631dc97f661f111f09112ed80a678/FB_IMG_1779116309939.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MjEsInB1ciI6ImJsb2JfaWQifX0=--95010930e34631dc97f661f111f09112ed80a678/FB_IMG_1779116309939.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="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 - Event Image 5 May 23, 2026 10:00 AM" title="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 at 4 The Arcade, Letchworth Garden City SG6 3ES | Activities, Adults, Automotive, Entertainment, Family, Food/Drink, Free Entry, Fun, Kids, Outdoor, Stalls | Suitable for: Accessible, Dog Friendly, Family, Wheelchair 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MjIsInB1ciI6ImJsb2JfaWQifX0=--10bf77349a011a15a71a552200b02b926ca67a28/FB_IMG_1779116314021.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MjIsInB1ciI6ImJsb2JfaWQifX0=--10bf77349a011a15a71a552200b02b926ca67a28/FB_IMG_1779116314021.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="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 - Event Image 6 May 23, 2026 10:00 AM" title="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026 at 4 The Arcade, Letchworth Garden City SG6 3ES | Activities, Adults, Automotive, Entertainment, Family, Food/Drink, Free Entry, Fun, Kids, Outdoor, Stalls | Suitable for: Accessible, Dog Friendly, Family, Wheelchair 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MjMsInB1ciI6ImJsb2JfaWQifX0=--779a33f0804cc3381cfd1c4ed48a9b728845eee8/FB_IMG_1779116319494.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MjMsInB1ciI6ImJsb2JfaWQifX0=--779a33f0804cc3381cfd1c4ed48a9b728845eee8/FB_IMG_1779116319494.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://loveletchworth.com/events/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19264/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="🎉 Letchworth Food, Drink &amp; Classic Car Festival 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19264"
                              data-share-increment-url-value="/facebook_events/19264/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/19264/download_calendar"
                           data-calendar-download-event-id-value="19264"
                           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_19418" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19418">
    <div id="event_19418"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19418">
  <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=23">Entertainment</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=14">OAP</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=32">Social</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/19418">
                  <h1>🎸 Live Music - Big 10 Smoke &amp; Grill, Ampthill</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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3ODEsInB1ciI6ImJsb2JfaWQifX0=--a4c26dbf562f57b43b88df7efe4fd90e37519e50/FB_IMG_1779136322420.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 23 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=Big+10+Smoke+%26+Grill%2C+4-8+Church+St%2C+Ampthill%2C+Bedford+MK45+2PJ%0A%0A">
                            <span class="underline text-xs sm:text-base">Big 10 Smoke &amp; Grill, 4-8 Church St, Ampthill, Bedford MK45 2PJ</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">
                            - 19: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>Bank holiday weekend is looking like a good one!! Scorchio!<br></strong><br>🎉 <strong>Saturday 23rd May 2026</strong><br>There is a <a href="https://whatsupbeds.com/events/19238"><strong>3 Legged beer race</strong></a><strong> </strong>through Ampthill town and we’ve got live music at the <a href="https://www.facebook.com/share/1c6CWqJu2v/"><strong>Big 10 Smoke &amp; Grill </strong></a>all afternoon in the yard from 1pm - 7pm.<br><br></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="19418">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 - Big 10 Smoke &amp; Grill, Ampthill - Event Image 1 May 23, 2026 01:00 PM" title="🎸 Live Music - Big 10 Smoke &amp; Grill, Ampthill at Big 10 Smoke &amp; Grill, 4-8 Church St, Ampthill, Bedford MK45 2PJ

 | Adults, Date Idea, Entertainment, Food/Drink, Free Entry, Indoor, Music, OAP, Pubs / Restaurants, Social | Suitable for: 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3ODEsInB1ciI6ImJsb2JfaWQifX0=--a4c26dbf562f57b43b88df7efe4fd90e37519e50/FB_IMG_1779136322420.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3ODEsInB1ciI6ImJsb2JfaWQifX0=--a4c26dbf562f57b43b88df7efe4fd90e37519e50/FB_IMG_1779136322420.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=""
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19418/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 - Big 10 Smoke &amp; Grill, Ampthill"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19418"
                              data-share-increment-url-value="/facebook_events/19418/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/19418/download_calendar"
                           data-calendar-download-event-id-value="19418"
                           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_19420" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19420">
    <div id="event_19420"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19420">
  <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=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=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 !bg-custom-light-yellow" href="/search?category_ids=26">Scenic</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/19420">
                  <h1>🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger </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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2MTgsInB1ciI6ImJsb2JfaWQifX0=--5456cd1265b54bd4c6c2011f8e80b37118336689/FB_IMG_1778839863871.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 23 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=The+Secret+Farm%2C+Blunham+Road%2C+Moggerhanger%2C+MK44+3RA">
                            <span class="underline text-xs sm:text-base">The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA</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>Step into a sea of colour this weekend and enjoy our beautiful Pick Your Own Peony Experience at The Secret Farm, Moggerhanger.</strong><br><br>💐 <strong>EVENT DETAILS</strong><br>Wander through the fields, choose your favourite blooms, and create your own perfect bunch to take home (extra charge to entry)<br><br><strong>Make a full day of it with fun for the whole family:</strong><br>🚜 Go-karts, mini tractors &amp; balance bikes (included)<br>🏖️ Sand pit &amp; play areas (included)<br>🚂 Barrel train rides (£3pp)<br>🏰 Bouncy castles (£3pp<br><br>🍟<strong>FOOD &amp; DRINK</strong><br>Tasty treats from our Dutch kitchen and our farm kitchen serving your favourites.<br><br><strong>🎟 ENTRY TICKET COST:</strong><br>▪️Age 3 and above: £5.00<br>▪️Under 3: Free<br>▪️Book your tickets via the event link.<br><br>ℹ️ <strong>CONTACT DETAILS</strong><br><strong>📧 Email: </strong><a href="mailto:hello@thesecret.farm">hello@thesecret.farm</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="19420">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="🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger  - Event Image 1 May 23, 2026 10:00 AM" title="🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger  at The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA | Activities, Adults, Advance Booking, Date Idea, Family, Fun, Kids, Outdoor, Play Area, Scenic, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2MTgsInB1ciI6ImJsb2JfaWQifX0=--5456cd1265b54bd4c6c2011f8e80b37118336689/FB_IMG_1778839863871.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2MTgsInB1ciI6ImJsb2JfaWQifX0=--5456cd1265b54bd4c6c2011f8e80b37118336689/FB_IMG_1778839863871.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="🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger  - Event Image 2 May 23, 2026 10:00 AM" title="🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger  at The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA | Activities, Adults, Advance Booking, Date Idea, Family, Fun, Kids, Outdoor, Play Area, Scenic, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2MTksInB1ciI6ImJsb2JfaWQifX0=--35dbf2683d81f173cdd240bddcef45ad1ab799cf/FB_IMG_1778839906721.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2MTksInB1ciI6ImJsb2JfaWQifX0=--35dbf2683d81f173cdd240bddcef45ad1ab799cf/FB_IMG_1778839906721.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="🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger  - Event Image 3 May 23, 2026 10:00 AM" title="🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger  at The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA | Activities, Adults, Advance Booking, Date Idea, Family, Fun, Kids, Outdoor, Play Area, Scenic, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2MjAsInB1ciI6ImJsb2JfaWQifX0=--174775546ee9c78ed3336c526e13df5b032b3996/FB_IMG_1778839889482.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2MjAsInB1ciI6ImJsb2JfaWQifX0=--174775546ee9c78ed3336c526e13df5b032b3996/FB_IMG_1778839889482.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="🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger  - Event Image 4 May 23, 2026 10:00 AM" title="🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger  at The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA | Activities, Adults, Advance Booking, Date Idea, Family, Fun, Kids, Outdoor, Play Area, Scenic, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2MjEsInB1ciI6ImJsb2JfaWQifX0=--bcb1d31665a85328475eea68135f3b2c28a0d8c7/FB_IMG_1778839909811.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ2MjEsInB1ciI6ImJsb2JfaWQifX0=--bcb1d31665a85328475eea68135f3b2c28a0d8c7/FB_IMG_1778839909811.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://thesecret.farm/product/the-secret-farm-pyo-2026/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19420/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="🌸 Peony Flower Picking 2026- Secret Farm, Moggerhanger "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19420"
                              data-share-increment-url-value="/facebook_events/19420/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/19420/download_calendar"
                           data-calendar-download-event-id-value="19420"
                           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_19424" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19424">
    <div id="event_19424"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19424">
  <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=19">Circus</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-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=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=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=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/19424">
                  <h1>🎪 James Richards Circus 2026 - Great Denham </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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3ODQsInB1ciI6ImJsb2JfaWQifX0=--074d56c194f9240446dd020054094dbe9080d6ed/FB_IMG_1779137570116.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 23 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=Great+Denham+MK40+4WR">
                            <span class="underline text-xs sm:text-base">Great Denham MK40 4WR</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">
                            - 18:40
                          </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>James Richards Circus has arrived in Great Denham Country Park! Our opening night and our final performance on bank holiday monday are already very busy! Shows last approximately an hourband forty minutes including intermission!</strong><br><br>🗓 <strong>2026 DATES &amp; TIMES</strong><br>▪️Thursday 21st May: 6pm<br>▪️Friday 22nd May: 7pm<br>▪️Saturday 23rd May: 2pm &amp; 5pm<br>▪️Sunday 24th May: 2pm &amp; 5pm<br><br>💥 <strong>THURSDAY 21ST MAY OFFER</strong><br>All seats £8!<br><br>💥 <strong>FRIDAY 22ND MAY OFFER</strong><br>Blue Light Card &amp; Defence Discount Service&nbsp; special offer. For our blue light and Defence discount deals email: <a href="mailto:info@jamesrichardscircus.co.uk">info@jamesrichardscircus.co.uk</a><br> Alternatively the box office opens for the first time at Midday Thursday. <br><br>🧒 <strong>CHILDREN</strong> <br>We charge children from 2 to 15 yrs of age. Under 2's are free, we do not allocate them a seat as they are required to be seated on parents' lap during the performance.<br><br>♿️ <strong>DISABLED TICKETS</strong><br>You need to contact us through our social media or you can email us at <a href="mailto:info@jamesrichardscircus.co.uk">info@jamesrichardscircus.co.uk</a> for information and prices<br><br><strong>🎟 TICKET COST:</strong><br>▪️Adults: £15.18&nbsp;<br>▪️Children &amp; Seniors: £10.84&nbsp;<br>▪️Under 2's are free (but are expected to be seated on parents/guardians lap through out the performance.</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="19424">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="🎪 James Richards Circus 2026 - Great Denham  - Event Image 1 May 23, 2026 02:00 PM" title="🎪 James Richards Circus 2026 - Great Denham  at Great Denham MK40 4WR | Circus, Adults, Advance Booking, Comedy, Date Idea, Entertainment, Family, Fun, Indoor, Music, Nightlife, Rainy Days, Ticket Event | Suitable for: Accessible, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3ODQsInB1ciI6ImJsb2JfaWQifX0=--074d56c194f9240446dd020054094dbe9080d6ed/FB_IMG_1779137570116.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3ODQsInB1ciI6ImJsb2JfaWQifX0=--074d56c194f9240446dd020054094dbe9080d6ed/FB_IMG_1779137570116.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.jamesrichardscircus.co.uk/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19424/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="🎪 James Richards Circus 2026 - Great Denham "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19424"
                              data-share-increment-url-value="/facebook_events/19424/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/19424/download_calendar"
                           data-calendar-download-event-id-value="19424"
                           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_19428" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19428">
    <div id="event_19428"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19428">
  <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=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=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=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=60">Play Parks</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=37">Tickets</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=61">Water</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>
</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/19428">
                  <h1>🏊‍♂️ Hitchin Outdoor Swimming Pool 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTAsInB1ciI6ImJsb2JfaWQifX0=--240210d0755dd2239469cf9024e7c71888c505f9/FB_IMG_1779186234020.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 23 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=Hitchin+Swimming+and+fitness+Centre%0AFishponds+Road%2C%0AHitchin+SG5+1HA">
                            <span class="underline text-xs sm:text-base">Hitchin Swimming And Fitness Centre Fishponds Road, Hitchin SG5 1HA</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>
                            08:00
                          </span>
                          <span class="inline-block">
                            - 18: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>At Hitchin Swimming and Fitness Centre is the fabulous 50m heated lido. What better way to enjoy those sun-filled summer days than with a dip in an outdoor pool? </strong><br><br>🗓 <strong>OUTDOOR OPENING TIMES</strong><br>▪️Lane swimming: From 8am<br>▪️Public swimming: 9am - 1pm<br>▪️Public swimming: 2pm - 6pm<br><br>(Check the app for updated times &amp; availability)<br><br>💦 <strong>ABOUT</strong><br>There’s both a smaller, shallower pool for kids to enjoy, while the larger pool is ideal for both leisure and lane swimming. You don’t have to wait until the sun’s out, either. A bracing outdoor swim will do you the world of good – whatever the weather!<br><br>✅️ Cafe<br>✅️ Outdoor play area<br><br><strong>🎟 TICKET COST:<br>▪️</strong>Adult: £8.00<br>▪️Junior: £4.00<br>▪️Senior: £4.00<br>▪️Consession: £4.00<strong><br></strong><br>ℹ️ <strong>BOOKING INFO</strong><br>Download the <a href="https://share.google/EFGxtzAmL6ondQVDk">Everyone Active App</a> if you haven't already and book in advance to guarantee a space.<br><br>🅿️ <strong>PARKING</strong><br>Free parking on Sundays and bank holidays.<br>Parking charges apply at other times. You can view them <a href="https://www.north-herts.gov.uk/hitchin-swimming-centre-car-park">here</a>.<br><br></div><div>ℹ️ <strong>CONTACT DETAILS <br>☎️ Phone: </strong><a href="tel:01492%20441646">01492 441646</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="19428">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="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 - Event Image 1 May 23, 2026 08:00 AM" title="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 at Hitchin Swimming and fitness Centre
Fishponds Road,
Hitchin SG5 1HA | Activities, Adults, Advance Booking, Date Idea, Family, Food/Drink, Fun, Kids, Outdoor, Play Parks, Sports, Teens, Tickets, Water | Suitable for: Children, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTAsInB1ciI6ImJsb2JfaWQifX0=--240210d0755dd2239469cf9024e7c71888c505f9/FB_IMG_1779186234020.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTAsInB1ciI6ImJsb2JfaWQifX0=--240210d0755dd2239469cf9024e7c71888c505f9/FB_IMG_1779186234020.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="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 - Event Image 2 May 23, 2026 08:00 AM" title="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 at Hitchin Swimming and fitness Centre
Fishponds Road,
Hitchin SG5 1HA | Activities, Adults, Advance Booking, Date Idea, Family, Food/Drink, Fun, Kids, Outdoor, Play Parks, Sports, Teens, Tickets, Water | Suitable for: Children, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTEsInB1ciI6ImJsb2JfaWQifX0=--d5e362bb2c20b06ac906ee64f2ca0088655cdb92/FB_IMG_1779186239019.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTEsInB1ciI6ImJsb2JfaWQifX0=--d5e362bb2c20b06ac906ee64f2ca0088655cdb92/FB_IMG_1779186239019.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="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 - Event Image 3 May 23, 2026 08:00 AM" title="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 at Hitchin Swimming and fitness Centre
Fishponds Road,
Hitchin SG5 1HA | Activities, Adults, Advance Booking, Date Idea, Family, Food/Drink, Fun, Kids, Outdoor, Play Parks, Sports, Teens, Tickets, Water | Suitable for: Children, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTIsInB1ciI6ImJsb2JfaWQifX0=--968ce3ef7734d9e8d110d7810059fa13cdfee5f7/FB_IMG_1779186251258.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTIsInB1ciI6ImJsb2JfaWQifX0=--968ce3ef7734d9e8d110d7810059fa13cdfee5f7/FB_IMG_1779186251258.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="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 - Event Image 4 May 23, 2026 08:00 AM" title="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 at Hitchin Swimming and fitness Centre
Fishponds Road,
Hitchin SG5 1HA | Activities, Adults, Advance Booking, Date Idea, Family, Food/Drink, Fun, Kids, Outdoor, Play Parks, Sports, Teens, Tickets, Water | Suitable for: Children, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTMsInB1ciI6ImJsb2JfaWQifX0=--359ff54c8f9feebb85e172b4f25aa81012c2a48a/FB_IMG_1779186231636.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTMsInB1ciI6ImJsb2JfaWQifX0=--359ff54c8f9feebb85e172b4f25aa81012c2a48a/FB_IMG_1779186231636.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="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 - Event Image 5 May 23, 2026 08:00 AM" title="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 at Hitchin Swimming and fitness Centre
Fishponds Road,
Hitchin SG5 1HA | Activities, Adults, Advance Booking, Date Idea, Family, Food/Drink, Fun, Kids, Outdoor, Play Parks, Sports, Teens, Tickets, Water | Suitable for: Children, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTQsInB1ciI6ImJsb2JfaWQifX0=--16ef98a0f98fa4788548a9413bada897728bb5be/FB_IMG_1779186243385.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTQsInB1ciI6ImJsb2JfaWQifX0=--16ef98a0f98fa4788548a9413bada897728bb5be/FB_IMG_1779186243385.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="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 - Event Image 6 May 23, 2026 08:00 AM" title="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 at Hitchin Swimming and fitness Centre
Fishponds Road,
Hitchin SG5 1HA | Activities, Adults, Advance Booking, Date Idea, Family, Food/Drink, Fun, Kids, Outdoor, Play Parks, Sports, Teens, Tickets, Water | Suitable for: Children, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTUsInB1ciI6ImJsb2JfaWQifX0=--1beeeccb70ee38da49b3d75f28757138972a600a/FB_IMG_1779186236889.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTUsInB1ciI6ImJsb2JfaWQifX0=--1beeeccb70ee38da49b3d75f28757138972a600a/FB_IMG_1779186236889.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="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 - Event Image 7 May 23, 2026 08:00 AM" title="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026 at Hitchin Swimming and fitness Centre
Fishponds Road,
Hitchin SG5 1HA | Activities, Adults, Advance Booking, Date Idea, Family, Food/Drink, Fun, Kids, Outdoor, Play Parks, Sports, Teens, Tickets, Water | Suitable for: Children, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTYsInB1ciI6ImJsb2JfaWQifX0=--a1f3f0077ea094153274e55698ab3139c00ac12e/FB_IMG_1779186227969.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTYsInB1ciI6ImJsb2JfaWQifX0=--a1f3f0077ea094153274e55698ab3139c00ac12e/FB_IMG_1779186227969.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.everyoneactive.com/centre/hitchin-swimming-and-fitness-centre/?activitySearch=swimming%20timetable"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19428/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="🏊‍♂️ Hitchin Outdoor Swimming Pool 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19428"
                              data-share-increment-url-value="/facebook_events/19428/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/19428/download_calendar"
                           data-calendar-download-event-id-value="19428"
                           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_19437" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19437">
    <div id="event_19437"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19437">
  <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=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=32">Social</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>
    <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/19437">
                  <h1>🍺 BBQ, Bouncy Castle &amp; DJ - 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTgsInB1ciI6ImJsb2JfaWQifX0=--fea4bcedb28de3660f5ad8d25cf699e98aeacd37/FB_IMG_1779195594602.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 23 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=The+Golden+Lion%2C+%0A22+Church+Street%2C%0AClifton%2C+Bedfordshire%2C+SG17%E2%80%AF5ES">
                            <span class="underline text-xs sm:text-base">The Golden Lion, 22 Church Street, Clifton, Bedfordshire, 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">
                            - 00: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 down to the Golden Lion in Clifton, Bedfordshire on Saturday 23rd May 2026!</strong><br><br><strong>🤩 WHAT TO EXPECT</strong><br>✨️ BBQ from 1pm<br>✨️ Bouncy castle for the kids<br>✨️ DJ from 8pm<br><br>ℹ️ <strong>CONTACT DETAILS</strong><br><strong>☎️ Phone: </strong><a href="tel:01462%20851345"><strong>01462 851345</strong></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="19437">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="🍺 BBQ, Bouncy Castle &amp; DJ - Golden Lion, Clifton - Event Image 1 May 23, 2026 01:00 PM" title="🍺 BBQ, Bouncy Castle &amp; DJ - Golden Lion, Clifton at The Golden Lion, 
22 Church Street,
Clifton, Bedfordshire, SG17 5ES | Adults, Entertainment, Family, Food/Drink, Free Entry, Indoor, Music, Nightlife, Outdoor, Play Area, Pubs / Restaurants, Social | Suitable for: Dog Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTgsInB1ciI6ImJsb2JfaWQifX0=--fea4bcedb28de3660f5ad8d25cf699e98aeacd37/FB_IMG_1779195594602.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4MTgsInB1ciI6ImJsb2JfaWQifX0=--fea4bcedb28de3660f5ad8d25cf699e98aeacd37/FB_IMG_1779195594602.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/1KveSxtMQX/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19437/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="🍺 BBQ, Bouncy Castle &amp; DJ - Golden Lion, Clifton"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19437"
                              data-share-increment-url-value="/facebook_events/19437/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/19437/download_calendar"
                           data-calendar-download-event-id-value="19437"
                           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_19447" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19447">
    <div id="event_19447"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19447">
  <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=25">History &amp; Heritage</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=52">Rainy Days</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</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>
    <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>
</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/19447">
                  <h1>🚂 Ridgmont Station Heritage Centre </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/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDYsInB1ciI6ImJsb2JfaWQifX0=--858fc03e9ac61c4091d4d2e61bbd2b3c18ac7d3a/FB_IMG_1776294572240.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 23 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=Ridgmont+Heritage+Centre%2C%0AStation+Rd%2C+Ridgmont%2C+Bedford+MK43+0XP%0A">
                            <span class="underline text-xs sm:text-base">Ridgmont Heritage Centre, Station Rd, Ridgmont, Bedford MK43 0XP</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: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>We are open this week Wednesday to Saturday, from 11am to 4pm. Pop by for a tea/coffee and a nice cake or scone. We'd love to see you at The Ridgmont Heritage Centre.</strong><br><br>😍<strong> WHAT TO EXPECT<br></strong>Join us this week from Wednesday to Saturday, 11am to 4pm. Tea/coffee and homemade cakes and scones will be available, as well as cheese scones and savoury cream tea.<strong><br><br></strong>Looking for a present for the train lover in your life? Our Ridgmont Station gift shop is full of delightful, railway-themed products - calendars, cups, books and more! Pay a visit to Ridgmont and see if there's something that could brighten your loved one's day.<strong><br><br>🌳 WALKS NEARBY <br></strong>Enjoy the great outdoors with your family! We're fortunate to have some fantastic walking and cycling routes nearby. Check out three of our favourites on our <a href="https://bit.ly/3Sktqa7"><strong>website</strong></a>. After your adventure, swing by for refreshments (Wednesday to Saturday) from our fantastic volunteers! <br><br>🎟 <strong>DISCOUNT INFORMATION</strong> <strong>TRAIN TRAVEL</strong><br>Railcard holders travel for a third off and Bedfordshire Bus Pass discounts travel for half price travel after 10:00 on weekdays and all day on Saturday &amp; Bank Holidays.<br><br>❗️<strong>PLEASE NOTE - CHECK BEFORE VISITING</strong><br>Please note it is not always possible to open the Museum at all advertised times due to a shortage of volunteers. Please call:<br><a href="tel:01525%20287121"><strong>01525 287121</strong></a> in advance if you are making a special journey for the Museum.<br><br>ℹ️ <strong>VOLUNTEERING OPPORTUNITIES</strong> <br>If you would like further details of volunteering opportunities please phone or email us <br><strong>☎️ Phone: </strong><a href="tel:01234%20832645"><strong>01234 832645</strong></a> <br><strong>📧 Email: </strong><a href="mailto:heritagecentre@bedsrcc.org.uk"><strong>heritagecentre@bedsrcc.org.uk</strong></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="19447">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="🚂 Ridgmont Station Heritage Centre  - Event Image 1 May 23, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDYsInB1ciI6ImJsb2JfaWQifX0=--858fc03e9ac61c4091d4d2e61bbd2b3c18ac7d3a/FB_IMG_1776294572240.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDYsInB1ciI6ImJsb2JfaWQifX0=--858fc03e9ac61c4091d4d2e61bbd2b3c18ac7d3a/FB_IMG_1776294572240.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="🚂 Ridgmont Station Heritage Centre  - Event Image 2 May 23, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDcsInB1ciI6ImJsb2JfaWQifX0=--3de08fac8b7481885bb94bf770fceb89adf42a8e/FB_IMG_1776294651501.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDcsInB1ciI6ImJsb2JfaWQifX0=--3de08fac8b7481885bb94bf770fceb89adf42a8e/FB_IMG_1776294651501.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="🚂 Ridgmont Station Heritage Centre  - Event Image 3 May 23, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDgsInB1ciI6ImJsb2JfaWQifX0=--6c865ebaa074353efb691b874f26dd8e419cc887/FB_IMG_1776294637329.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDgsInB1ciI6ImJsb2JfaWQifX0=--6c865ebaa074353efb691b874f26dd8e419cc887/FB_IMG_1776294637329.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="🚂 Ridgmont Station Heritage Centre  - Event Image 4 May 23, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDksInB1ciI6ImJsb2JfaWQifX0=--574c13dceeaec74c06a44bbc0fb3b1401277d487/FB_IMG_1776294606903.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDksInB1ciI6ImJsb2JfaWQifX0=--574c13dceeaec74c06a44bbc0fb3b1401277d487/FB_IMG_1776294606903.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="🚂 Ridgmont Station Heritage Centre  - Event Image 5 May 23, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMTAsInB1ciI6ImJsb2JfaWQifX0=--b0ef92b07db8c56562d20ea69d2780640cdb074c/FB_IMG_1776294623779.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMTAsInB1ciI6ImJsb2JfaWQifX0=--b0ef92b07db8c56562d20ea69d2780640cdb074c/FB_IMG_1776294623779.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/1BJUDcjaHA/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19447/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="🚂 Ridgmont Station Heritage Centre "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19447"
                              data-share-increment-url-value="/facebook_events/19447/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/19447/download_calendar"
                           data-calendar-download-event-id-value="19447"
                           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_19451" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19451">
    <div id="event_19451"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19451">
  <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=7">Animals</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=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=35">Overnight</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=39">Ticket Event</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</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>
    <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/19451">
                  <h1>🐮 May Half Term Fun 2026 at Ardeley Farm, Hertfordshire (camping options)</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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NDUsInB1ciI6ImJsb2JfaWQifX0=--8d162d93cac4a63bb143426aff6823ea9ee81f60/Screenshot_20260520_000408_Facebook.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 23 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=Church+Farm%0AArdeley%2C+Stevenage%0AHertfordshire%2C+SG2+7AH">
                            <span class="underline text-xs sm:text-base">Church Farm Ardeley, Stevenage Hertfordshire, SG2 7AH</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>
                            09: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>May Half Term 2026 fun at Church Farm Ardeley! Dogs welcome &amp; free parking. Make a day of it&nbsp; or stay for the weekend!</strong><br><br>🐷<strong> WHAT TO EXPECT</strong><br>Looking for something fun to do this half term? Come and enjoy a full day of family activities at Church Farm, Ardeley from 23rd–31st May 2026.<br><br>✨ <strong>Included in your Farm Day Pass:</strong> <br>• New Rabbit Walkway <br>• Woodland Play <br>• Teddy Bear Hunt <br>• Meet cows, sheep, pigs, goats &amp; more!<br><br>⭐ <strong>Extra Experiences: <br></strong>• Egg Collecting* <br>• Goat Walking Experience* <br>(*Pre-book online)<br><br>☕ <strong>Farm Café &amp; Shop Open Daily </strong>Breakfasts, lunches &amp; teas served all day.<br><br>⛺️ <strong>STAY THE NIGHT (OPTIONAL)</strong><br>Camping, glamping cabins &amp; bell tents available. <a href="https://churchfarmardeley.co.uk/camping-cabin-hire">Click here for more info.</a><br><br><strong>🎟 TICKET COST: FROM £5.95<br></strong>▪️Under 2s go FREE<br>▪️Book tickets in advance via thr event link.<br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>☎️ Phone: </strong><a href="tel:01438%20861%20447"><strong>01438 861 447</strong></a><br><strong>📧 Email: </strong><a href="mailto:info@churchfarmardeley.co.uk"><strong>info@churchfarmardeley.co.uk</strong></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="19451">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="🐮 May Half Term Fun 2026 at Ardeley Farm, Hertfordshire (camping options) - Event Image 1 May 23, 2026 09:00 AM" title="🐮 May Half Term Fun 2026 at Ardeley Farm, Hertfordshire (camping options) at Church Farm
Ardeley, Stevenage
Hertfordshire, SG2 7AH | Activities, Advance Booking, Animals, Baby/Toddlers, Family, Food/Drink, Fun, Kids, Outdoor, Overnight, Play Area, Ticket Event | Suitable for: Children, Dog Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NDUsInB1ciI6ImJsb2JfaWQifX0=--8d162d93cac4a63bb143426aff6823ea9ee81f60/Screenshot_20260520_000408_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NDUsInB1ciI6ImJsb2JfaWQifX0=--8d162d93cac4a63bb143426aff6823ea9ee81f60/Screenshot_20260520_000408_Facebook.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="🐮 May Half Term Fun 2026 at Ardeley Farm, Hertfordshire (camping options) - Event Image 2 May 23, 2026 09:00 AM" title="🐮 May Half Term Fun 2026 at Ardeley Farm, Hertfordshire (camping options) at Church Farm
Ardeley, Stevenage
Hertfordshire, SG2 7AH | Activities, Advance Booking, Animals, Baby/Toddlers, Family, Food/Drink, Fun, Kids, Outdoor, Overnight, Play Area, Ticket Event | Suitable for: Children, Dog Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NDYsInB1ciI6ImJsb2JfaWQifX0=--57513c95156bf8f7c15bf1a0a76c7ffbae3a971f/Screenshot_20260520_001043_Samsung%20Internet.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NDYsInB1ciI6ImJsb2JfaWQifX0=--57513c95156bf8f7c15bf1a0a76c7ffbae3a971f/Screenshot_20260520_001043_Samsung%20Internet.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.churchfarmardeley.co.uk"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19451/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="🐮 May Half Term Fun 2026 at Ardeley Farm, Hertfordshire (camping options)"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19451"
                              data-share-increment-url-value="/facebook_events/19451/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/19451/download_calendar"
                           data-calendar-download-event-id-value="19451"
                           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_19460" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19460">
    <div id="event_19460"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19460">
  <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=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=25">History &amp; Heritage</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=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=58">Walks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=52">Rainy Days</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/19460">
                  <h1>🔥 The Hellfire Caves - West Wycombe </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/eyJfcmFpbHMiOnsiZGF0YSI6MzIyOTEsInB1ciI6ImJsb2JfaWQifX0=--c0079bacaa7191763473d2ded1af50b0e8cbe1f3/Screenshot_20251226_033713_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 23 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=The+Hellfire+Caves%2C+Church+Ln%2C+West+Wycombe%2C+High+Wycombe+HP14+3AH">
                            <span class="underline text-xs sm:text-base">The Hellfire Caves, Church Ln, West Wycombe, High Wycombe HP14 3AH</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>The Hellfire Caves are totally unique and spectacular! Built in the 18th century, journey deep underground into the heart of the Chiltern Hills.<br><br>♿️ WHEELCHAIR &amp; PUSHCAHIRS <br></strong>Please note due to the nature of the caves and the width of the tunnels, the Hellfire Caves are unsuitable for pushchairs and wheelchairs We do however provide pushchair parking and baby slings for your convenience.<br><br>🅿️ <strong>PARKING</strong> <br>There is very limited parking at the caves but we have a 200 space car park located a short 5 minute walk away at:<br>📍<strong>Chorley Road, West Wycombe, HP14 3AP<br><br>🎟 TICKET COST:</strong><br><strong>▪️</strong>Adult: £9.50<br>▪️Child under 16: £8.00<br>▪️Child under 2: Free<br>▪️3 Person family: £21.00<br>▪️4 Person family: £30.00<br>▪️OAP: £8.00<br>▪️National Trust Member: £8.00<br><br>ℹ️ <strong>ENQUIRIES</strong> <br><strong>☎️ Phone: </strong><a href="tel:01494533739"><strong>01494 533739</strong></a><br><strong>📧 Email: </strong><a href="mailto:caves@westwycombeestate.co.uk?subject=Enquiry"><strong>caves@westwycombeestate.co.uk</strong></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="19460">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="🔥 The Hellfire Caves - West Wycombe  - Event Image 1 May 23, 2026 10:00 AM" title="🔥 The Hellfire Caves - West Wycombe  at The Hellfire Caves, Church Ln, West Wycombe, High Wycombe HP14 3AH | Adults, Advance Booking, Date Idea, History &amp; Heritage, Indoor, Teens, Ticket Event, Walks, Rainy Days | 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/eyJfcmFpbHMiOnsiZGF0YSI6MzIyOTEsInB1ciI6ImJsb2JfaWQifX0=--c0079bacaa7191763473d2ded1af50b0e8cbe1f3/Screenshot_20251226_033713_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzIyOTEsInB1ciI6ImJsb2JfaWQifX0=--c0079bacaa7191763473d2ded1af50b0e8cbe1f3/Screenshot_20251226_033713_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="🔥 The Hellfire Caves - West Wycombe  - Event Image 2 May 23, 2026 10:00 AM" title="🔥 The Hellfire Caves - West Wycombe  at The Hellfire Caves, Church Ln, West Wycombe, High Wycombe HP14 3AH | Adults, Advance Booking, Date Idea, History &amp; Heritage, Indoor, Teens, Ticket Event, Walks, Rainy Days | 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/eyJfcmFpbHMiOnsiZGF0YSI6MzIyOTIsInB1ciI6ImJsb2JfaWQifX0=--06b6cd4c179b7334afdf1e37d9e038fb2d8d265c/Screenshot_20251226_033741_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzIyOTIsInB1ciI6ImJsb2JfaWQifX0=--06b6cd4c179b7334afdf1e37d9e038fb2d8d265c/Screenshot_20251226_033741_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.hellfirecaves.co.uk/visit"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19460/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 Hellfire Caves - West Wycombe "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19460"
                              data-share-increment-url-value="/facebook_events/19460/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/19460/download_calendar"
                           data-calendar-download-event-id-value="19460"
                           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_19481" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19481">
    <div id="event_19481"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19481">
  <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=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=55">Half Term</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-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=26">Scenic</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=41">Seasonal</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=57">Activities</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=28">Play Area</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=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 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/19481">
                  <h1>🐛 Nature Trail at Jordans Mill - May 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/eyJfcmFpbHMiOnsiZGF0YSI6MjE2MzIsInB1ciI6ImJsb2JfaWQifX0=--6f38efd3973a186f5c955c245bf8d1d7c39e6b83/Screenshot_20250506_185245_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 23 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=Jordons+Mill%2C+Southill+Road%2C+Broom%2C+Biggleswade%2C+SG18+9JX">
                            <span class="underline text-xs sm:text-base">Jordons Mill, Southill Road, Broom, Biggleswade, SG18 9JX</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>
                            09:30
                          </span>
                          <span class="inline-block">
                            - 15:30
                          </span>
                          <span class="inline-block ml-4">
                            <strong>Price:</strong> £4.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>Keep your eyes peeled as you hunt for 10 hidden animals and insects along the way at Jordans Mill. Can you match each one to the home where it belongs? <br><br>▪️Dates:</strong> 23rd May – 31st May 2026<br>▪️<strong>Time: </strong>9:30 am – 3:30 pm<br><br>🔎 <strong>EVENT DETAILS</strong><br>Wildlife is all around us, but did you know insects and birds needs homes just like we do? From cosy birds nests to wooden homes, animals and insects need safe places to stay warm and raise their families.&nbsp; And now it's your turn to become a wildlife explorer.&nbsp;<br>&nbsp;<br>✨️Follow the clues<br>✨️Answer fun questions<br>✨️Discover amazing wildlife habitats</div><div>&nbsp;</div><div>Complete your trail sheet and return it at the end to earn a prize!<br><br>☕️ <strong>THE CAFE</strong><br>If you are feeling hungry there is also a cafe onsite at a scenic location overlooking the river. <a href="https://jordansmill.com/plan-your-visit/whats-on#riverside-cafe">Check the menu out here:</a></div><div>&nbsp;</div><div>🎟 <strong>NO NEED TO BOOK - £4<br></strong>£4 per child (includes a prize!)</div><div>No need to book— just pop into the Mill Shop, grab your trail sheet and let the adventure begin! &nbsp;</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="19481">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="🐛 Nature Trail at Jordans Mill - May 2026  - Event Image 1 May 23, 2026 09:30 AM" title="🐛 Nature Trail at Jordans Mill - May 2026  at Jordans Mill, Southill Road, Broom, Biggleswade, SG18 9JX | Food/Drink, Fun, Half Term, Low Cost, Outdoor, Pay On Entry, Scenic, Seasonal, Walks, Activities, Kids, Play Area | Suitable for: Accessible, Free Parking, Parking Onsite, Toilets, 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/eyJfcmFpbHMiOnsiZGF0YSI6MjE2MzIsInB1ciI6ImJsb2JfaWQifX0=--6f38efd3973a186f5c955c245bf8d1d7c39e6b83/Screenshot_20250506_185245_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjE2MzIsInB1ciI6ImJsb2JfaWQifX0=--6f38efd3973a186f5c955c245bf8d1d7c39e6b83/Screenshot_20250506_185245_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="🐛 Nature Trail at Jordans Mill - May 2026  - Event Image 2 May 23, 2026 09:30 AM" title="🐛 Nature Trail at Jordans Mill - May 2026  at Jordans Mill, Southill Road, Broom, Biggleswade, SG18 9JX | Food/Drink, Fun, Half Term, Low Cost, Outdoor, Pay On Entry, Scenic, Seasonal, Walks, Activities, Kids, Play Area | Suitable for: Accessible, Free Parking, Parking Onsite, Toilets, 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/eyJfcmFpbHMiOnsiZGF0YSI6MjE2MzMsInB1ciI6ImJsb2JfaWQifX0=--ba89dc29aa2e1d392fe56586c452d7b651768ec6/Screenshot_20250506_185330_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjE2MzMsInB1ciI6ImJsb2JfaWQifX0=--ba89dc29aa2e1d392fe56586c452d7b651768ec6/Screenshot_20250506_185330_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="🐛 Nature Trail at Jordans Mill - May 2026  - Event Image 3 May 23, 2026 09:30 AM" title="🐛 Nature Trail at Jordans Mill - May 2026  at Jordans Mill, Southill Road, Broom, Biggleswade, SG18 9JX | Food/Drink, Fun, Half Term, Low Cost, Outdoor, Pay On Entry, Scenic, Seasonal, Walks, Activities, Kids, Play Area | Suitable for: Accessible, Free Parking, Parking Onsite, Toilets, 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/eyJfcmFpbHMiOnsiZGF0YSI6MjE2MzQsInB1ciI6ImJsb2JfaWQifX0=--f4aba7ac3cf578aefc5edd08f1183c3616f31077/Screenshot_20250506_185415_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjE2MzQsInB1ciI6ImJsb2JfaWQifX0=--f4aba7ac3cf578aefc5edd08f1183c3616f31077/Screenshot_20250506_185415_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="🐛 Nature Trail at Jordans Mill - May 2026  - Event Image 4 May 23, 2026 09:30 AM" title="🐛 Nature Trail at Jordans Mill - May 2026  at Jordans Mill, Southill Road, Broom, Biggleswade, SG18 9JX | Food/Drink, Fun, Half Term, Low Cost, Outdoor, Pay On Entry, Scenic, Seasonal, Walks, Activities, Kids, Play Area | Suitable for: Accessible, Free Parking, Parking Onsite, Toilets, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NDgsInB1ciI6ImJsb2JfaWQifX0=--0aea2d0f04e6b7b9cb1106737e33225a40eae7f8/Screenshot_20260520_010914_Samsung%20Internet.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NDgsInB1ciI6ImJsb2JfaWQifX0=--0aea2d0f04e6b7b9cb1106737e33225a40eae7f8/Screenshot_20260520_010914_Samsung%20Internet.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://jordansmill.com/events"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19481/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="🐛 Nature Trail at Jordans Mill - May 2026 "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19481"
                              data-share-increment-url-value="/facebook_events/19481/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/19481/download_calendar"
                           data-calendar-download-event-id-value="19481"
                           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_19490" 
       class="event-card" 
       data-event-date="2026-05-23"
       data-event-id="19490">
    <div id="event_19490"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19490">
  <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=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-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=60">Play Parks</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=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>
</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/19490">
                  <h1>🎠 Smiths Funfair, May/June 2026 -  Gadebridge Park, Hemel Hempstead </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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NTEsInB1ciI6ImJsb2JfaWQifX0=--8f776b9034fe4468aa88cfed468c141808349e81/FB_IMG_1779237676967.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 23 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=Gadebridge+Park+Leighton+Buzzard+Rd.%2C+Hemel+Hempstead+HP1+1HR">
                            <span class="underline text-xs sm:text-base">Gadebridge Park Leighton Buzzard Rd., Hemel Hempstead HP1 1HR</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-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 excitement is back! Smiths Funfair returns to Gadebridge Park in Hemel Hempstead this Spring Bank Holiday 2026. The park will be transformed into a hub of thrills, laughter, and classic fairground entertainment.</strong><br><br>🗓 <strong>2026 DATES</strong><br>▪️Saturday 23rd May - Sunday 7th June<br><br>🕛 <strong>OPENING TIMES</strong><br>▪️Mon – Sat: 12:00pm – 9:00pm<br>▪️Sun: 12:00pm – 7:00pm<br><br><strong>Note: </strong>Between 1st–4th June, we open at the special time of 4:00pm – 9:00pm.<br><br>💥 <strong>UNLIMITED WRIST BAND DATES</strong><br>🗓 Wednesday 27th May 2026<br>🗓 Saturday 6th June 2026<br>🎟 £10 for those under 1m tall<br>🎟 £15 for those over 1m<br>▪️<strong>Sessions:</strong> 12pm–3pm, 3pm–6pm, or 6pm–8pm.<br><br>💳 <strong>TOKEN COST</strong><br>Tailor your visit to your budget with individual ride tokens starting at just £1.00. Frequent riders can take advantage of our bulk deals:<br>🪙 Pay £20 and get 25 tokens<br>🪙 Pay £40 and get 50 tokens<br><br>ℹ️ <strong>KEEP UPDATED </strong><br>Incase of any unexpected closures, please check on the Facebook page via the event link.</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="19490">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="🎠 Smiths Funfair, May/June 2026 -  Gadebridge Park, Hemel Hempstead  - Event Image 1 May 23, 2026 12:00 PM" title="🎠 Smiths Funfair, May/June 2026 -  Gadebridge Park, Hemel Hempstead  at Gadebridge Park Leighton Buzzard Rd., Hemel Hempstead HP1 1HR | Adults, Family, Food/Drink, Free Entry, Fun, Fun Fair, Kids, Nightlife, Outdoor, Pay On Entry, Play Parks, Teens, Weather Permitting | Suitable for: Children, Family, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NTEsInB1ciI6ImJsb2JfaWQifX0=--8f776b9034fe4468aa88cfed468c141808349e81/FB_IMG_1779237676967.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NTEsInB1ciI6ImJsb2JfaWQifX0=--8f776b9034fe4468aa88cfed468c141808349e81/FB_IMG_1779237676967.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/1BS1TzJfK5/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19490/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="🎠 Smiths Funfair, May/June 2026 -  Gadebridge Park, Hemel Hempstead "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19490"
                              data-share-increment-url-value="/facebook_events/19490/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/19490/download_calendar"
                           data-calendar-download-event-id-value="19490"
                           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>
</template></turbo-stream>      <turbo-stream action="before" target="load_more"><template>
        <div class="date-group">
            <div id="facebook_events_date_header_2026-05-24" 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 24 May (29)
  </h2>
</div>

          <div id="day_events_list_2026-05-24" class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                



  <div id="event_card_18189" 
       class="event-card" 
       data-event-date="2026-05-24"
       data-event-id="18189">
    <div id="event_18189"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18189">
  <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=38">Automotive</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=31">Indoor</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=52">Rainy Days</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=9">SEN</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 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>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=6">SEN</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=2">Wheelchair 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/18189">
                  <h1>🚂 Day Out With Thomas 2026 - Buckinghamshire Railway Centre</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/eyJfcmFpbHMiOnsiZGF0YSI6NDAyODEsInB1ciI6ImJsb2JfaWQifX0=--8bd6f3e59dd5e51eafaa7d23ac335139d8e8a4ba/Screenshot_20260329_140330_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>
                          Sunday 24 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=Buckinghamshire+Railway+Centre%2C+Station+Road%2C+Quainton%2C+Aylesbury%2C+Bucks%2C+HP22+4BY">
                            <span class="underline text-xs sm:text-base">Buckinghamshire Railway Centre, Station Road, Quainton, Aylesbury, Bucks, HP22 4BY</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>
                      </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>Thomas &amp; Friends™ are back at The Buckingshire Railway Centre this 2026 with the Let’s Rock, Let’s Roll Tour!</strong> <strong>All Aboard for a Rockin’ Good Time!<br><br>🗓 2026 DATES<br>▪️</strong>Friday 3 April <br>▪️Saturday 4 April <br>▪️Sunday 24 May<br>▪️Monday 25 May<br>▪️Saturday 15 August<br>▪️Sunday 16 August <br>▪️Saturday 17 October<br>▪️Sunday 18 October <br><strong><br>🕥 TIMES:</strong><br>We are open from 10.30am until 5pm and Thomas runs short train rides all day long, approx. every 20 minutes from 11am-4.30pm (with a break for lunch).<br><br>🚂💨 <strong>EVENT DETAILS</strong><br>Hop onboard a train ride with Thomas, a REAL steam engine, also ride with either Percy or Mavis and say hi to Trevor the Traction Engine! Meet Sir Topham Hatt and enjoy storytime and singalongs with him and Sodor Station Sweepers Rusty &amp; Dusty that’ll have the whole family dancing. <br><br>Enjoy a traction engine trailer ride, watch the exciting live shows, join in the Thomas &amp; Friends character hunt, have fun with the garden games and keep the beat going in the Music Corner packed with music-inspired fun, plus so much more! <br><br>You can also ride our miniature railway, watch the model trains, wander the site and enjoy the tea cup rides – there so much to see and do ALL AT NO EXTRA CHARGE!<br><br>ℹ️ <strong>ACCESSIBILITY &amp; DOG INFORMATION:<br></strong><a href="https://bucksrailcentre.org/plan-your-visit/faqs/"><strong>Click here</strong></a><br><br><strong>🎟 TICKET COST:<br>▪️</strong>Family of 3 (1 adult &amp; 2 children): £43.20<br>▪️Family of 4 (2 adults &amp; 2 children: £63.72.l<br>▪️Adult: £20.90 <br>▪️Child 2-17: £16.50 <br>▪️Child Under 2: £0.00 <br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>☎️ Phone: </strong><a href="tel:01296%20655720"><strong>01296 655720</strong></a><strong><br>📧 Email: </strong><a href="mailto:office@bucksrailcentre.org">office@bucksrailcentre.org</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="18189">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="🚂 Day Out With Thomas 2026 - Buckinghamshire Railway Centre - Event Image 1 May 24, 2026 10:30 AM" title="🚂 Day Out With Thomas 2026 - Buckinghamshire Railway Centre at Buckinghamshire Railway Centre, Station Road, Quainton, Aylesbury, Bucks, HP22 4BY | Activities, Advance Booking, Automotive, Baby/Toddlers, Family, Food/Drink, Fun, Indoor, Outdoor, Play Area, Rainy Days, SEN, Teens, Ticket Event | Suitable for: Accessible, Dog Friendly, Family, SEN, Toilets, Wheelchair 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/eyJfcmFpbHMiOnsiZGF0YSI6NDAyODEsInB1ciI6ImJsb2JfaWQifX0=--8bd6f3e59dd5e51eafaa7d23ac335139d8e8a4ba/Screenshot_20260329_140330_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyODEsInB1ciI6ImJsb2JfaWQifX0=--8bd6f3e59dd5e51eafaa7d23ac335139d8e8a4ba/Screenshot_20260329_140330_Chrome.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://bucksrailcentre.org/events/day-out-with-thomas/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18189/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="🚂 Day Out With Thomas 2026 - Buckinghamshire Railway Centre"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18189"
                              data-share-increment-url-value="/facebook_events/18189/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/18189/download_calendar"
                           data-calendar-download-event-id-value="18189"
                           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>
    
<div id="load_more" class="w-full mt-4 flex gap-2 justify-center px-2">


    <div class="w-full flex justify-center"
         data-controller="infinite-scroll"
         data-infinite-scroll-cooldown-ms-value="700"
         data-infinite-scroll-idle-label-value="Scroll to load more"
         data-infinite-scroll-loading-label-value="Loading more events...">
      <a data-turbo-action="advance" data-turbo-stream="true" data-infinite-scroll-target="link" data-controller="clicky-analytics" data-action="click-&gt;clicky-analytics#trackClick" data-clicky-analytics-event-value="pagination_load_more" data-clicky-analytics-payload-value="{&quot;surface&quot;:&quot;events&quot;,&quot;direction&quot;:&quot;next&quot;}" class="sr-only" href="/?format=turbo_stream&amp;page=WyIyMDI2LTA1LTI0IiwxODE4OV0&amp;published=true">Load more</a>
      <div data-infinite-scroll-target="sentinel"
           data-action="click->infinite-scroll#load"
           role="status"
           aria-live="polite"
           aria-atomic="true"
           class="mt-2 flex cursor-pointer flex-col items-center gap-3 rounded-xl bg-gray-50 px-6 py-4">
        <img alt="Loading more events" class="h-20 w-20 md:h-24 md:w-24 drop-shadow-sm hidden" data-infinite-scroll-target="spinner" src="/assets/infinite-spinner-725924ab4f97c66b72d553887f2426d041c3f5cc59fbcb1a797220af94235892.svg" />
        <span data-infinite-scroll-target="label" class="text-base font-semibold tracking-wide text-gray-700">Scroll to load more</span>
      </div>
    </div>
</div>


</template></turbo-stream>