        <turbo-stream action="replace" target="facebook_events_date_header_2026-09-12"><template>
          <div id="facebook_events_date_header_2026-09-12" 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 12 September (5)
  </h2>
</div>

</template></turbo-stream>      <turbo-stream action="append" target="day_events_list_2026-09-12"><template>
            <div>
                  <div id="event_card_21424"
         class="event-card"
         data-event-date="2026-09-12"
         data-event-id="21424">
      <div id="event_21424"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21424">
  <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=5">Charity</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=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=26">Scenic</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/21424">
                  <h1>🌸 Flower Festival 2026 - St Marys Church, Stotfold</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/eyJfcmFpbHMiOnsiZGF0YSI6NDk3MzksInB1ciI6ImJsb2JfaWQifX0=--30b741a16821c681976329357c10ba24fa059d33/FB_IMG_1787128558812.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 12 September 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=St+Marys+Church%2C+Church+Road%2C+Stotfold%2C+SG5+5NE">
                            <span class="underline text-xs sm:text-base">St Marys Church, Church Road, Stotfold, SG5 5NE</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-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>💐 <strong>Over the weekend of 12th &amp; 13th September 2016, you’ll be able to visit St Mary’s Church in Stotfold and take a look and the wonderful flower arrangements on display - all with a theme connected to our local groups, businesses &amp; organisations!<br><br>🗓 2026 DATES &amp; TIMES<br>▪️</strong>Saturday 12th September: 10am - 4pm<br>▪️Sunday 13th September: 11am - 4pm<br><br>🌸 <strong>DETAILS</strong>&nbsp;<br>With the help of some clever flower arrangers, a lot of imagination (and a lot of luck in our case!) these wonderful arrangements will be scattered around the church - think Christmas Tree Festival, but with flowers! &nbsp;<br><br>Make a date on the calendar to take a walk round and see the church looking absolutely beautiful and no doubt, smelling amazing too!&nbsp;<br><br>Refreshments available in the Church Hall.<br><br>FREE ENTRY!</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21424">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌸 Flower Festival 2026 - St Marys Church, Stotfold - Event Image 1 September 12, 2026 10:00 AM" title="🌸 Flower Festival 2026 - St Marys Church, Stotfold at St Marys Church, Church Road, Stotfold, SG5 5NE | Adults, Charity, Family, Free Entry, Indoor, Rainy Days, Scenic | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3MzksInB1ciI6ImJsb2JfaWQifX0=--30b741a16821c681976329357c10ba24fa059d33/FB_IMG_1787128558812.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3MzksInB1ciI6ImJsb2JfaWQifX0=--30b741a16821c681976329357c10ba24fa059d33/FB_IMG_1787128558812.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/18wchSr1bH/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21424/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="🌸 Flower Festival 2026 - St Marys Church, Stotfold"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21424"
                              data-share-increment-url-value="/facebook_events/21424/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/21424/download_calendar"
                           data-calendar-download-event-id-value="21424"
                           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_21674"
         class="event-card"
         data-event-date="2026-09-12"
         data-event-id="21674">
      <div id="event_21674"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21674">
  <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=40">Attractions</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-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=2">Low Cost</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</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=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=61">Water</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=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/21674">
                  <h1>🐐 Hogshaw Farm Tickets Only £6!</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/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjUsInB1ciI6ImJsb2JfaWQifX0=--6e687703086dabcdce6a1ef68088b38c7711fa74/FB_IMG_1788387832937.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 12 September 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=Hogshaw+Farm+%26+Wildlife+Park%2C%0AClaydon+Road%2C+Buckingham+MK18+3LA">
                            <span class="underline text-xs sm:text-base">Hogshaw Farm &amp; Wildlife Park, Claydon Road, Buckingham MK18 3LA</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:00
                          </span>
                          <span class="inline-block">
                            - 17:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🐐 <strong>All adult and child tickets are just £6 from 1-13 September 2026 at Hogshaw Farm in Buckinghamshire - enjoy all the fun of the Farm for less!<br><br>🚫 CLOSED DATES<br>▪️</strong>Monday 6 September 2026<br>▪️Tuesday 7 September 2026<br><br>▪️<strong>OPENING TIMES: </strong>10am-5pm<strong><br></strong><br><strong>🎟 TICKET COST: £6.00<br></strong>All tickets are £6 from 1st-13th September 2026. Toddler tickets are just £3!<strong><br></strong>Book tickets via the event link<br><br>👀 <strong>HAVEN'T BEEN BEFORE?</strong><br>Take a look at <a href="https://www.facebook.com/share/p/1QeMMuPVSh/">Whatsup Bedfordshire's Facebook post</a> to get an idea of what to expect.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21674">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐐 Hogshaw Farm Tickets Only £6! - Event Image 1 September 12, 2026 10:00 AM" title="🐐 Hogshaw Farm Tickets Only £6! at Hogshaw Farm &amp; Wildlife Park,
Claydon Road, Buckingham MK18 3LA | Activities, Advance Booking, Animals, Attractions, Baby/Toddlers, Family, Food/Drink, Fun, Indoor, Kids, Low Cost, Play Area, Play Parks, Ticket Event, Walks, Water | Suitable for: Accessible, 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjUsInB1ciI6ImJsb2JfaWQifX0=--6e687703086dabcdce6a1ef68088b38c7711fa74/FB_IMG_1788387832937.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjUsInB1ciI6ImJsb2JfaWQifX0=--6e687703086dabcdce6a1ef68088b38c7711fa74/FB_IMG_1788387832937.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="🐐 Hogshaw Farm Tickets Only £6! - Event Image 2 September 12, 2026 10:00 AM" title="🐐 Hogshaw Farm Tickets Only £6! at Hogshaw Farm &amp; Wildlife Park,
Claydon Road, Buckingham MK18 3LA | Activities, Advance Booking, Animals, Attractions, Baby/Toddlers, Family, Food/Drink, Fun, Indoor, Kids, Low Cost, Play Area, Play Parks, Ticket Event, Walks, Water | Suitable for: Accessible, 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjYsInB1ciI6ImJsb2JfaWQifX0=--4cd1c8908423e0e83c0fb1eacade5e061e662ee4/FB_IMG_1788387839655.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjYsInB1ciI6ImJsb2JfaWQifX0=--4cd1c8908423e0e83c0fb1eacade5e061e662ee4/FB_IMG_1788387839655.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://hogshawfarm.co.uk/times-prices/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21674/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="🐐 Hogshaw Farm Tickets Only £6!"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21674"
                              data-share-increment-url-value="/facebook_events/21674/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/21674/download_calendar"
                           data-calendar-download-event-id-value="21674"
                           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_21698"
         class="event-card"
         data-event-date="2026-09-12"
         data-event-id="21698">
      <div id="event_21698"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21698">
  <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=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=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=34">Nightlife</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=46">Theatre</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=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair Friendly</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21698">
                  <h1>🎪 Barnum - Milton Keynes Theatre</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/eyJfcmFpbHMiOnsiZGF0YSI6NDk2NzYsInB1ciI6ImJsb2JfaWQifX0=--fb61cec9e7bda27d50f63c1eb8e34e43f0a1dcb1/original_image_21392.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 12 September 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Milton+Keynes+Theatre%2C+500+Marlborough+Gate%2C+Milton+Keynes%2C+MK9+3NZ">
                            <span class="underline text-xs sm:text-base">Milton Keynes Theatre, 500 Marlborough Gate, Milton Keynes, MK9 3NZ</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:30
                          </span>
                          <span class="inline-block">
                            - 21:45
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎭 <strong>Step right up for Barnum at Milton Keynes Theatre from Tue 8 Sep - Sat 12 Sep 2026 - a dazzling, larger-than-life musical packed with spectacle, show tunes and circus magic.<br><br>▪️AGE GUIDANCE:</strong> 8+ Strictly no under 3s.<br><br>⏰️ <strong>RUN TIME</strong><br>▪️ 2 hours 10 minutes including interval<br><br>🗓 <strong>2026</strong> <strong>DATES &amp; TIMES</strong><br>▪️Tuesday 8th Sept: 7.30pm<br>▪️Wednesday 9th Sept: 2.30pm &amp; 7.30pm<br>▪️Thursday 10th Sept: 2.30pm &amp; 7.30pm<br>▪️Friday 11th Sept: 7.30pm<br>▪️Saturday 12th Sept: 2.30pm &amp; 7.30pm<br><br>🎪 <strong>MATT RAWLE STARS AS THE WORLD’S GREATEST SHOWMAN</strong><br>Matt Rawle (<em>Cabaret</em>, <em>Evita</em>, <em>Les Misérables</em>) takes centre stage as legendary 19th century showman P.T. Barnum. Directed by Jonathan O’Boyle and choreographed by Oti Mabuse, this spectacular production features an extraordinary ensemble of over 20 actor-musicians, acrobats and amazing circus acts.<br><br>From ambitious dreams to breathtaking risks, Barnum’s story unfolds in a whirlwind of imagination, showbiz and larger-than-life entertainment. Audiences can expect delight at every sight, wonder and miracle that the name Barnum stands for.<br><br>🎵 <strong>WHAT TO EXPECT</strong><br>Barnum first wowed UK audiences at the London Palladium, where Michael Crawford famously took to the tightrope night after night. Now Matt Rawle follows in those footsteps - and on to the wire - in a production bursting with theatrical flair.<br><br>Come follow the band with glorious music by multi-award winner Cy Coleman, lyrics by Michael Stewart and a book by Mark Bramble, featuring classic songs including Join the Circus, Colours of My Life, Come Follow the Band and Love Makes Such Fools of Us All.<br><br>⚠️ <strong>CONTENT ADVISORY</strong><br>This show includes smoke, haze, gunshots, fire, loud noises, flashing lights, darkness, balloons and clowns, and depicts racism, slavery, and exploitation of human and animal performers in the 19th-century entertainment industry.<br><br>🎟 <strong>TICKET COST:</strong> From £15.60<br>▪️<strong>Please note:</strong> A booking fee of £3.95 is applied to each order.<br><br>♿️ <strong>ACCESSIBILITY SUPPORT &amp; BOOKING</strong><br>☎️ <strong>Phone:</strong> <a href="tel:03330095399"><strong>03330 095 399</strong></a><strong> </strong>&amp;<strong> </strong><a href="https://help.atgtickets.com/hc/en-gb/requests/new?ticket_form_id=360001470219"><strong>Access Membership Scheme</strong></a> to book tickets.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21698">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
            <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
              <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🎪 Barnum - Milton Keynes Theatre - September 12, 2026 02:30 PM at Milton Keynes Theatre, 500 Marlborough Gate, Milton Keynes, MK9 3NZ" title="🎪 Barnum - Milton Keynes Theatre - Original Event Image | Adults, Music, Advance Booking, Date Idea, Entertainment, Food/Drink, Fun, Indoor, Nightlife, Theatre, Ticket Event | Suitable for: Accessible, Parking Onsite, Toilets, Wheelchair Friendly, Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk2NzYsInB1ciI6ImJsb2JfaWQifX0=--fb61cec9e7bda27d50f63c1eb8e34e43f0a1dcb1/original_image_21392.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk2NzYsInB1ciI6ImJsb2JfaWQifX0=--fb61cec9e7bda27d50f63c1eb8e34e43f0a1dcb1/original_image_21392.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="🎪 Barnum - Milton Keynes Theatre at Milton Keynes Theatre - Venue Image 1 September 12, 2026 02:30 PM" title="Milton Keynes Theatre at Milton Keynes Theatre, 500 Marlborough Gate, Milton Keynes, MK9 3NZ | Adults, Music, Advance Booking, Date Idea, Entertainment, Food/Drink, Fun, Indoor, Nightlife, Theatre, Ticket Event | Suitable for: Accessible, Parking Onsite, Toilets, Wheelchair Friendly, Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NTEsInB1ciI6ImJsb2JfaWQifX0=--be4051a684ae737202f74848a3eb997f4eee7738/Milton%20Keynes%20Theatre.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NTEsInB1ciI6ImJsb2JfaWQifX0=--be4051a684ae737202f74848a3eb997f4eee7738/Milton%20Keynes%20Theatre.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://prf.hn/l/o3nXjbP/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21698/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="🎪 Barnum - Milton Keynes Theatre"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21698"
                              data-share-increment-url-value="/facebook_events/21698/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/21698/download_calendar"
                           data-calendar-download-event-id-value="21698"
                           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_21712"
         class="event-card"
         data-event-date="2026-09-12"
         data-event-id="21712">
      <div id="event_21712"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21712">
  <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=4">Fun</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=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=29">Parks</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=60">Play Parks</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/21712">
                  <h1>🎠 Gumbles Childrens Funfair 2026 - Cranfield</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/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDIsInB1ciI6ImJsb2JfaWQifX0=--65736742f4790ea2145d0f4920dc37c848cdbb81/FB_IMG_1788524975581.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 12 September 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=Broad+Green%2C+Cranfield%2C+Bedfordshire%2C+MK43+0HW">
                            <span class="underline text-xs sm:text-base">Broad Green, Cranfield, Bedfordshire, MK43 0HW</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">
                            - 18:15
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎡 <strong>Gumble's Funfair is back this September 2026 at Broad Green, Cranfield. Join us for an exciting family day out packed with rides, inflatables, and smiles all round.</strong><br><br>🗓 <strong>2026 DATES:</strong><br>▪️Saturday 12th August <br>▪️Sunday 13th August <br><br>👦 <strong>AGE:</strong><br>Ideal for toddlers through to young teens.<br><br>🕒 <strong>CHOOSE A SESSION TIME:</strong><br>▪️12.00pm – 3.00pm<br>▪️3.15pm – 6.15pm<br><br>Sessions are time-limited – please arrive promptly!<br><br>🎟️ <strong>TICKET COST - PAY ON THE GATE:</strong><br>▪️ Child (unlimited rides per session): £11.00<br>▪️ Adult (spectator): £1.00<br><br>ℹ️ <strong>ENTRY INFO</strong><br>• No pre-booking required – just turn up and pay on the gate.<br>• All children require a wristband (available on the day).<br>• Unlimited ride wristbands available with no hidden fees.<br><br>🍔 <strong>FOOD &amp; DRINK</strong><br>There will be an onsite food court available.<br>Picnics must be held outside of the grounds.<br><br>🚫 🐶 <strong>DOG INFORMATION </strong><br>No dogs allowed except for guide dogs.<br><br>❗️<strong>IMPORTANT INFO FOR PARENTS</strong><br>Attractions may not be suitable for all children. Some rides have height or weight restrictions for safety. ALL children attending will need to buy a wristband upon entry, no exceptions.<br><br>🌧 <strong>WEATHER DEPENDENT</strong><br>Event is weather dependent. If inflatables cannot operate due to weather, rides may still be available. Please check our <a href="https://www.facebook.com/share/1LrJrPQMp9/">Facebook page</a> for updates before travelling.<br><br>ℹ️ <strong>ENQUIRIES/CONTACT DETAILS</strong><br>☎️ Phone: <a href="tel:07976%20813%20639">07976 813 639</a></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21712">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🎠 Gumbles Childrens Funfair 2026 - Cranfield - Event Image 1 September 12, 2026 12:00 PM" title="🎠 Gumbles Childrens Funfair 2026 - Cranfield at Broad Green, Cranfield, Bedfordshire, MK43 0HW | Fun, Baby/Toddlers, Family, Kids, Outdoor, Parks, Pay On Entry, Play Area, Play Parks | Suitable for: 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDIsInB1ciI6ImJsb2JfaWQifX0=--65736742f4790ea2145d0f4920dc37c848cdbb81/FB_IMG_1788524975581.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDIsInB1ciI6ImJsb2JfaWQifX0=--65736742f4790ea2145d0f4920dc37c848cdbb81/FB_IMG_1788524975581.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="🎠 Gumbles Childrens Funfair 2026 - Cranfield - Event Image 2 September 12, 2026 12:00 PM" title="🎠 Gumbles Childrens Funfair 2026 - Cranfield at Broad Green, Cranfield, Bedfordshire, MK43 0HW | Fun, Baby/Toddlers, Family, Kids, Outdoor, Parks, Pay On Entry, Play Area, Play Parks | Suitable for: 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDMsInB1ciI6ImJsb2JfaWQifX0=--7c7aa066aa0d4c4460b00c379a0e751a81a074ef/FB_IMG_1788525006097.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDMsInB1ciI6ImJsb2JfaWQifX0=--7c7aa066aa0d4c4460b00c379a0e751a81a074ef/FB_IMG_1788525006097.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="🎠 Gumbles Childrens Funfair 2026 - Cranfield - Event Image 3 September 12, 2026 12:00 PM" title="🎠 Gumbles Childrens Funfair 2026 - Cranfield at Broad Green, Cranfield, Bedfordshire, MK43 0HW | Fun, Baby/Toddlers, Family, Kids, Outdoor, Parks, Pay On Entry, Play Area, Play Parks | Suitable for: 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDQsInB1ciI6ImJsb2JfaWQifX0=--d0ad83ea58a20a54aef055d31162c38f7c3db2b8/FB_IMG_1788525013660.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDQsInB1ciI6ImJsb2JfaWQifX0=--d0ad83ea58a20a54aef055d31162c38f7c3db2b8/FB_IMG_1788525013660.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.gumblesamusements.co.uk/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21712/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="🎠 Gumbles Childrens Funfair 2026 - Cranfield"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21712"
                              data-share-increment-url-value="/facebook_events/21712/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/21712/download_calendar"
                           data-calendar-download-event-id-value="21712"
                           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-09-13" 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 13 September (7)
  </h2>
</div>

              <div class="flex justify-center my-2 view-type-toggle--below-date-header">
  <div class="relative inline-flex overflow-visible pt-2">
    <img alt="New" class="view-type-summary-new-badge" aria-hidden="true" src="/assets/new2-5ef7e3ff1f7354397db27cc3ce7807babed2061070f5b6ca5ac705ab2118656a.png" />
    <div class="inline-flex rounded-md shadow-sm view-type-toggle__buttons" role="group">
      <a class="tab-btn px-4 py-2 text-sm font-medium border border-green-300 bg-custom-dark-green font-bold text-white rounded-l-lg focus:z-10 focus:ring-2 focus:ring-green-500" href="/?view_type=tile">Detailed List</a>
      <a class="tab-btn px-4 py-2 text-sm font-medium border border-green-300 bg-custom-light-green text-white rounded-r-lg focus:z-10 focus:ring-2 focus:ring-green-500" href="/?view_type=list">Summary List</a>
    </div>
  </div>
</div>

          <div id="day_events_list_2026-09-13" class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                      <div id="event_card_17350"
         class="event-card"
         data-event-date="2026-09-13"
         data-event-id="17350">
      <div id="event_17350"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="17350">
  <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=17">Craft Fair</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=20">Market</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-light-yellow" href="/search?category_ids=58">Walks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=40">Attractions</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm bg-amber-800 text-white" href="/search?suitability_ids=13">Dog Friendly</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/17350">
                  <h1>🛍 Berkhamsted Artisan Market - 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/eyJfcmFpbHMiOnsiZGF0YSI6MzE1MjcsInB1ciI6ImJsb2JfaWQifX0=--dd79adf8370481563534b37bab3b0c60a9331adf/Screenshot_20251126_101216_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>
                          Sunday 13 September 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=High+St%2C+Berkhamsted+HP4+1HU%0A%0A">
                            <span class="underline text-xs sm:text-base">High St, Berkhamsted HP4 1HU</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>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🛍 <strong>Come on down to Berkhamsted on the High Street, explore the market and enjoy the town.</strong> <br><br><strong>🤩 WHAT TO EXPECT</strong><br>From a canal-side walk, to a wander through the historic streets and Sunday lunch in one of our many pubs, cafes and restaurants. Come and spend the day and soak up the atmosphere.&nbsp; <br><br>🏰 <strong>WHAT ELSE CAN I DO? <br></strong>An attraction to visit while you are there.<strong><br></strong><a href="https://www.english-heritage.org.uk/visit/places/berkhamsted-castle/"><strong>Berkhamsted Castle </strong></a>is an English Heritage site which is free to visit. The winter opening times are 10am - 4pm and Summer opening times are 10am - 6pm. Dogs on leads are welcome.<strong><br><br>📍Location: </strong>Berkhamsted Castle, White Hill, Berkhamsted, Hertfordshire, HP4 1LJ<br><br>🗓 <strong>MARKET DATES FOR 2026<br>&nbsp;(Dates may change)<br>▪️</strong>Sunday April 12th&nbsp;<br>▪️Sunday May 10th&nbsp;<br>▪️Sunday June 14th<br>▪️Sunday July 12th&nbsp;<br>▪️Sunday August 9th<br>▪️Sunday September 13th&nbsp;<br>▪️Sunday October 11th&nbsp;<br>▪️Sunday November 8th&nbsp;<br>▪️Sunday December 13th&nbsp;</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="17350">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🛍 Berkhamsted Artisan Market - 2026 - Event Image 1 September 13, 2026 09:30 AM" title="🛍 Berkhamsted Artisan Market - 2026 at High St, Berkhamsted HP4 1HU

 | Adults, Craft Fair, Family, Free Entry, Market, Outdoor, Stalls, Walks, Attractions | Suitable for: Family, Dog Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE1MjcsInB1ciI6ImJsb2JfaWQifX0=--dd79adf8370481563534b37bab3b0c60a9331adf/Screenshot_20251126_101216_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE1MjcsInB1ciI6ImJsb2JfaWQifX0=--dd79adf8370481563534b37bab3b0c60a9331adf/Screenshot_20251126_101216_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="🛍 Berkhamsted Artisan Market - 2026 - Event Image 2 September 13, 2026 09:30 AM" title="🛍 Berkhamsted Artisan Market - 2026 at High St, Berkhamsted HP4 1HU

 | Adults, Craft Fair, Family, Free Entry, Market, Outdoor, Stalls, Walks, Attractions | Suitable for: Family, Dog Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE1MjgsInB1ciI6ImJsb2JfaWQifX0=--67c93b9bf47dd3bcb82eaa1389df65a854f40f2b/Screenshot_20251126_101259_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE1MjgsInB1ciI6ImJsb2JfaWQifX0=--67c93b9bf47dd3bcb82eaa1389df65a854f40f2b/Screenshot_20251126_101259_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="🛍 Berkhamsted Artisan Market - 2026 - Event Image 3 September 13, 2026 09:30 AM" title="🛍 Berkhamsted Artisan Market - 2026 at High St, Berkhamsted HP4 1HU

 | Adults, Craft Fair, Family, Free Entry, Market, Outdoor, Stalls, Walks, Attractions | Suitable for: Family, Dog Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE1MjksInB1ciI6ImJsb2JfaWQifX0=--b6291cb98e0e411f52bc8a75a07362fbf0d2879e/Screenshot_20251126_101318_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE1MjksInB1ciI6ImJsb2JfaWQifX0=--b6291cb98e0e411f52bc8a75a07362fbf0d2879e/Screenshot_20251126_101318_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="🛍 Berkhamsted Artisan Market - 2026 - Event Image 4 September 13, 2026 09:30 AM" title="🛍 Berkhamsted Artisan Market - 2026 at High St, Berkhamsted HP4 1HU

 | Adults, Craft Fair, Family, Free Entry, Market, Outdoor, Stalls, Walks, Attractions | Suitable for: Family, Dog Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzgzODQsInB1ciI6ImJsb2JfaWQifX0=--a462e8e7f89b19d7b2123e17aabe2ca587c86ee4/FB_IMG_1772657466120.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzgzODQsInB1ciI6ImJsb2JfaWQifX0=--a462e8e7f89b19d7b2123e17aabe2ca587c86ee4/FB_IMG_1772657466120.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.berkhamstedartisanmarket.co.uk/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/17350/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="🛍 Berkhamsted Artisan Market - 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/17350"
                              data-share-increment-url-value="/facebook_events/17350/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/17350/download_calendar"
                           data-calendar-download-event-id-value="17350"
                           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_19234"
         class="event-card"
         data-event-date="2026-09-13"
         data-event-id="19234">
      <div id="event_19234"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19234">
  <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=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=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-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=43">Weather Permitting</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=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/19234">
                  <h1>🚂 Summerfield Miniature Railway 2026 - Haynes</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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1MTQsInB1ciI6ImJsb2JfaWQifX0=--d81d8f762ffc8c4113c1d9e800a8686b032690e4/Heather.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 13 September 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=Summerfields+Miniature+Railway%0ASummerfield+barns%0AHigh+road%0AHaynes%0AMK45+3BH">
                            <span class="underline text-xs sm:text-base">Summerfields Miniature Railway Summerfield Barns High Road Haynes MK45 3BH</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">
                            - 16:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🚂 <strong>Summerfields’ Miniature Railways system, is located in the open countryside near Haynes. The railways (there are three track systems at the Summerfields’ site) are a popular visitor destination for children and parents alike.<br></strong><br>🕥 <strong>TIMES</strong><br>Trains depart Haynes End between 10:30 and 15:45 (approx.), trains leaving Haynes End after 15:45 will not stop at Hammer Hill. We close at 16:00.<br><br>🛤 <strong>JOURNEY INFORMATION</strong><br>The Summerfield Line will take you between Haynes End Station and Hammer Hill Station.<br><br>At Hammer Hill you will have the option of taking a ride on two more of our railways - The Springfield Line from platform 2 and The Winterfield Line from platform 3 - tickets for both are sold at Hammer Hill.<br><br>🥪 <strong>FOOD &amp; DRINK</strong><br>The picnic area at Hammer Hill will also be open for you to use, from where you will be able to watch the Garden Line in operation.<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br>ℹ️ 🌧&nbsp; <strong>IMPORTANT INFORMATION</strong><br>Except where indicated you do not need to book in advance, merely "turn-up and go". The operation of all railways is subject to the availability of volunteers to run them and the prevailing weather conditions. We do try to run even when the weather is not at its best, but will have to cease operations should conditions dictate.<br><br><strong>🎟 TICKET COST:</strong><br>▪️Summerfields Railway (return ticket from Haynes End to Hammer Hill): £3.00<br>▪️Springfield Line: £2.00<br>▪️Winterfield Line (the raised track): £2.00<br><br>Card payment is preferred but we do still accept real money!<br><br><strong>ℹ️ CONTACT DETAILS<br>☎️ Phone: </strong><a href="tel:07498%20869902"><strong>07498 869902</strong></a><strong><br>📧 Email: </strong><a href="https://www.bedfordmes.co.uk/contact/"><strong>Click here</strong></a><strong><br>📘 Facebook: </strong><a href="https://www.facebook.com/share/17QgobRMJG/"><strong>Summer Fields Miniature Railways</strong></a></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="19234">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚂 Summerfield Miniature Railway 2026 - Haynes - Event Image 1 September 13, 2026 10:30 AM" title="🚂 Summerfield Miniature Railway 2026 - Haynes at Summerfields Miniature Railway
Summerfield barns
High road
Haynes
MK45 3BH | Automotive, Baby/Toddlers, Family, Fun, Kids, Outdoor, Pay On Entry, Weather Permitting | Suitable for: Dog Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1MTQsInB1ciI6ImJsb2JfaWQifX0=--d81d8f762ffc8c4113c1d9e800a8686b032690e4/Heather.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1MTQsInB1ciI6ImJsb2JfaWQifX0=--d81d8f762ffc8c4113c1d9e800a8686b032690e4/Heather.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="🚂 Summerfield Miniature Railway 2026 - Haynes - Event Image 2 September 13, 2026 10:30 AM" title="🚂 Summerfield Miniature Railway 2026 - Haynes at Summerfields Miniature Railway
Summerfield barns
High road
Haynes
MK45 3BH | Automotive, Baby/Toddlers, Family, Fun, Kids, Outdoor, Pay On Entry, Weather Permitting | Suitable for: Dog Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1MTUsInB1ciI6ImJsb2JfaWQifX0=--97b6669e4ac65f6b677dfaf1c2aeb5a4d7ed84de/smr.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ1MTUsInB1ciI6ImJsb2JfaWQifX0=--97b6669e4ac65f6b677dfaf1c2aeb5a4d7ed84de/smr.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/SummerfieldsMiniatureRailways"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19234/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="🚂 Summerfield Miniature Railway 2026 - Haynes"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19234"
                              data-share-increment-url-value="/facebook_events/19234/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/19234/download_calendar"
                           data-calendar-download-event-id-value="19234"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
      <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">Related Deals</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-full flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/deals/220">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NTAwNTQsInB1ciI6ImJsb2JfaWQifX0=--b4db2fdce01fe4785ff358081eaff7d691ac3a06/file_0000000023bc81f4a98e7732072e2d81.png" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
          Deal
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚂 Up To 40% Off The Shakespeare Express - Warwickshire </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_19871"
         class="event-card"
         data-event-date="2026-09-13"
         data-event-id="19871">
      <div id="event_19871"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19871">
  <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=24">Education</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-orange-500 text-white" href="/search?category_ids=30">Outdoor</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 !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/19871">
                  <h1>⚙️ Stotfold Watermill Opening Day 2026 - Free Entry</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/eyJfcmFpbHMiOnsiZGF0YSI6NDI0NzQsInB1ciI6ImJsb2JfaWQifX0=--aed2987d048f7859d1057cbad98006539926cef2/FB_IMG_1775773282857.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 13 September 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=Stotfold+Watermill+%26+Nature+Reserve+Mill+Lane%2C+Stotfold%2C+Bedfordshire%0ASG5+4NU">
                            <span class="underline text-xs sm:text-base">Stotfold Watermill &amp; Nature Reserve Mill Lane, Stotfold, Bedfordshire SG5 4NU</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:30
                          </span>
                          <span class="inline-block">
                            - 17:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>⚙️ <strong>Free entry into Stotfold Mill. The Mill, Shop and Tea Room are open to the public only on the following dates. Flour and oats are milled on open days, water levels permitting. </strong><br><br>🌳 <strong>THE NATURE RESERVE</strong><br>The Nature Reserve is open all year round, except 9th-10th May and 10th-11th October 2026. <br><br>📖 <strong>HISTORY</strong>&nbsp;<br>Nobody is certain of the exact date, but it is likely that a watermill has stood on the site of the current Stotfold Mill beside the River Ivel for over a thousand years and it is certainly one of the oldest recorded buildings in the town. The first written evidence is the mention of four mills in Stotfold in the Domesday book of 1086. One of those four was the currently-named Stotfold Mill.<br><br></div><div>ℹ️ <strong>FAQ'S: </strong><a href="https://www.stotfoldmill.com/plan-your-visit/faqs/"><strong>Click here</strong></a><br><br>🕛 <strong>TIMES:</strong><br>▪️Shop and Tea Room: 12:30 - 5:00pm<br>▪️Last orders for the Tea Room: 4.00pm<br>▪️Milling sessions: 1:00pm - 4:00pm<br>▪️Car Park: from 10.00am to 7.00pm (or earlier if dusk, dull or rainy)<br><br>🗓 <strong>2026 FREE OPENING DAYS:</strong><br>▪️Sunday 12th April<br>▪️Sunday 26th April <br>▪️Sunday 17th May<br>▪️Sunday 31st May<br>▪️Sunday 14th June<br>▪️Sunday 28th June<br>▪️Sunday 5th July<br>▪️Sunday 26th July<br>▪️Sunday 2nd, 9th, 16th, 23rd August<br>▪️Sunday 6th, 13th, 20th, 27th September <br>▪️Sunday 25th October <br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>📧 Email: </strong><a href="mailto:enquiries@stotfoldmill.com"><strong>enquiries@stotfoldmill.com</strong></a></div><div><strong>☎️ Phone: </strong><a href="tel:01462%20734541"><strong>01462 734541</strong></a></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="19871">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⚙️ Stotfold Watermill Opening Day 2026 - Free Entry - Event Image 1 September 13, 2026 12:30 PM" title="⚙️ Stotfold Watermill Opening Day 2026 - Free Entry at Stotfold Watermill &amp; Nature Reserve Mill Lane, Stotfold, Bedfordshire
SG5 4NU | Adults, Date Idea, Education, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Outdoor, Scenic, Walks | Suitable for: Accessible, Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDI0NzQsInB1ciI6ImJsb2JfaWQifX0=--aed2987d048f7859d1057cbad98006539926cef2/FB_IMG_1775773282857.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDI0NzQsInB1ciI6ImJsb2JfaWQifX0=--aed2987d048f7859d1057cbad98006539926cef2/FB_IMG_1775773282857.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="⚙️ Stotfold Watermill Opening Day 2026 - Free Entry - Event Image 2 September 13, 2026 12:30 PM" title="⚙️ Stotfold Watermill Opening Day 2026 - Free Entry at Stotfold Watermill &amp; Nature Reserve Mill Lane, Stotfold, Bedfordshire
SG5 4NU | Adults, Date Idea, Education, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Outdoor, Scenic, Walks | Suitable for: Accessible, Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDI0NzUsInB1ciI6ImJsb2JfaWQifX0=--4f6695e9ee2cfa5c05227ab836c9a6b1c94a53de/FB_IMG_1775773297162.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDI0NzUsInB1ciI6ImJsb2JfaWQifX0=--4f6695e9ee2cfa5c05227ab836c9a6b1c94a53de/FB_IMG_1775773297162.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="⚙️ Stotfold Watermill Opening Day 2026 - Free Entry - Event Image 3 September 13, 2026 12:30 PM" title="⚙️ Stotfold Watermill Opening Day 2026 - Free Entry at Stotfold Watermill &amp; Nature Reserve Mill Lane, Stotfold, Bedfordshire
SG5 4NU | Adults, Date Idea, Education, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Outdoor, Scenic, Walks | Suitable for: Accessible, Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDI0NzYsInB1ciI6ImJsb2JfaWQifX0=--73cac98cce5ffd5fb70404649245bc8d3dff2415/FB_IMG_1775773286270.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDI0NzYsInB1ciI6ImJsb2JfaWQifX0=--73cac98cce5ffd5fb70404649245bc8d3dff2415/FB_IMG_1775773286270.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.stotfoldmill.com/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19871/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="⚙️ Stotfold Watermill Opening Day 2026 - Free Entry"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19871"
                              data-share-increment-url-value="/facebook_events/19871/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/19871/download_calendar"
                           data-calendar-download-event-id-value="19871"
                           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_21425"
         class="event-card"
         data-event-date="2026-09-13"
         data-event-id="21425">
      <div id="event_21425"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21425">
  <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=5">Charity</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=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=26">Scenic</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/21425">
                  <h1>🌸 Flower Festival 2026 - St Marys Church, Stotfold</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/eyJfcmFpbHMiOnsiZGF0YSI6NDk3MzksInB1ciI6ImJsb2JfaWQifX0=--30b741a16821c681976329357c10ba24fa059d33/FB_IMG_1787128558812.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 13 September 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=St+Marys+Church%2C+Church+Road%2C+Stotfold%2C+SG5+5NE">
                            <span class="underline text-xs sm:text-base">St Marys Church, Church Road, Stotfold, SG5 5NE</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-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>💐 <strong>Over the weekend of 12th &amp; 13th September 2016, you’ll be able to visit St Mary’s Church in Stotfold and take a look and the wonderful flower arrangements on display - all with a theme connected to our local groups, businesses &amp; organisations!<br><br>🗓 2026 DATES &amp; TIMES<br>▪️</strong>Saturday 12th September: 10am - 4pm<br>▪️Sunday 13th September: 11am - 4pm<br><br>🌸 <strong>DETAILS</strong>&nbsp;<br>With the help of some clever flower arrangers, a lot of imagination (and a lot of luck in our case!) these wonderful arrangements will be scattered around the church - think Christmas Tree Festival, but with flowers! &nbsp;<br><br>Make a date on the calendar to take a walk round and see the church looking absolutely beautiful and no doubt, smelling amazing too!&nbsp;<br><br>Refreshments available in the Church Hall.<br><br>FREE ENTRY!</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21425">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌸 Flower Festival 2026 - St Marys Church, Stotfold - Event Image 1 September 13, 2026 10:00 AM" title="🌸 Flower Festival 2026 - St Marys Church, Stotfold at St Marys Church, Church Road, Stotfold, SG5 5NE | Adults, Charity, Family, Free Entry, Indoor, Rainy Days, Scenic | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3MzksInB1ciI6ImJsb2JfaWQifX0=--30b741a16821c681976329357c10ba24fa059d33/FB_IMG_1787128558812.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDk3MzksInB1ciI6ImJsb2JfaWQifX0=--30b741a16821c681976329357c10ba24fa059d33/FB_IMG_1787128558812.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/18wchSr1bH/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21425/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="🌸 Flower Festival 2026 - St Marys Church, Stotfold"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21425"
                              data-share-increment-url-value="/facebook_events/21425/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/21425/download_calendar"
                           data-calendar-download-event-id-value="21425"
                           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_21675"
         class="event-card"
         data-event-date="2026-09-13"
         data-event-id="21675">
      <div id="event_21675"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21675">
  <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=40">Attractions</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-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=2">Low Cost</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</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=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=61">Water</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=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/21675">
                  <h1>🐐 Hogshaw Farm Tickets Only £6!</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/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjUsInB1ciI6ImJsb2JfaWQifX0=--6e687703086dabcdce6a1ef68088b38c7711fa74/FB_IMG_1788387832937.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 13 September 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=Hogshaw+Farm+%26+Wildlife+Park%2C%0AClaydon+Road%2C+Buckingham+MK18+3LA">
                            <span class="underline text-xs sm:text-base">Hogshaw Farm &amp; Wildlife Park, Claydon Road, Buckingham MK18 3LA</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:00
                          </span>
                          <span class="inline-block">
                            - 17:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🐐 <strong>All adult and child tickets are just £6 from 1-13 September 2026 at Hogshaw Farm in Buckinghamshire - enjoy all the fun of the Farm for less!<br><br>🚫 CLOSED DATES<br>▪️</strong>Monday 6 September 2026<br>▪️Tuesday 7 September 2026<br><br>▪️<strong>OPENING TIMES: </strong>10am-5pm<strong><br></strong><br><strong>🎟 TICKET COST: £6.00<br></strong>All tickets are £6 from 1st-13th September 2026. Toddler tickets are just £3!<strong><br></strong>Book tickets via the event link<br><br>👀 <strong>HAVEN'T BEEN BEFORE?</strong><br>Take a look at <a href="https://www.facebook.com/share/p/1QeMMuPVSh/">Whatsup Bedfordshire's Facebook post</a> to get an idea of what to expect.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21675">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🐐 Hogshaw Farm Tickets Only £6! - Event Image 1 September 13, 2026 10:00 AM" title="🐐 Hogshaw Farm Tickets Only £6! at Hogshaw Farm &amp; Wildlife Park,
Claydon Road, Buckingham MK18 3LA | Activities, Advance Booking, Animals, Attractions, Baby/Toddlers, Family, Food/Drink, Fun, Indoor, Kids, Low Cost, Play Area, Play Parks, Ticket Event, Walks, Water | Suitable for: Accessible, 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjUsInB1ciI6ImJsb2JfaWQifX0=--6e687703086dabcdce6a1ef68088b38c7711fa74/FB_IMG_1788387832937.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjUsInB1ciI6ImJsb2JfaWQifX0=--6e687703086dabcdce6a1ef68088b38c7711fa74/FB_IMG_1788387832937.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="🐐 Hogshaw Farm Tickets Only £6! - Event Image 2 September 13, 2026 10:00 AM" title="🐐 Hogshaw Farm Tickets Only £6! at Hogshaw Farm &amp; Wildlife Park,
Claydon Road, Buckingham MK18 3LA | Activities, Advance Booking, Animals, Attractions, Baby/Toddlers, Family, Food/Drink, Fun, Indoor, Kids, Low Cost, Play Area, Play Parks, Ticket Event, Walks, Water | Suitable for: Accessible, 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjYsInB1ciI6ImJsb2JfaWQifX0=--4cd1c8908423e0e83c0fb1eacade5e061e662ee4/FB_IMG_1788387839655.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAxMjYsInB1ciI6ImJsb2JfaWQifX0=--4cd1c8908423e0e83c0fb1eacade5e061e662ee4/FB_IMG_1788387839655.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://hogshawfarm.co.uk/times-prices/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21675/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="🐐 Hogshaw Farm Tickets Only £6!"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21675"
                              data-share-increment-url-value="/facebook_events/21675/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/21675/download_calendar"
                           data-calendar-download-event-id-value="21675"
                           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_21684"
         class="event-card"
         data-event-date="2026-09-13"
         data-event-id="21684">
      <div id="event_21684"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21684">
  <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=21">Car Boot</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-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=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-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 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/21684">
                  <h1>🚘 Pulloxhill Car Boot Sale 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/eyJfcmFpbHMiOnsiZGF0YSI6NDgzMDEsInB1ciI6ImJsb2JfaWQifX0=--785ad08f572dbaa83ad9fdca9e7113e7df0e3d85/FB_IMG_1782042265977.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 13 September 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=Pulloxhill+Car+Boot+sale%0AFlitton+Road%2C+Pulloxhill%2C+Bedfordshire%2C+MK45+5HW">
                            <span class="underline text-xs sm:text-base">Pulloxhill Car Boot Sale Flitton Road, Pulloxhill, Bedfordshire, MK45 5HW</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">
                            - 13:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🚘 <strong>Pulloxhill car boot sale is open Sunday's from June 2026 weather dependent. <br><br></strong>🕘 <strong>OPENING TIMES</strong><br>▪️Sellers at 8.00 am <br>▪️Buyers at 9.00am<br><br>🪙 <strong>ENTRY FOR BUYERS: </strong>Buyers £1 only <br><br>🚘 <strong>SELLERS INFORMATION </strong><br>▪️CARS, SUV's 4x4 Small vans £10<br>▪️Large VANS, £15<br>▪️All TRAILERS £5 each<br><br>Any helpers for sellers must be in the same vehicle for entry. No trading before 9am<br><br>💷 <strong>PLEASE NOTE:</strong><br>Please have correct money at the gates as change won't be given.<br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>☎️ Phone: </strong><a href="tel:07944%20431757"><strong>07944 431757</strong></a><strong><br><br>Check on </strong><a href="https://www.facebook.com/share/1EKhJyw7bJ/"><strong>Facebook</strong></a><strong> incase of any last minute closures.</strong></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21684">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚘 Pulloxhill Car Boot Sale 2026 - Event Image 1 September 13, 2026 09:00 AM" title="🚘 Pulloxhill Car Boot Sale 2026 at Pulloxhill Car Boot sale
Flitton Road, Pulloxhill, Bedfordshire, MK45 5HW | Adults, Car Boot, Family, Food/Drink, Low Cost, Outdoor, Pay On Entry, Preloved, Stalls | Suitable for: Accessible, Blue Badge Parking, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDgzMDEsInB1ciI6ImJsb2JfaWQifX0=--785ad08f572dbaa83ad9fdca9e7113e7df0e3d85/FB_IMG_1782042265977.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgzMDEsInB1ciI6ImJsb2JfaWQifX0=--785ad08f572dbaa83ad9fdca9e7113e7df0e3d85/FB_IMG_1782042265977.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.pulloxhillcarboot.co.uk/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21684/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="🚘 Pulloxhill Car Boot Sale 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21684"
                              data-share-increment-url-value="/facebook_events/21684/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/21684/download_calendar"
                           data-calendar-download-event-id-value="21684"
                           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_21713"
         class="event-card"
         data-event-date="2026-09-13"
         data-event-id="21713">
      <div id="event_21713"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21713">
  <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=4">Fun</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=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=29">Parks</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=60">Play Parks</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/21713">
                  <h1>🎠 Gumbles Childrens Funfair 2026 - Cranfield</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/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDIsInB1ciI6ImJsb2JfaWQifX0=--65736742f4790ea2145d0f4920dc37c848cdbb81/FB_IMG_1788524975581.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 13 September 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=Broad+Green%2C+Cranfield%2C+Bedfordshire%2C+MK43+0HW">
                            <span class="underline text-xs sm:text-base">Broad Green, Cranfield, Bedfordshire, MK43 0HW</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">
                            - 18:15
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎡 <strong>Gumble's Funfair is back this September 2026 at Broad Green, Cranfield. Join us for an exciting family day out packed with rides, inflatables, and smiles all round.</strong><br><br>🗓 <strong>2026 DATES:</strong><br>▪️Saturday 12th August <br>▪️Sunday 13th August <br><br>👦 <strong>AGE:</strong><br>Ideal for toddlers through to young teens.<br><br>🕒 <strong>CHOOSE A SESSION TIME:</strong><br>▪️12.00pm – 3.00pm<br>▪️3.15pm – 6.15pm<br><br>Sessions are time-limited – please arrive promptly!<br><br>🎟️ <strong>TICKET COST - PAY ON THE GATE:</strong><br>▪️ Child (unlimited rides per session): £11.00<br>▪️ Adult (spectator): £1.00<br><br>ℹ️ <strong>ENTRY INFO</strong><br>• No pre-booking required – just turn up and pay on the gate.<br>• All children require a wristband (available on the day).<br>• Unlimited ride wristbands available with no hidden fees.<br><br>🍔 <strong>FOOD &amp; DRINK</strong><br>There will be an onsite food court available.<br>Picnics must be held outside of the grounds.<br><br>🚫 🐶 <strong>DOG INFORMATION </strong><br>No dogs allowed except for guide dogs.<br><br>❗️<strong>IMPORTANT INFO FOR PARENTS</strong><br>Attractions may not be suitable for all children. Some rides have height or weight restrictions for safety. ALL children attending will need to buy a wristband upon entry, no exceptions.<br><br>🌧 <strong>WEATHER DEPENDENT</strong><br>Event is weather dependent. If inflatables cannot operate due to weather, rides may still be available. Please check our <a href="https://www.facebook.com/share/1LrJrPQMp9/">Facebook page</a> for updates before travelling.<br><br>ℹ️ <strong>ENQUIRIES/CONTACT DETAILS</strong><br>☎️ Phone: <a href="tel:07976%20813%20639">07976 813 639</a></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21713">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🎠 Gumbles Childrens Funfair 2026 - Cranfield - Event Image 1 September 13, 2026 12:00 PM" title="🎠 Gumbles Childrens Funfair 2026 - Cranfield at Broad Green, Cranfield, Bedfordshire, MK43 0HW | Fun, Baby/Toddlers, Family, Kids, Outdoor, Parks, Pay On Entry, Play Area, Play Parks | Suitable for: 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDIsInB1ciI6ImJsb2JfaWQifX0=--65736742f4790ea2145d0f4920dc37c848cdbb81/FB_IMG_1788524975581.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDIsInB1ciI6ImJsb2JfaWQifX0=--65736742f4790ea2145d0f4920dc37c848cdbb81/FB_IMG_1788524975581.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="🎠 Gumbles Childrens Funfair 2026 - Cranfield - Event Image 2 September 13, 2026 12:00 PM" title="🎠 Gumbles Childrens Funfair 2026 - Cranfield at Broad Green, Cranfield, Bedfordshire, MK43 0HW | Fun, Baby/Toddlers, Family, Kids, Outdoor, Parks, Pay On Entry, Play Area, Play Parks | Suitable for: 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDMsInB1ciI6ImJsb2JfaWQifX0=--7c7aa066aa0d4c4460b00c379a0e751a81a074ef/FB_IMG_1788525006097.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDMsInB1ciI6ImJsb2JfaWQifX0=--7c7aa066aa0d4c4460b00c379a0e751a81a074ef/FB_IMG_1788525006097.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="🎠 Gumbles Childrens Funfair 2026 - Cranfield - Event Image 3 September 13, 2026 12:00 PM" title="🎠 Gumbles Childrens Funfair 2026 - Cranfield at Broad Green, Cranfield, Bedfordshire, MK43 0HW | Fun, Baby/Toddlers, Family, Kids, Outdoor, Parks, Pay On Entry, Play Area, Play Parks | Suitable for: 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/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDQsInB1ciI6ImJsb2JfaWQifX0=--d0ad83ea58a20a54aef055d31162c38f7c3db2b8/FB_IMG_1788525013660.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTAyMDQsInB1ciI6ImJsb2JfaWQifX0=--d0ad83ea58a20a54aef055d31162c38f7c3db2b8/FB_IMG_1788525013660.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.gumblesamusements.co.uk/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21713/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="🎠 Gumbles Childrens Funfair 2026 - Cranfield"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21713"
                              data-share-increment-url-value="/facebook_events/21713/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/21713/download_calendar"
                           data-calendar-download-event-id-value="21713"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

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

  </div>
</div>

    </div>

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