      <turbo-stream action="before" target="load_more"><template>
        <div class="date-group">
            <div id="facebook_events_date_header_2026-06-26" 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">
    Friday 26 June (4)
  </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-06-26" class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                      <div id="event_card_18582"
         class="event-card"
         data-event-date="2026-06-26"
         data-event-id="18582">
      <div id="event_18582"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18582">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=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=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=59">Pubs / Restaurants</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=48">Recurring</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=32">Social</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=4">Adults Only</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/18582">
                  <h1>🎶🍹 Old Skool Garage &amp; RnB Bottomless Brunch - The Rose, Bedford </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMzUsInB1ciI6ImJsb2JfaWQifX0=--f0a3253f7ace3de7837119e78b9fcd98882b2da8/FB_IMG_1776795582799.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>
                          Friday 26 June 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=The+Rose%2C+45+High+St%2C+Bedford+MK40+1RY">
                            <span class="underline text-xs sm:text-base">The Rose, 45 High St, Bedford MK40 1RY</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>
                            19:30
                          </span>
                          <span class="inline-block">
                            - 22:00
                          </span>
                          <span class="inline-block ml-4">
                            <strong>Price:</strong> £34.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>Old Skool Garage &amp; RnB Brunch at The Rose, Bedford. Start your weekend the right way every Friday night from 7:30pm!</strong><br><br><strong>🤩 WHAT TO EXPECT</strong><br>We’re bringing you the best of old skool garage &amp; RnB vibes with a live DJ spinning nothing but classics all night long. Expect good music, great food, and even better energy.<br><br>🎧 Live DJ | Garage &amp; RnB Classics<br><br>Round up your crew and secure your spot — this is one you don’t want to miss. <br><br>🍸 <strong>BOTTOMLESS BRUNCH MENU</strong><br>Take a look on the <a href="https://www.greatlocalpubs.co.uk/rose-bedford/food-and-drink">website</a>. Scroll down to the pre-booked menu (blue section) to download the Bottomless Brunch Menu.<br><br><strong>🎟 TICKET COST:<br></strong>Bottomless Brunch event! For just £34, you can enjoy a delicious meal and bottomless drinks for 2 hours. Book now <a href="https://www.greatlocalpubs.co.uk/rose-bedford/events?searchText=old+skool"><strong>HERE</strong></a>!<br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>☎️ Phone: </strong><a href="tel:01234%20353749">01234 353749</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="18582">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="🎶🍹 Old Skool Garage &amp; RnB Bottomless Brunch - The Rose, Bedford  - Event Image 1 June 26, 2026 07:30 PM" title="🎶🍹 Old Skool Garage &amp; RnB Bottomless Brunch - The Rose, Bedford  at The Rose, 45 High St, Bedford MK40 1RY | Adults, Advance Booking, Date Idea, Entertainment, Food/Drink, Fun, Indoor, Music, Nightlife, Pubs / Restaurants, Recurring, Social | Suitable for: Adults Only, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMzUsInB1ciI6ImJsb2JfaWQifX0=--f0a3253f7ace3de7837119e78b9fcd98882b2da8/FB_IMG_1776795582799.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMzUsInB1ciI6ImJsb2JfaWQifX0=--f0a3253f7ace3de7837119e78b9fcd98882b2da8/FB_IMG_1776795582799.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="🎶🍹 Old Skool Garage &amp; RnB Bottomless Brunch - The Rose, Bedford  - Event Image 2 June 26, 2026 07:30 PM" title="🎶🍹 Old Skool Garage &amp; RnB Bottomless Brunch - The Rose, Bedford  at The Rose, 45 High St, Bedford MK40 1RY | Adults, Advance Booking, Date Idea, Entertainment, Food/Drink, Fun, Indoor, Music, Nightlife, Pubs / Restaurants, Recurring, Social | Suitable for: Adults Only, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMzcsInB1ciI6ImJsb2JfaWQifX0=--1bf18258ac7402f435b8d5c236830c9fbadb0488/Screenshot_20260421_193658_Maps.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMzcsInB1ciI6ImJsb2JfaWQifX0=--1bf18258ac7402f435b8d5c236830c9fbadb0488/Screenshot_20260421_193658_Maps.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.greatlocalpubs.co.uk/rose-bedford/events?searchText=old+skool "
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18582/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="🎶🍹 Old Skool Garage &amp; RnB Bottomless Brunch - The Rose, Bedford "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18582"
                              data-share-increment-url-value="/facebook_events/18582/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/18582/download_calendar"
                           data-calendar-download-event-id-value="18582"
                           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_19400"
         class="event-card"
         data-event-date="2026-06-26"
         data-event-id="19400">
      <div id="event_19400"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19400">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=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=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=59">Pubs / Restaurants</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=52">Rainy Days</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=8">Baby Changing</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair Friendly</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/19400">
                  <h1>💥 2 Kids Eat Free* - Maypole Farm, Kempston </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3NjEsInB1ciI6ImJsb2JfaWQifX0=--d2d8eb4dfe33f8273de9d9566d401861fccbc08e/Screenshot_20260518_183616_Chrome.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Friday 26 June 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=Maypole+Farm+Dining+and+Carvery%2C+Fletcher+Rd%2C+Kempston%2C+Bedford+MK43+9AD">
                            <span class="underline text-xs sm:text-base">Maypole Farm Dining And Carvery, Fletcher Rd, Kempston, Bedford MK43 9AD</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>
                            15:00
                          </span>
                          <span class="inline-block">
                            - 21:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>💥 <strong>Kids eat free offer is now available at The Maypole Farm, Kempston every Friday! That means you can eat out for less every Friday after 3pm with their amazing kids' meal deal. <br><br>🗓 2026 DATE &amp; TIME<br>▪️</strong>Every<strong> </strong>Friday after 3pm<br>▪️Until the 3rd of July 2026<strong><br><br>🧒 ABOUT<br></strong>Let your little sunshines run wild in our free indoor play areas with a free kids' main and a scoop of ice cream, while you treat yourself to a delicious carvery.<br><br>Plus, you can enjoy up to two free kids' meals with every paying adult, so you can save and everyone gets stuck in with family fun at Farmhouse.<br><br>🍽 <strong>KIDS MEALS</strong><br>This offer entitles you to two free Junior Carvery or Pick ‘n’ Mix small mains (Omega-3 Fish Fingers/Chicken Nuggets/2oz Beef Burger/Pork Sausages/Chilli/ Tomato Pasta) and ice-cream scoop from the Kids' Menu with the purchase of an main meal from the main menu, or standard or vegetarian carvery.<br><br>This offer is valid for children under 12 years.<br><br>One adult main entitles you to two children’s mains, two adult mains entitles you to four children’s mains. Valid for up to 4 adults and 8 children. Please read all the other terms and conditions on the website via the event link.<br><br>✅️ Indoor play area<br>✅️ Wheelchair friendly <br>✅️ Free parking<br>✅️ Blue badge Parking<br>✅️ Baby changing <br><br>ℹ️ <strong>FOR MORE INFORMATION </strong><br>Check out the event link to direct you to the website.<br><br>ℹ️ <strong>BOOK A TABLE<br>☎️ Phone: </strong><a href="tel:01234%20857218"><strong>01234 857218</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="19400">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="💥 2 Kids Eat Free* - Maypole Farm, Kempston  - Event Image 1 June 26, 2026 03:00 PM" title="💥 2 Kids Eat Free* - Maypole Farm, Kempston  at Maypole Farm Dining and Carvery, Fletcher Rd, Kempston, Bedford MK43 9AD | Advance Booking, Baby/Toddlers, Family, Food/Drink, Indoor, Kids, Nightlife, Play Area, Pubs / Restaurants, Rainy Days | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Children, Family, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3NjEsInB1ciI6ImJsb2JfaWQifX0=--d2d8eb4dfe33f8273de9d9566d401861fccbc08e/Screenshot_20260518_183616_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3NjEsInB1ciI6ImJsb2JfaWQifX0=--d2d8eb4dfe33f8273de9d9566d401861fccbc08e/Screenshot_20260518_183616_Chrome.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="💥 2 Kids Eat Free* - Maypole Farm, Kempston  - Event Image 2 June 26, 2026 03:00 PM" title="💥 2 Kids Eat Free* - Maypole Farm, Kempston  at Maypole Farm Dining and Carvery, Fletcher Rd, Kempston, Bedford MK43 9AD | Advance Booking, Baby/Toddlers, Family, Food/Drink, Indoor, Kids, Nightlife, Play Area, Pubs / Restaurants, Rainy Days | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Children, Family, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3NjMsInB1ciI6ImJsb2JfaWQifX0=--ba3696d6dc94e334efdb6b726f3d4105ff254e0d/Screenshot_20260518_201804_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3NjMsInB1ciI6ImJsb2JfaWQifX0=--ba3696d6dc94e334efdb6b726f3d4105ff254e0d/Screenshot_20260518_201804_Facebook.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.farmhouseinns.co.uk/pubs/bedfordshire/maypole-farm/deals/kids-eat-free"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19400/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="💥 2 Kids Eat Free* - Maypole Farm, Kempston "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19400"
                              data-share-increment-url-value="/facebook_events/19400/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/19400/download_calendar"
                           data-calendar-download-event-id-value="19400"
                           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_19799"
         class="event-card"
         data-event-date="2026-06-26"
         data-event-id="19799">
      <div id="event_19799"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19799">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=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=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=12">Baby/Toddlers</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=8">Baby Changing</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair 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>
</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/19799">
                  <h1>⛱️ The Beach 2026 - Frosts, Woburn Sands</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/eyJfcmFpbHMiOnsiZGF0YSI6NDc2OTMsInB1ciI6ImJsb2JfaWQifX0=--71c05c87de5e7c5afa2afecbfe7bec29ef65676e/Screenshot_20260605_031032_Samsung%20Internet.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>
                          Friday 26 June 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=Frosts+Garden+Centre%2C+Newport+Rd%2C+Woburn+Sands%2C+Milton+Keynes+MK17+8UE">
                            <span class="underline text-xs sm:text-base">Frosts Garden Centre, Newport Rd, Woburn Sands, Milton Keynes MK17 8UE</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">
                            - 11: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>The Beach at Woburn Sands at Frost&nbsp; Garden Centre is back by popular demand for 2026!</strong></div><div><br>🗓 <strong>2026 OPENING DAYS &amp; TIMES<br>&nbsp;(TERM TIME)</strong><br>▪️Friday: 9.30am - 11.30am<br>▪️Saturday: 9.30am - 4.30pm<br>▪️Sunday: 11.00am - 4.00pm<br><br><strong>🤩 WHAT TO EXPECT</strong><br>Join our resident lifeguards for two hours worth of fun and games on our fully covered beach.</div><div><br>With plenty of seating for the grown-ups to relax, our restaurant team will bring food and drink waitress served to your table so you can relax while the little ones play. This is the perfect summer treat for everyone!</div><div><br>Any children under the age of 12 months who are attending with an older paying sibling may enter the beach area for free.&nbsp; <br><br><strong>🎟 TICKET COST:<br>▪️</strong>Child (Includes one adult): £5.99<br>▪️Extra Adult: £1.00<br>▪️Under 12 months: Free<br><br>(Needs booking in advance - head to the website via the event link)</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="19799">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛱️ The Beach 2026 - Frosts, Woburn Sands - Event Image 1 June 26, 2026 09:30 AM" title="⛱️ The Beach 2026 - Frosts, Woburn Sands at Frosts Garden Centre, Newport Rd, Woburn Sands, Milton Keynes MK17 8UE | Food/Drink, Indoor, Rainy Days, Activities, Advance Booking, Baby/Toddlers, Fun, Kids, Play Area, Ticket Event | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDc2OTMsInB1ciI6ImJsb2JfaWQifX0=--71c05c87de5e7c5afa2afecbfe7bec29ef65676e/Screenshot_20260605_031032_Samsung%20Internet.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc2OTMsInB1ciI6ImJsb2JfaWQifX0=--71c05c87de5e7c5afa2afecbfe7bec29ef65676e/Screenshot_20260605_031032_Samsung%20Internet.jpg" />
          </div>
            <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
              <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛱️ The Beach 2026 - Frosts, Woburn Sands at Frosts Garden Centre - Venue Image 1 June 26, 2026 09:30 AM" title="Frosts Garden Centre at Frosts Garden Centre, Newport Rd, Woburn Sands, Milton Keynes MK17 8UE | Food/Drink, Indoor, Rainy Days, Activities, Advance Booking, Baby/Toddlers, Fun, Kids, Play Area, Ticket Event | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NzksInB1ciI6ImJsb2JfaWQifX0=--e60dc3dce000c489448ba34452d0c603a98262dd/FrostsWoburn.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NzksInB1ciI6ImJsb2JfaWQifX0=--e60dc3dce000c489448ba34452d0c603a98262dd/FrostsWoburn.jpg" />
            </div>
            <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
              <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛱️ The Beach 2026 - Frosts, Woburn Sands at Frosts Garden Centre - Venue Image 2 June 26, 2026 09:30 AM" title="Frosts Garden Centre at Frosts Garden Centre, Newport Rd, Woburn Sands, Milton Keynes MK17 8UE | Food/Drink, Indoor, Rainy Days, Activities, Advance Booking, Baby/Toddlers, Fun, Kids, Play Area, Ticket Event | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NzgsInB1ciI6ImJsb2JfaWQifX0=--434dde50bf2e648e5aef0742ef68d40be237e61a/FrostsWoburn2.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NzgsInB1ciI6ImJsb2JfaWQifX0=--434dde50bf2e648e5aef0742ef68d40be237e61a/FrostsWoburn2.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://frostsgardencentres.co.uk/event/the-beach-at-woburn-sands/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19799/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="⛱️ The Beach 2026 - Frosts, Woburn Sands"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19799"
                              data-share-increment-url-value="/facebook_events/19799/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/19799/download_calendar"
                           data-calendar-download-event-id-value="19799"
                           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/167">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjQxODksInB1ciI6ImJsb2JfaWQifX0=--9909f45f2bcd0edc217cfd25f5fb758a130edf54/Screenshot_20250607_165052_Facebook.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-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">🧒 Kids eat for £1* at Dobbies Garden Centre!</h3>
        <p class="text-sm text-green-600 font-medium">£1.0</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

  </div>
</div>

    </div>

                </div>
                <div>
                      <div id="event_card_19908"
         class="event-card"
         data-event-date="2026-06-26"
         data-event-id="19908">
      <div id="event_19908"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19908">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=52">Rainy Days</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=27">Sports</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=4">Adults Only</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/19908">
                  <h1>⛳️ 🍹Crazy Golf, Bottomless Drinks, Bottomless Fries - Mulligans, Milton Keynes</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/eyJfcmFpbHMiOnsiZGF0YSI6NDc5NDksInB1ciI6ImJsb2JfaWQifX0=--2d93a8c22d003c95b4a9b3446d095969cac1d950/Screenshot_20260612_120447_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>
                          Friday 26 June 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=Mulligans%2C+Savoy+Crescent%2C+Milton+Keynes%2C+MK9+3PU">
                            <span class="underline text-xs sm:text-base">Mulligans, Savoy Crescent, Milton Keynes, MK9 3PU</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>
                            17:00
                          </span>
                          <span class="inline-block">
                            - 23:00
                          </span>
                          <span class="inline-block ml-4">
                            <strong>Price:</strong> £24.50
                          </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>What's the deal at Mulligans, Milton Keynes every Friday 5pm - 11pm? Friday Night Rewind.</strong></div><div><br></div><div>⛳️ <strong>Game of crazy golf</strong></div><div>Old‑school competition, bragging rights included. Channel game‑night energy and settle scores with one full game of crazy golf — just like the good old days, but with better lighting and no bedtime.</div><div>‍</div><div>🍹<strong>Bottomless drinks</strong></div><div>No limits. No buffering. No dial‑up energy.</div><div>Enjoy 90 minutes of select bottomless drinks, flowing freely from your booking start time — because Friday nights were never meant to be sensible.<br>View Menu <a href="https://cdn.prod.website-files.com/67444da987032660aa83ba8d/6a0c2a9083e20d0bb63c3894_%5BMM%5D%20Friday%20Night%20Rewind%20Menu_0426.pdf">Here</a></div><div><br></div><div>🍟 <strong>Bottomless fries</strong></div><div>The ultimate throwback sidekick.</div><div>Golden, salty, endlessly refillable bottomless fries — the kind of comfort food that powered sleepovers, road trips, and late‑night chats.</div><div>‍<br><strong>🎟 TICKET COST: </strong>£24.50 per person<br>You can book via the event link.<br><br>ℹ️ <strong>ENQUIRIES</strong> <br><strong>☎️ Phone: </strong><a href="tel:01908%20467740">01908 467740</a></div><div><strong>📧 Email: </strong><a href="mailto:info.mk@mrmulligan.com">info.mk@mrmulligan.com</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="19908">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="⛳️ 🍹Crazy Golf, Bottomless Drinks, Bottomless Fries - Mulligans, Milton Keynes - Event Image 1 June 26, 2026 05:00 PM" title="⛳️ 🍹Crazy Golf, Bottomless Drinks, Bottomless Fries - Mulligans, Milton Keynes at Mulligans, Savoy Crescent, Milton Keynes, MK9 3PU | Activities, Adults, Advance Booking, Food/Drink, Fun, Indoor, Music, Nightlife, Rainy Days, Sports, Date Idea | Suitable for: Adults Only, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5NDksInB1ciI6ImJsb2JfaWQifX0=--2d93a8c22d003c95b4a9b3446d095969cac1d950/Screenshot_20260612_120447_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5NDksInB1ciI6ImJsb2JfaWQifX0=--2d93a8c22d003c95b4a9b3446d095969cac1d950/Screenshot_20260612_120447_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="⛳️ 🍹Crazy Golf, Bottomless Drinks, Bottomless Fries - Mulligans, Milton Keynes - Event Image 2 June 26, 2026 05:00 PM" title="⛳️ 🍹Crazy Golf, Bottomless Drinks, Bottomless Fries - Mulligans, Milton Keynes at Mulligans, Savoy Crescent, Milton Keynes, MK9 3PU | Activities, Adults, Advance Booking, Food/Drink, Fun, Indoor, Music, Nightlife, Rainy Days, Sports, Date Idea | Suitable for: Adults Only, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5NTAsInB1ciI6ImJsb2JfaWQifX0=--6ff636a76c950e23fec748cd28dbd5184ed09614/Screenshot_20260612_123130_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5NTAsInB1ciI6ImJsb2JfaWQifX0=--6ff636a76c950e23fec748cd28dbd5184ed09614/Screenshot_20260612_123130_Chrome.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://bookings.mrmulligan.com/book/friday-night-rewind/product/friday-night-rewind/2055"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19908/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="⛳️ 🍹Crazy Golf, Bottomless Drinks, Bottomless Fries - Mulligans, Milton Keynes"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19908"
                              data-share-increment-url-value="/facebook_events/19908/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/19908/download_calendar"
                           data-calendar-download-event-id-value="19908"
                           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/198">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6NDcxMzIsInB1ciI6ImJsb2JfaWQifX0=--df3c61d35eb1cddf0e18a8fc9d0d2173aaf8ccfc/Whatsupbeds.com_20260524_195620_0000.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">⛳️ EXCLUSIVE 10% OFF BERMUDA FALLS ADVENTURE GOLF, HENLOW, BEDFORDSHIRE </h3>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

  </div>
</div>

    </div>

                </div>
          </div>
        </div>
</template></turbo-stream>      <turbo-stream action="before" target="load_more"><template>
        <div class="date-group">
            <div id="facebook_events_date_header_2026-06-27" 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 27 June (13)
  </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>

            
  <section class="prioritized-carousel-section mb-4 w-full min-w-0 pt-3 sm:pt-2"
           data-controller="prioritized-carousel"
           data-prioritized-carousel-item-count="1"
           data-prioritized-carousel-step-value="1"
           data-prioritized-carousel-autoplay-value="true"
           data-prioritized-carousel-autoplay-interval-ms-value="2000"
           data-prioritized-carousel-autoplay-start-delay-ms-value="400"
           data-prioritized-carousel-visibility-threshold-value="0.15"
           data-prioritized-carousel-pause-after-interaction-ms-value="6000">
    <div class="relative w-full min-w-0">
      <div data-prioritized-carousel-target="viewport"
           class="prioritized-carousel-viewport w-full min-w-0 overflow-x-hidden">
        <div data-prioritized-carousel-target="track"
             class="prioritized-carousel-track flex min-w-0 w-full justify-center gap-4 px-3 pb-1">
            <div data-prioritized-carousel-target="item"
                 class="prioritized-carousel-item shrink-0 min-w-0 prioritized-carousel-item--full">
                <div id="stream_20260627_event_17901"
     class="event rounded-xl shadow-lg w-full max-w-none mx-0 mb-0 relative bg-white border-4 border-red-500 mt-8"
     data-event-id="17901">
  <div class="relative group w-full min-w-0"
       data-controller="event-card-visit"
       data-action="click->event-card-visit#visitShow"
       data-event-card-visit-url-value="/events/17901"
       >
    <div class="pointer-events-none-all w-full min-w-0">
      <div class="absolute flex justify-center left-0 right-0 -top-6 z-10">
        <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
          <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
            <span class="text-white">Whats</span>
          </div>
          <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
            <span class="text-red-500">Hot</span>
          </div>
        </div>
      </div>
    <section class="text-gray-600 body-font overflow-hidden w-full">
        <div class="w-full max-w-none px-0 py-0 sm:px-2 sm:py-1 mx-0 w-full">
        <div class="mx-0 w-full max-w-none">
          <div class="w-full mx-0">
            <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=38">Automotive</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=18">Fun Fair</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/17901">
                  <h1>🎉 Wootton Fun Fest &amp; Motor Show 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/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMTYsInB1ciI6ImJsb2JfaWQifX0=--8d7bae2144d0988aaf2cc170dd70c4df72b43c67/FB_IMG_1781619222568.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 27 June 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Church+Road%2C+Wootton%2C+Bedfordshire%2C+MK43+9EU">
                            <span class="underline text-xs sm:text-base">Church Road, Wootton, Bedfordshire, MK43 9EU</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            13:00
                          </span>
                          <span class="inline-block">
                            - 21:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2 featured-pin-spec-desc">
                        <div class="w-full max-w-none 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">
                              <div class="event-description">
                                <div>🎉 <strong>Wootton Fun Fest &amp; Motor Show back this year at Wootton Recreation Ground on Saturday 27th June 2026, 1pm - 9pm and we can’t wait to welcome everyone back for another fantastic day of family fun</strong>!<br><br><strong>🤩 WHAT TO EXPECT</strong><br>🎶 Live music all day<br>🚗 Classic cars, sports cars &amp; motorbikes<br>🎡 FREE fairground<br>🎩 FREE magic show<br>🎨 FREE face painting<br>🍔 Food stalls &amp; bar<br>🎟️ FREE ENTRY</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1" data-event-card-interactive-actions>
                                <a class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" href="/events/17901">See more</a>
                            </span>
                          </div>
                        </div>
                    </div>
                        <div data-event-card-interactive-actions class="relative z-10">
                      <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="🎉 Wootton Fun Fest &amp; Motor Show 2026  - June 27, 2026 01:00 PM at Church Road, Wootton, Bedfordshire, MK43 9EU" title="🎉 Wootton Fun Fest &amp; Motor Show 2026  - Original Event Image | Adults, Automotive, Date Idea, Entertainment, Family, Food/Drink, Free Entry, Fun, Fun Fair, Music, Nightlife, Outdoor, Stalls, Teens | Suitable for: Accessible, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk3OTIsInB1ciI6ImJsb2JfaWQifX0=--5f419ba77e880377fcaa2a62c0ee996b7b703683/original_image_17901.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk3OTIsInB1ciI6ImJsb2JfaWQifX0=--5f419ba77e880377fcaa2a62c0ee996b7b703683/original_image_17901.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="🎉 Wootton Fun Fest &amp; Motor Show 2026  - Event Image 1 June 27, 2026 01:00 PM" title="🎉 Wootton Fun Fest &amp; Motor Show 2026  at Church Road, Wootton, Bedfordshire, MK43 9EU | Adults, Automotive, Date Idea, Entertainment, Family, Food/Drink, Free Entry, Fun, Fun Fair, Music, Nightlife, Outdoor, Stalls, Teens | Suitable for: Accessible, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMTYsInB1ciI6ImJsb2JfaWQifX0=--8d7bae2144d0988aaf2cc170dd70c4df72b43c67/FB_IMG_1781619222568.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMTYsInB1ciI6ImJsb2JfaWQifX0=--8d7bae2144d0988aaf2cc170dd70c4df72b43c67/FB_IMG_1781619222568.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>
                        <div data-event-card-interactive-actions class="relative z-10">
                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://facebook.com/events/s/wootton-fun-fest/1202296237903370/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/17901/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="🎉 Wootton Fun Fest &amp; Motor Show 2026 "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/17901"
                              data-share-increment-url-value="/facebook_events/17901/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/17901/download_calendar"
                           data-calendar-download-event-id-value="17901"
                           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>
      </div>
    </section>
    </div>
  </div>
</div>

            </div>
        </div>
      </div>

    </div>

  </section>

          <div id="day_events_list_2026-06-27" class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                      <div id="event_card_18382"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="18382">
      <div id="event_18382"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18382">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=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=30">Outdoor</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=28">Play Area</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/18382">
                  <h1>🎉 Fun Day 2026 - King&#39;s Church, Flitwick</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDE4MjcsInB1ciI6ImJsb2JfaWQifX0=--a3d11a46f26f855579b3dc5d94bab9fcfea57c03/FB_IMG_1775564262478.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 27 June 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=Kings+Church%2C+Kings+Road%2C+Flitwick%2C+Bedfordshire+MK45+1ED">
                            <span class="underline text-xs sm:text-base">Kings Church, Kings Road, Flitwick, Bedfordshire MK45 1ED</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">
                            - 15: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>We’re really excited to share that we’ll be holding our Family Fun Day on Saturday 27th June 2026.<br><br></strong>🎉 <strong>Flitwick Fun Day - King's Church</strong><br>🗓 Saturday 27th June 2026<br>⏰ 12–3pm<br><br>👨‍👩‍👧‍👧 <strong>EVENT DETAILS</strong><br>A FREE day packed with fun for all ages – including games &amp; challenges, café &amp; BBQ, soft play, and even a petting zoo. Bring your friends and family along – everyone is welcome, and we’d love to see you there!<br><br>We’d love to see you there—bring your friends and family!<br><br></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="18382">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="🎉 Fun Day 2026 - King&#39;s Church, Flitwick - Event Image 1 June 27, 2026 12:00 PM" title="🎉 Fun Day 2026 - King&#39;s Church, Flitwick at Kings Church, Kings Road, Flitwick, Bedfordshire MK45 1ED | Activities, Adults, Family, Food/Drink, Free Entry, Fun, Indoor, Kids, Outdoor, Animals, Play Area | Suitable for: Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDE4MjcsInB1ciI6ImJsb2JfaWQifX0=--a3d11a46f26f855579b3dc5d94bab9fcfea57c03/FB_IMG_1775564262478.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDE4MjcsInB1ciI6ImJsb2JfaWQifX0=--a3d11a46f26f855579b3dc5d94bab9fcfea57c03/FB_IMG_1775564262478.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/193uDdk6AT/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18382/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="🎉 Fun Day 2026 - King&#39;s Church, Flitwick"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18382"
                              data-share-increment-url-value="/facebook_events/18382/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/18382/download_calendar"
                           data-calendar-download-event-id-value="18382"
                           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_18506"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="18506">
      <div id="event_18506"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18506">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=7">Animals</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=38">Automotive</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=17">Craft Fair</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=25">History &amp; Heritage</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=29">Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=60">Play Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=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/18506">
                  <h1>🇬🇧 Armed Forces Day 2026 -  Gadebridge Park </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/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMzEsInB1ciI6ImJsb2JfaWQifX0=--97581a2b3e839bf9bdcd878e9791e79f65cba97d/FB_IMG_1781706626038.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 27 June 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Gadebridge+Park+Leighton+Buzzard+Rd.%2C+Hemel+Hempstead+HP1+1HR">
                            <span class="underline text-xs sm:text-base">Gadebridge Park Leighton Buzzard Rd., Hemel Hempstead HP1 1HR</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            12:00
                          </span>
                          <span class="inline-block">
                            - 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>Join us for a fun, family friendly celebration of Dacorum Armed Forces Day on Saturday 27th June 2026 at Gadebridge&nbsp; Park.<br></strong><br>This free event is an opportunity to show support for our Armed Forces community while enjoying an afternoon of entertainment, activities and great food.<br><br><strong>🤩 WHAT TO EXPECT</strong><br>Arena displays and performances<br>Throughout the day, our large arena will feature:<br>✨️ Birds of Prey demonstrations<br>✨️ Home Guard Foot Drill display<br>✨️ Swing dancing lessons - fun for all ages<br>✨️ A chance to step into the shoes of a real-life detective<br>✨️ Arts, crafts and immersive activities across the park<br>✨️ A tank and military jeep up close<br>✨️ Re-enactment groups bringing history to life<br>✨️ A special RAF surprise, you’ll have to be there to discover it!<br><br>🛍 <strong>Explore a vibrant market surrounding the event site, offering:</strong><br>⭐️ A selection of craft stalls<br>⭐️ Local charity organisations<br>⭐️ Interactive activities<br>⭐️ A range of food vendors<br><br>Bring your family, meet the community and enjoy a great day out in the heart of Hemel Hempstead.</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="18506">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="🇬🇧 Armed Forces Day 2026 -  Gadebridge Park  - June 27, 2026 12:00 PM at Gadebridge Park Leighton Buzzard Rd., Hemel Hempstead HP1 1HR" title="🇬🇧 Armed Forces Day 2026 -  Gadebridge Park  - Original Event Image | Activities, Adults, Animals, Automotive, Craft Fair, Entertainment, Family, Food/Drink, Free Entry, History &amp; Heritage, Outdoor, Parks, Play Parks, Stalls | Suitable for: Accessible, Blue Badge Parking, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDMxNzYsInB1ciI6ImJsb2JfaWQifX0=--cff97db0aecc6e5e8759e52757669061a80837c4/original_image_18506.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxNzYsInB1ciI6ImJsb2JfaWQifX0=--cff97db0aecc6e5e8759e52757669061a80837c4/original_image_18506.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="🇬🇧 Armed Forces Day 2026 -  Gadebridge Park  - Event Image 1 June 27, 2026 12:00 PM" title="🇬🇧 Armed Forces Day 2026 -  Gadebridge Park  at Gadebridge Park Leighton Buzzard Rd., Hemel Hempstead HP1 1HR | Activities, Adults, Animals, Automotive, Craft Fair, Entertainment, Family, Food/Drink, Free Entry, History &amp; Heritage, Outdoor, Parks, Play Parks, Stalls | Suitable for: Accessible, Blue Badge Parking, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMzEsInB1ciI6ImJsb2JfaWQifX0=--97581a2b3e839bf9bdcd878e9791e79f65cba97d/FB_IMG_1781706626038.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMzEsInB1ciI6ImJsb2JfaWQifX0=--97581a2b3e839bf9bdcd878e9791e79f65cba97d/FB_IMG_1781706626038.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://orlo.uk/SQEnY"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18506/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="🇬🇧 Armed Forces Day 2026 -  Gadebridge Park "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18506"
                              data-share-increment-url-value="/facebook_events/18506/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/18506/download_calendar"
                           data-calendar-download-event-id-value="18506"
                           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_18507"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="18507">
      <div id="event_18507"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18507">
  <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-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=29">Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=60">Play Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair Friendly</a>
    <a class="badge badge-sm bg-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/18507">
                  <h1>🎶 Dunstable Live 2026 - Grove House Gardens</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/eyJfcmFpbHMiOnsiZGF0YSI6NDMxNzcsInB1ciI6ImJsb2JfaWQifX0=--821a319f0fdf18f6382991b3646f44751a55b4ad/original_image_18507.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 27 June 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=Grove+House+Gardens%2C+Dunstable+Bedfordshire+LU6+1NF">
                            <span class="underline text-xs sm:text-base">Grove House Gardens, Dunstable Bedfordshire LU6 1NF</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            14:00
                          </span>
                          <span class="inline-block">
                            - 20: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>This year at Dunstable Live we’re bringing the sparkle with Queens of Sound, celebrating the very best female groups and iconic artists on Saturday 27th June 2026.</strong><br><br>After a Facebook survey, the top five tribute acts took the crown and will light up the stage with the biggest hits, harmonies and pure girl power. Get ready to sing your heart out and dance the day away!<br><br>🎶 <strong>MUSIC SCHEDULE&nbsp;</strong></div><div>▪️<strong>2 pm: </strong>Amy Alive - Amy Winehouse tribute<br>▪️<strong>3 pm: </strong>The One &amp; Only Adele - Adele tribute<strong><br></strong>▪️<strong>4.15 pm: </strong>Simply Whitney - Taryn Charles as Whitney Houston<strong><br></strong>▪️<strong>5.30 pm: </strong>Simply the Best - Kinisha as Tina Turner<strong><br></strong>▪️<strong>7 pm: </strong>Spice Forever- Spice Girls tribute<strong><br><br>♿️ ACCESSIBLE VIEWING</strong></div><div>Back for its second year, is our Accessible Viewing Platform offering dedicated space for 10 wheelchair users, each with a seated companion, plus additional accessible seating. Spaces are limited and available on a first-come, first-served basis. <br><br>🛍 <strong>STALLS &amp; RIDES</strong><br>New for this year, Middle Row Markets joins us in Grove House Gardens, bringing even more to explore. Browse a variety of stalls, treat the little ones to small rides and face painting, and make the most of the on-site catering and licensed outdoor bar.<br><br></div><div>It’s set to be bigger, better and packed with entertainment from start to finish!</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="18507">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="🎶 Dunstable Live 2026 - Grove House Gardens - June 27, 2026 02:00 PM at Grove House Gardens, Dunstable Bedfordshire LU6 1NF" title="🎶 Dunstable Live 2026 - Grove House Gardens - Original Event Image | Date Idea, Entertainment, Family, Food/Drink, Free Entry, Fun, Music, Nightlife, Outdoor, Parks, Play Parks, Stalls | Suitable for: Accessible, Family, Toilets, Wheelchair Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDMxNzcsInB1ciI6ImJsb2JfaWQifX0=--821a319f0fdf18f6382991b3646f44751a55b4ad/original_image_18507.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxNzcsInB1ciI6ImJsb2JfaWQifX0=--821a319f0fdf18f6382991b3646f44751a55b4ad/original_image_18507.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.dunstable.gov.uk/event/dunstable-live/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18507/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="🎶 Dunstable Live 2026 - Grove House Gardens"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18507"
                              data-share-increment-url-value="/facebook_events/18507/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/18507/download_calendar"
                           data-calendar-download-event-id-value="18507"
                           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_18755"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="18755">
      <div id="event_18755"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18755">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm bg-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=39">Ticket Event</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=61">Water</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm bg-amber-800 text-white" href="/search?suitability_ids=13">Dog Friendly</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair Friendly</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/18755">
                  <h1>🛥 Bedford Fish &amp; Chip Supper Cruise - Priory Marina</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM0OTUsInB1ciI6ImJsb2JfaWQifX0=--8106f3fff75cdfc571c9527c611857e1989b538e/original_image_18755.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 27 June 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=Priory+Marina%2C%0APriory+Country+Park%0A%0ABarkers+Lane%0A%0ABedford%0A%0AMK41+9DJ">
                            <span class="underline text-xs sm:text-base">Priory Marina, Priory Country Park Barkers Lane Bedford MK41 9DJ</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>
                            18:00
                          </span>
                          <span class="inline-block">
                            - 20:30
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🛥 <strong>Have a relaxing evening cruise on Saturday 27th June 2026 as the sun goes down along Bedford’s picturesque river enjoying our Fish &amp; Chip supper. <br><br>🍟 What's included<br>✨️</strong>Food plus tea or coffee<br>✨️Round trip<br>✨️Booking fee</div><div><br>📍<strong>Departing from: </strong>Priory Marina at 6.00pm for a 2.5 hour cruise returning to Priory Marina at aprox 8.30pm.<br><br><strong>🎟 TICKET COST:</strong><br>▪️<strong>£35.50: </strong>Adults 16+<br>▪️<strong>£23.00: </strong>Children 5 to 15 years <br>• Must be accompanied by adult<br>▪️<strong>£35.50: </strong>Adults with Wheelchair 16+<br>▪️<strong>£23.00: </strong>Children with Wheelchair 5 to 15 years<br>&nbsp;• Must be accompanied by adult<br>▪️<strong>Free: </strong>Young Children 1 to 4 years - Food optional - Must be accompanied by adult<br><br>ℹ️ <strong>CONTACT DETAILS <br>☎️ Phone: </strong><a href="tel:07861%20620520">07861 620520</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="18755">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="🛥 Bedford Fish &amp; Chip Supper Cruise - Priory Marina - June 27, 2026 06:00 PM at Priory Marina,
Priory Country Park

Barkers Lane

Bedford

MK41 9DJ" title="🛥 Bedford Fish &amp; Chip Supper Cruise - Priory Marina - Original Event Image | Adults, Advance Booking, Date Idea, Family, Food/Drink, Indoor, Outdoor, Scenic, Ticket Event, Water | Suitable for: Accessible, Dog Friendly, Free Parking, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM0OTUsInB1ciI6ImJsb2JfaWQifX0=--8106f3fff75cdfc571c9527c611857e1989b538e/original_image_18755.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM0OTUsInB1ciI6ImJsb2JfaWQifX0=--8106f3fff75cdfc571c9527c611857e1989b538e/original_image_18755.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://fareharbor.com/embeds/book/johnbunyancommunityboat/items/434155/?full-items=yes&amp;flow=910662"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18755/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="🛥 Bedford Fish &amp; Chip Supper Cruise - Priory Marina"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18755"
                              data-share-increment-url-value="/facebook_events/18755/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/18755/download_calendar"
                           data-calendar-download-event-id-value="18755"
                           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_18883"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="18883">
      <div id="event_18883"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18883">
  <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=24">Education</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=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=32">Social</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=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/18883">
                  <h1>🌸 Open Day &amp; Garden Party 2026 - Rothsay Education Centre, Bedford </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM4NjUsInB1ciI6ImJsb2JfaWQifX0=--1e0317e825c57c5624e99e3909119be116ca22c6/original_image_18883.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 27 June 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=Rothsay+Education+Centre%2C+6+Rothsay+Gardens%2C+Bedford%2C+MK40+3QB">
                            <span class="underline text-xs sm:text-base">Rothsay Education Centre, 6 Rothsay Gardens, Bedford, MK40 3QB</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            11:00
                          </span>
                          <span class="inline-block">
                            - 14:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🌸 <strong>Join us at The Rothsay Education Centre, Bedford on Saturday 27th June 2026&nbsp; 11am – 2pm. Discover a place to learn.</strong><br><br><strong>EVENT DETAILS</strong><br>✨️ Look around the Centre<br>✨️ Learn about the courses and workshops we offer<br>✨️ Discover the Rothsay Ramblers<br>✨️ Meet our Team and Tutors<br>✨️ Join in a Taster Session (details to follow)<br>✨️ Enjoy a Pimms and don’t miss our BBQ sausages - available in several tasty flavours on sale throughout the event<br>✨️ Browse our Marketplace, Book and Plant stalls<br><br>🤩 <strong>TASTER SESSIONS</strong><br>Taster sessions from Lisa Bamford (art History), Chris Butcher (Tai Chi) Tim Parrott (Science), Andrew Bamford (History) and Naomi Sparks (Creative writing)<br><br>Our Language Tutors will also be available to answer any questions. All welcome. Bring along a friend. See you there!<br><br>♿️ <a href="https://recbedford.co.uk/faq/">Accessibility</a> <br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>☎️ Phone: </strong><a href="tel:01234%20302203">01234 302203</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="18883">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="🌸 Open Day &amp; Garden Party 2026 - Rothsay Education Centre, Bedford  - June 27, 2026 11:00 AM at Rothsay Education Centre, 6 Rothsay Gardens, Bedford, MK40 3QB" title="🌸 Open Day &amp; Garden Party 2026 - Rothsay Education Centre, Bedford  - Original Event Image | Adults, Education, Food/Drink, Free Entry, Outdoor, Social, Stalls | Suitable for: Accessible, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDM4NjUsInB1ciI6ImJsb2JfaWQifX0=--1e0317e825c57c5624e99e3909119be116ca22c6/original_image_18883.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM4NjUsInB1ciI6ImJsb2JfaWQifX0=--1e0317e825c57c5624e99e3909119be116ca22c6/original_image_18883.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://recbedford.co.uk/events/open-day-garden-party-2026/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18883/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="🌸 Open Day &amp; Garden Party 2026 - Rothsay Education Centre, Bedford "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18883"
                              data-share-increment-url-value="/facebook_events/18883/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/18883/download_calendar"
                           data-calendar-download-event-id-value="18883"
                           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_17901"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="17901">
      <div id="event_17901"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white border-4 border-red-500 mt-8"
     data-event-id="17901">
  <div class="relative group"
>
      <div class="absolute flex justify-center left-0 right-0 -top-6 z-10">
        <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
          <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
            <span class="text-white">Whats</span>
          </div>
          <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
            <span class="text-red-500">Hot</span>
          </div>
        </div>
      </div>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=38">Automotive</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=18">Fun Fair</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/17901">
                  <h1>🎉 Wootton Fun Fest &amp; Motor Show 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/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMTYsInB1ciI6ImJsb2JfaWQifX0=--8d7bae2144d0988aaf2cc170dd70c4df72b43c67/FB_IMG_1781619222568.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 27 June 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Church+Road%2C+Wootton%2C+Bedfordshire%2C+MK43+9EU">
                            <span class="underline text-xs sm:text-base">Church Road, Wootton, Bedfordshire, MK43 9EU</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            13:00
                          </span>
                          <span class="inline-block">
                            - 21:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🎉 <strong>Wootton Fun Fest &amp; Motor Show back this year at Wootton Recreation Ground on Saturday 27th June 2026, 1pm - 9pm and we can’t wait to welcome everyone back for another fantastic day of family fun</strong>!<br><br><strong>🤩 WHAT TO EXPECT</strong><br>🎶 Live music all day<br>🚗 Classic cars, sports cars &amp; motorbikes<br>🎡 FREE fairground<br>🎩 FREE magic show<br>🎨 FREE face painting<br>🍔 Food stalls &amp; bar<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="17901">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="🎉 Wootton Fun Fest &amp; Motor Show 2026  - June 27, 2026 01:00 PM at Church Road, Wootton, Bedfordshire, MK43 9EU" title="🎉 Wootton Fun Fest &amp; Motor Show 2026  - Original Event Image | Adults, Automotive, Date Idea, Entertainment, Family, Food/Drink, Free Entry, Fun, Fun Fair, Music, Nightlife, Outdoor, Stalls, Teens | Suitable for: Accessible, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk3OTIsInB1ciI6ImJsb2JfaWQifX0=--5f419ba77e880377fcaa2a62c0ee996b7b703683/original_image_17901.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mzk3OTIsInB1ciI6ImJsb2JfaWQifX0=--5f419ba77e880377fcaa2a62c0ee996b7b703683/original_image_17901.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="🎉 Wootton Fun Fest &amp; Motor Show 2026  - Event Image 1 June 27, 2026 01:00 PM" title="🎉 Wootton Fun Fest &amp; Motor Show 2026  at Church Road, Wootton, Bedfordshire, MK43 9EU | Adults, Automotive, Date Idea, Entertainment, Family, Food/Drink, Free Entry, Fun, Fun Fair, Music, Nightlife, Outdoor, Stalls, Teens | Suitable for: Accessible, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMTYsInB1ciI6ImJsb2JfaWQifX0=--8d7bae2144d0988aaf2cc170dd70c4df72b43c67/FB_IMG_1781619222568.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMTYsInB1ciI6ImJsb2JfaWQifX0=--8d7bae2144d0988aaf2cc170dd70c4df72b43c67/FB_IMG_1781619222568.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://facebook.com/events/s/wootton-fun-fest/1202296237903370/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/17901/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="🎉 Wootton Fun Fest &amp; Motor Show 2026 "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/17901"
                              data-share-increment-url-value="/facebook_events/17901/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/17901/download_calendar"
                           data-calendar-download-event-id-value="17901"
                           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_18917"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="18917">
      <div id="event_18917"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18917">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=32">Social</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=4">Adults Only</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/18917">
                  <h1>🤫 Shhh… Secret Solstice 2026 - Houghton Conquest</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/eyJfcmFpbHMiOnsiZGF0YSI6NDM5ODEsInB1ciI6ImJsb2JfaWQifX0=--126dda3613f8542f3591f996500407da873ec6d4/Screenshot_20260430_175814_Samsung%20Internet.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 27 June 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=Caffeine+and+Machine%0A1+Ampthill+Road%0AHoughton+Conquest%0ABedfordshire%0AMK45+3JP">
                            <span class="underline text-xs sm:text-base">Caffeine And Machine 1 Ampthill Road Houghton Conquest Bedfordshire MK45 3JP</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            14:00
                          </span>
                          <span class="inline-block">
                            - 22:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🤫 <strong>Shhh… presents The Secret Solstice on Saturday 27th June 2026 from 2pm - 10pm at our NEW venue in Bedfordshire, The Bowl behind Caffeine &amp; Machine.</strong><br><br>▪️<strong>AGE: 21+</strong><br><br>🎉 <strong>ABOUT</strong><br>A boutique house music festival vibe which brings local and national house music DJs together under stretch tents. Great bars, great vibes and friendly older audience. <br><br>🎧 <strong>LINE UP</strong><br>⭐️ Clarke + East<br>⭐️ Danny Denscombe<br>⭐️ Tony K<br>⭐️ Johnny G<br>⭐️ Robbie Garobba<br>⭐️ Blaine B<br>⭐️ Syuss<br><br><strong>🎟 TICKET COST:<br></strong>Tickets vary in price, please visit the website via the event link for more information.<br><br><strong>ℹ️ ENQUIRIES <br>📧 Email: </strong><a href="mailto:info@shhhclub.co.uk"><strong>info@shhhclub.co.uk</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="18917">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="🤫 Shhh… Secret Solstice 2026 - Houghton Conquest - Event Image 1 June 27, 2026 02:00 PM" title="🤫 Shhh… Secret Solstice 2026 - Houghton Conquest at Caffeine and Machine
1 Ampthill Road
Houghton Conquest
Bedfordshire
MK45 3JP | Adults, Advance Booking, Entertainment, Food/Drink, Indoor, Music, Nightlife, Outdoor, Ticket Event, Social | Suitable for: Parking Onsite, Toilets, Adults Only" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM5ODEsInB1ciI6ImJsb2JfaWQifX0=--126dda3613f8542f3591f996500407da873ec6d4/Screenshot_20260430_175814_Samsung%20Internet.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM5ODEsInB1ciI6ImJsb2JfaWQifX0=--126dda3613f8542f3591f996500407da873ec6d4/Screenshot_20260430_175814_Samsung%20Internet.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://shhhclub.co.uk/events"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18917/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="🤫 Shhh… Secret Solstice 2026 - Houghton Conquest"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18917"
                              data-share-increment-url-value="/facebook_events/18917/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/18917/download_calendar"
                           data-calendar-download-event-id-value="18917"
                           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_19215"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="19215">
      <div id="event_19215"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19215">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=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/19215">
                  <h1>🎼 Danesborough Chorus Summer Concert 2026 - St Mary&#39;s Church, Woburn</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/eyJfcmFpbHMiOnsiZGF0YSI6NDQxMjYsInB1ciI6ImJsb2JfaWQifX0=--f11fb22838b044411b6c22c9fcf32ab9b456674e/June%2026%20D&#39;b%20Scarlatti%20Vivaldi%20FB%20Banner%20with%20QR.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 27 June 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+Mary%27s+Parish+Church%2C+Park+Street%2C+Woburn%2C+MK17+9PG">
                            <span class="underline text-xs sm:text-base">St Mary&#39;s Parish Church, Park Street, Woburn, MK17 9PG</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>
                            19:30
                          </span>
                          <span class="inline-block">
                            - 21: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>Danesborough Chorus Summer Concert will be held at St Mary's Church in Woburn on Saturday 27th June 2026.<br><br>▪️AGE: </strong>5 years upwards. Under 18's must be accompanied by an adult.<strong><br></strong><br>🎶 <strong>EVENT DETAILS</strong><br>Conducted by Ian Smith, the concert features Alessandro Scarlatti’s St Cecilia Mass, Antonio Vivaldi’s Dixit Dominus and Handel’s Concerto Grosso Op 3 No 2.&nbsp; The choir will be accompanied by Alina Orchestra with soloists from the Royal Academy of Music, Bella Hulbert (soprano), Eleanor Ninham (soprano), Helena Paish (mezzo soprano), Joseph Hancock (tenor) and Tom Butler (bass).<br><br>Neither Scarlatti’s St Cecilia Mass nor Vivaldi’s Dixit Dominus is often performed so this is a great opportunity to hear these two masterworks.&nbsp; <br><br>🍓 <strong>WHAT TO BRING</strong><br>For a truly sparkling summer evening at Woburn, remember to bring strawberries and bubbly for the traditional extended interval on the lawns!<br><br><strong>🎟 TICKET COST: ALL UNRESERVED </strong><br>▪️£20 (centre pews)<br>▪️£15 (rear centre)<br>▪️£10 (aisle seats)<br>▪️£5 for students (all areas)<br><br>ℹ️ <strong>ENQUIRIES</strong> <br><strong>📧 Email: </strong><a href="mailto:admin@danesborough.org.uk">admin@danesborough.org.uk</a><br><strong>☎️ Phone: </strong><a href="tel:01908%20386796">01908 386796</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="19215">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="🎼 Danesborough Chorus Summer Concert 2026 - St Mary&#39;s Church, Woburn - Event Image 1 June 27, 2026 07:30 PM" title="🎼 Danesborough Chorus Summer Concert 2026 - St Mary&#39;s Church, Woburn at St Mary&#39;s Parish Church, Park Street, Woburn, MK17 9PG | Adults, Advance Booking, Entertainment, Family, Food/Drink, Indoor, Music, Nightlife, Teens, Ticket Event | 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQxMjYsInB1ciI6ImJsb2JfaWQifX0=--f11fb22838b044411b6c22c9fcf32ab9b456674e/June%2026%20D&#39;b%20Scarlatti%20Vivaldi%20FB%20Banner%20with%20QR.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQxMjYsInB1ciI6ImJsb2JfaWQifX0=--f11fb22838b044411b6c22c9fcf32ab9b456674e/June%2026%20D&#39;b%20Scarlatti%20Vivaldi%20FB%20Banner%20with%20QR.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://wegottickets.com/event/696438"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19215/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="🎼 Danesborough Chorus Summer Concert 2026 - St Mary&#39;s Church, Woburn"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19215"
                              data-share-increment-url-value="/facebook_events/19215/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/19215/download_calendar"
                           data-calendar-download-event-id-value="19215"
                           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_19800"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="19800">
      <div id="event_19800"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19800">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=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=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=12">Baby/Toddlers</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=8">Baby Changing</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/19800">
                  <h1>⛱️ The Beach 2026 - Frosts, Woburn Sands</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/eyJfcmFpbHMiOnsiZGF0YSI6NDc2OTMsInB1ciI6ImJsb2JfaWQifX0=--71c05c87de5e7c5afa2afecbfe7bec29ef65676e/Screenshot_20260605_031032_Samsung%20Internet.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 27 June 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=Frosts+Garden+Centre%2C+Newport+Rd%2C+Woburn+Sands%2C+Milton+Keynes+MK17+8UE">
                            <span class="underline text-xs sm:text-base">Frosts Garden Centre, Newport Rd, Woburn Sands, Milton Keynes MK17 8UE</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">
                            - 16:30
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>⛱️ <strong>The Beach at Woburn Sands at Frost&nbsp; Garden Centre is back by popular demand for 2026!</strong></div><div><br>🗓 <strong>2026 OPENING DAYS &amp; TIMES<br>&nbsp;(TERM TIME)</strong><br>▪️Friday: 9.30am - 11.30am<br>▪️Saturday: 9.30am - 4.30pm<br>▪️Sunday: 11.00am - 4.00pm<br><br><strong>🤩 WHAT TO EXPECT</strong><br>Join our resident lifeguards for two hours worth of fun and games on our fully covered beach.</div><div><br>With plenty of seating for the grown-ups to relax, our restaurant team will bring food and drink waitress served to your table so you can relax while the little ones play. This is the perfect summer treat for everyone!</div><div><br>Any children under the age of 12 months who are attending with an older paying sibling may enter the beach area for free.&nbsp; <br><br><strong>🎟 TICKET COST:<br>▪️</strong>Child (Includes one adult): £5.99<br>▪️Extra Adult: £1.00<br>▪️Under 12 months: Free<br><br>(Needs booking in advance - head to the website via the event link)</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="19800">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛱️ The Beach 2026 - Frosts, Woburn Sands - Event Image 1 June 27, 2026 09:30 AM" title="⛱️ The Beach 2026 - Frosts, Woburn Sands at Frosts Garden Centre, Newport Rd, Woburn Sands, Milton Keynes MK17 8UE | Food/Drink, Indoor, Rainy Days, Activities, Advance Booking, Baby/Toddlers, Fun, Kids, Play Area, Ticket Event | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Children, Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc2OTMsInB1ciI6ImJsb2JfaWQifX0=--71c05c87de5e7c5afa2afecbfe7bec29ef65676e/Screenshot_20260605_031032_Samsung%20Internet.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc2OTMsInB1ciI6ImJsb2JfaWQifX0=--71c05c87de5e7c5afa2afecbfe7bec29ef65676e/Screenshot_20260605_031032_Samsung%20Internet.jpg" />
          </div>
            <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
              <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛱️ The Beach 2026 - Frosts, Woburn Sands at Frosts Garden Centre - Venue Image 1 June 27, 2026 09:30 AM" title="Frosts Garden Centre at Frosts Garden Centre, Newport Rd, Woburn Sands, Milton Keynes MK17 8UE | Food/Drink, Indoor, Rainy Days, Activities, Advance Booking, Baby/Toddlers, Fun, Kids, Play Area, Ticket Event | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Children, Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NzksInB1ciI6ImJsb2JfaWQifX0=--e60dc3dce000c489448ba34452d0c603a98262dd/FrostsWoburn.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NzksInB1ciI6ImJsb2JfaWQifX0=--e60dc3dce000c489448ba34452d0c603a98262dd/FrostsWoburn.jpg" />
            </div>
            <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
              <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="⛱️ The Beach 2026 - Frosts, Woburn Sands at Frosts Garden Centre - Venue Image 2 June 27, 2026 09:30 AM" title="Frosts Garden Centre at Frosts Garden Centre, Newport Rd, Woburn Sands, Milton Keynes MK17 8UE | Food/Drink, Indoor, Rainy Days, Activities, Advance Booking, Baby/Toddlers, Fun, Kids, Play Area, Ticket Event | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Children, Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NzgsInB1ciI6ImJsb2JfaWQifX0=--434dde50bf2e648e5aef0742ef68d40be237e61a/FrostsWoburn2.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NzgsInB1ciI6ImJsb2JfaWQifX0=--434dde50bf2e648e5aef0742ef68d40be237e61a/FrostsWoburn2.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://frostsgardencentres.co.uk/event/the-beach-at-woburn-sands/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19800/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="⛱️ The Beach 2026 - Frosts, Woburn Sands"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19800"
                              data-share-increment-url-value="/facebook_events/19800/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/19800/download_calendar"
                           data-calendar-download-event-id-value="19800"
                           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/167">
  <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/eyJfcmFpbHMiOnsiZGF0YSI6MjQxODksInB1ciI6ImJsb2JfaWQifX0=--9909f45f2bcd0edc217cfd25f5fb758a130edf54/Screenshot_20250607_165052_Facebook.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-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">🧒 Kids eat for £1* at Dobbies Garden Centre!</h3>
        <p class="text-sm text-green-600 font-medium">£1.0</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

  </div>
</div>

    </div>

                </div>
                <div>
                      <div id="event_card_19888"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="19888">
      <div id="event_19888"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19888">
  <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=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/19888">
                  <h1>🌅 🦁 Evenings at Hertfordshire Zoo 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/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjAsInB1ciI6ImJsb2JfaWQifX0=--cc0f464c0d3e0fa2634ae82375be57c062014ea5/Screenshot_20260611_140423_Facebook.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 27 June 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=Hertfordshire+Zoo+White+Stubbs+Lane+Broxbourne+Hertfordshire+EN10+7QA">
                            <span class="underline text-xs sm:text-base">Hertfordshire Zoo White Stubbs Lane Broxbourne Hertfordshire EN10 7QA</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>
                            18:30
                          </span>
                          <span class="inline-block">
                            - 21:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🌅 <strong>Summer Evenings at Hertfordshire Zoo is here with a fiesta every Saturday in June 2026! </strong><br><br>🇲🇽 <strong>EVENT DETAILS</strong><br>Join us from 6:30pm - 9:30pm for an unforgettable evening of live entertainment, delicious street food, refreshing margaritas, after-hours zoo access and over 800 incredible animals, all set against the backdrop of a summer sunset at Hertfordshire Zoo. <br><br>🤠 Free sombrero for the first 500 each night!<br><br>♿️ <a href="https://hertfordshirezoo.com/visiting/accessibilityadditionalfacilities/">Accessibility</a> <br><br><strong>🎟 TICKET COST:</strong><br>▪️From: £18.00<br>▪️Under 2's: Free</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="19888">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="🌅 🦁 Evenings at Hertfordshire Zoo 2026 - Event Image 1 June 27, 2026 06:30 PM" title="🌅 🦁 Evenings at Hertfordshire Zoo 2026 at Hertfordshire Zoo White Stubbs Lane Broxbourne Hertfordshire EN10 7QA | Activities, Advance Booking, Animals, Entertainment, Family, Food/Drink, Fun, Music, Nightlife, Outdoor, Play Area, Teens, Ticket Event, Walks | Suitable for: Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjAsInB1ciI6ImJsb2JfaWQifX0=--cc0f464c0d3e0fa2634ae82375be57c062014ea5/Screenshot_20260611_140423_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjAsInB1ciI6ImJsb2JfaWQifX0=--cc0f464c0d3e0fa2634ae82375be57c062014ea5/Screenshot_20260611_140423_Facebook.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://hertfordshirezoo.com/news/summer-evenings-at-hertfordshire-zoo/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19888/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="🌅 🦁 Evenings at Hertfordshire Zoo 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19888"
                              data-share-increment-url-value="/facebook_events/19888/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/19888/download_calendar"
                           data-calendar-download-event-id-value="19888"
                           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_19891"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="19891">
      <div id="event_19891"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19891">
  <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=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=25">History &amp; Heritage</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=60">Play Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=26">Scenic</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=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-light-yellow" href="/search?category_ids=37">Tickets</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=11">Blue Badge Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/19891">
                  <h1>🌳 The Misguided Walk of Tudor Tales (ages 4+) - Great Ampthill Park </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/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjIsInB1ciI6ImJsb2JfaWQifX0=--31128ee6fbbf60a968ad3fb2626cb1e6e58dac3f/FB_IMG_1781185119950.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 27 June 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=Coffee+Lodge%2C+5+Woburn+St%2C+Ampthill%2C+Bedford+MK45+2HX">
                            <span class="underline text-xs sm:text-base">Coffee Lodge, 5 Woburn St, Ampthill, Bedford MK45 2HX</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:00
                          </span>
                          <span class="inline-block">
                            - 15:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div><strong>Join us on Saturday 27th June for a fun, family-friendly interactive time travel adventure ideal for ages 4+.<br><br></strong>🕙 <strong>SESSIONS</strong> <br>▪️10am, 11.30am, 2pm<br><br>👑<strong> WHAT TO EXPECT</strong><br>Travel back in time with us for a fun-filled, interactive, guided walk! Explore Henry VIII's hunting grounds, meet curious characters and delve into some intriguing Tudor tales. Get ready for an exciting historical adventure the whole family will enjoy this June 2026<br><br>▪️<strong>Please note: </strong>This is a promenade performance that involves walking across varied terrain. The route will not be accessible for all (e.g. buggy/wheelchair users). If you would like to discuss if this experience is suitable for you, please email <a href="mailto:info@fullhouse.org.uk">info@fullhouse.org.uk</a> or call <a href="tel:01525%20630783">01525 630783</a>. Ampthill Park car park can get busy, so please bear this in mind. Leave in plenty of time and/or walk where possible.<br><br>📍<strong>MEETING POINT </strong><br>Ampthill Park Performance Area (opposite the Coffee Lodge)<br><br><strong>🎟 TICKET COST: FREE<br></strong>Must be booked in advance. You can do this via the event link.</div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="19891">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌳 The Misguided Walk of Tudor Tales (ages 4+) - Great Ampthill Park  - Event Image 1 June 27, 2026 10:00 AM" title="🌳 The Misguided Walk of Tudor Tales (ages 4+) - Great Ampthill Park  at Coffee Lodge, 5 Woburn St, Ampthill, Bedford MK45 2HX | Advance Booking, Entertainment, Free Entry, History &amp; Heritage, Kids, Outdoor, Play Parks, Scenic, Theatre, Ticket Event, Tickets, Walks | Suitable for: Blue Badge Parking, Children, Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjIsInB1ciI6ImJsb2JfaWQifX0=--31128ee6fbbf60a968ad3fb2626cb1e6e58dac3f/FB_IMG_1781185119950.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjIsInB1ciI6ImJsb2JfaWQifX0=--31128ee6fbbf60a968ad3fb2626cb1e6e58dac3f/FB_IMG_1781185119950.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://mailchi.mp/fullhouse/whatsonamp"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19891/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🌳 The Misguided Walk of Tudor Tales (ages 4+) - Great Ampthill Park "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19891"
                              data-share-increment-url-value="/facebook_events/19891/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/19891/download_calendar"
                           data-calendar-download-event-id-value="19891"
                           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_19894"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="19894">
      <div id="event_19894"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19894">
  <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=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=59">Pubs / Restaurants</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=32">Social</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=27">Sports</a>
    <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=8">Baby Changing</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair Friendly</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/19894">
                  <h1>⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable </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/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjYsInB1ciI6ImJsb2JfaWQifX0=--4ffcfb94b0753d0be6f7f41ecfd1095245fa8acc/FB_IMG_1781186677500.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 27 June 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=The+Market+Cross%2C+14+Luton+Rd%2C+Dunstable+LU5+4JN">
                            <span class="underline text-xs sm:text-base">The Market Cross, 14 Luton Rd, Dunstable LU5 4JN</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>
                            22:00
                          </span>
                          <!-- No end time available -->
                      </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>Watch the World Cup 2026 at The Market Cross, Dunstable. We're set for huge summer of football in the USA, Mexico and Canada. No one can enter after the start of the game.</strong><br><br>🗓 <strong>2026</strong> <strong>DATES &amp; TIMES<br>▪️</strong>Wed 17th June: England V Croatia - 9pm<br>▪️Tues 23rd June: England V Ghana - 9pm<br>▪️Sat 27th June: Panama V England - 10pm<br><br>&nbsp; 😋 <strong>FANCY HAVING A MEAL</strong>?<br>You can book a table in advance if you would like to eat too before the game starts.<br><br><strong>☎️ Phone: </strong><a href="Tel:01582674381"><strong>01582 674381</strong></a><strong><br>🌐 Website: </strong><a href="https://www.marketcrosspubdunstable.co.uk/"><strong>The Market Cross, Dunstable </strong></a><br><br></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="19894">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="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  - Event Image 1 June 27, 2026 10:00 PM" title="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  at The Market Cross, 14 Luton Rd, Dunstable LU5 4JN | Adults, Food/Drink, Indoor, Nightlife, Pubs / Restaurants, Social, Sports | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjYsInB1ciI6ImJsb2JfaWQifX0=--4ffcfb94b0753d0be6f7f41ecfd1095245fa8acc/FB_IMG_1781186677500.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjYsInB1ciI6ImJsb2JfaWQifX0=--4ffcfb94b0753d0be6f7f41ecfd1095245fa8acc/FB_IMG_1781186677500.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="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  - Event Image 2 June 27, 2026 10:00 PM" title="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  at The Market Cross, 14 Luton Rd, Dunstable LU5 4JN | Adults, Food/Drink, Indoor, Nightlife, Pubs / Restaurants, Social, Sports | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjcsInB1ciI6ImJsb2JfaWQifX0=--0701836068ca6eb43217e680835feb1b6a06a146/FB_IMG_1781186680279.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjcsInB1ciI6ImJsb2JfaWQifX0=--0701836068ca6eb43217e680835feb1b6a06a146/FB_IMG_1781186680279.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="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  - Event Image 3 June 27, 2026 10:00 PM" title="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  at The Market Cross, 14 Luton Rd, Dunstable LU5 4JN | Adults, Food/Drink, Indoor, Nightlife, Pubs / Restaurants, Social, Sports | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjgsInB1ciI6ImJsb2JfaWQifX0=--65b73e1bef6bbaa5c106b7f6d16ef3038dffad8d/FB_IMG_1781186682669.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MjgsInB1ciI6ImJsb2JfaWQifX0=--65b73e1bef6bbaa5c106b7f6d16ef3038dffad8d/FB_IMG_1781186682669.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="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  - Event Image 4 June 27, 2026 10:00 PM" title="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  at The Market Cross, 14 Luton Rd, Dunstable LU5 4JN | Adults, Food/Drink, Indoor, Nightlife, Pubs / Restaurants, Social, Sports | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MzAsInB1ciI6ImJsb2JfaWQifX0=--385198b47d7ee8d509498dd6ab0e86fbace8f664/FB_IMG_1781186697382.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MzAsInB1ciI6ImJsb2JfaWQifX0=--385198b47d7ee8d509498dd6ab0e86fbace8f664/FB_IMG_1781186697382.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="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  at Market Cross - Venue Image 1 June 27, 2026 10:00 PM" title="Market Cross at The Market Cross, 14 Luton Rd, Dunstable LU5 4JN | Adults, Food/Drink, Indoor, Nightlife, Pubs / Restaurants, Social, Sports | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NDIsInB1ciI6ImJsb2JfaWQifX0=--0f61f66aa9c91c1f6185382886a31eb5e971edda/MarketCross2.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NDIsInB1ciI6ImJsb2JfaWQifX0=--0f61f66aa9c91c1f6185382886a31eb5e971edda/MarketCross2.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="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable  at Market Cross - Venue Image 2 June 27, 2026 10:00 PM" title="Market Cross at The Market Cross, 14 Luton Rd, Dunstable LU5 4JN | Adults, Food/Drink, Indoor, Nightlife, Pubs / Restaurants, Social, Sports | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Free Parking, Parking Onsite, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NDMsInB1ciI6ImJsb2JfaWQifX0=--bb76b58aa211d582bfbb1b06747db44ab2995a87/MarketCross.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjA4NDMsInB1ciI6ImJsb2JfaWQifX0=--bb76b58aa211d582bfbb1b06747db44ab2995a87/MarketCross.jpg" />
            </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.facebook.com/share/p/1GEKAHg5Da/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19894/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="⚽️ Watch the World Cup 2026 at The Market Cross, Dunstable "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19894"
                              data-share-increment-url-value="/facebook_events/19894/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/19894/download_calendar"
                           data-calendar-download-event-id-value="19894"
                           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_19931"
         class="event-card"
         data-event-date="2026-06-27"
         data-event-id="19931">
      <div id="event_19931"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="19931">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=38">Automotive</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=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=18">Fun Fair</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair Friendly</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/19931">
                  <h1>🎊 Wixams Summer Party 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/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMjAsInB1ciI6ImJsb2JfaWQifX0=--a22a0ffddf1d434c5ed13631df115596d9bfeedb/FB_IMG_1781620976783.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 27 June 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=Lakeview+Village+Hall%2C+155-160+Brooklands+Ave%2C+Wixams%2C+Bedford+MK42+6AB">
                            <span class="underline text-xs sm:text-base">Lakeview Village Hall, 155-160 Brooklands Ave, Wixams, Bedford MK42 6AB</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: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>Wixams Summer Party is on Saturday 27th June 2026, 12:00pm – 6:00pm. Join us for an unforgettable afternoon of family fun, fantastic entertainment, delicious food, and community spirit!<br></strong><br>🎡 <strong>Fun Fair Attractions</strong><br>✨️Twister<br>✨️Miami Ride<br>✨️Mirror Maze<br>✨️Trampolines<br>✨️Swing Boats<br>✨️Bouncy Castles<br>✨️Obstacle Course<br>✨️Tea Cups<br>✨️Chair-o-Planes<br>✨️Toy Set Rides...And much more!<br><br>🎭 <strong>Live Entertainment</strong><br>We're bringing you a packed programme of entertainment throughout the day:<br><br>⭐️Fundamentalz Dance Group<br>⭐️Bonnie Bracey – Live Singer<br>⭐️Balloon Modeller<br>⭐️Circus Corner<br>⭐️Wrestling (Back by Popular Demand!)<br>⭐️Stilt Walker<br>⭐️Crimplene Crusaders<br>⭐️Magic Alex – Magician<br>⭐️Photo Booth<br>⭐️Classic Car Display<br><br>🍔 <strong>Fantastic Food &amp; Drink</strong><br>Enjoy a variety of tasty food and refreshments from our amazing vendors:<br><br>🔸️Licensed Bar for the Adults<br>🔸️Cafe Bali – Authentic Indonesian Street Food<br>🔸️Tasty Pizza<br>🔸️Kentucky Cook Out<br>🔸️Indian Street Food<br>🔸️Blended Coffee<br>🔸️Traditional Burgers &amp; Hot Dogs<br>🔸️Mouth-Watering Caribbean Cuisine<br>🔸️Delicious Pancakes<br><br>🛍️ <strong>Shopping Village<br></strong>Browse over 50 gift, craft and artisan stalls, offering unique products, handmade gifts and local creations.<br><br>More attractions and entertainment will be announced closer to the event, so keep an eye out for updates!<br><br>We can't wait to see you there for what promises to be a fantastic day for the whole family!</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="19931">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="🎊 Wixams Summer Party 2026 - Event Image 1 June 27, 2026 12:00 PM" title="🎊 Wixams Summer Party 2026 at Lakeview Village Hall, 155-160 Brooklands Ave, Wixams, Bedford MK42 6AB | Activities, Adults, Automotive, Craft Fair, Entertainment, Family, Food/Drink, Free Entry, Fun, Fun Fair, Kids, Music, Outdoor, Stalls | Suitable for: Accessible, Family, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMjAsInB1ciI6ImJsb2JfaWQifX0=--a22a0ffddf1d434c5ed13631df115596d9bfeedb/FB_IMG_1781620976783.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMjAsInB1ciI6ImJsb2JfaWQifX0=--a22a0ffddf1d434c5ed13631df115596d9bfeedb/FB_IMG_1781620976783.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="🎊 Wixams Summer Party 2026 - Event Image 2 June 27, 2026 12:00 PM" title="🎊 Wixams Summer Party 2026 at Lakeview Village Hall, 155-160 Brooklands Ave, Wixams, Bedford MK42 6AB | Activities, Adults, Automotive, Craft Fair, Entertainment, Family, Food/Drink, Free Entry, Fun, Fun Fair, Kids, Music, Outdoor, Stalls | Suitable for: Accessible, Family, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMjIsInB1ciI6ImJsb2JfaWQifX0=--20bf2d7b1569f8d32c4b03f4bb015c96ffb9a786/Screenshot_20260616_165050_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMjIsInB1ciI6ImJsb2JfaWQifX0=--20bf2d7b1569f8d32c4b03f4bb015c96ffb9a786/Screenshot_20260616_165050_Chrome.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.wixams.org/event/wixams-summer-party-2/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19931/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="🎊 Wixams Summer Party 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19931"
                              data-share-increment-url-value="/facebook_events/19931/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/19931/download_calendar"
                           data-calendar-download-event-id-value="19931"
                           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="before" target="load_more"><template>
        <div class="date-group">
            <div id="facebook_events_date_header_2026-06-28" 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 28 June (14)
  </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>

            
  <section class="prioritized-carousel-section mb-4 w-full min-w-0 pt-3 sm:pt-2"
           data-controller="prioritized-carousel"
           data-prioritized-carousel-item-count="2"
           data-prioritized-carousel-step-value="1"
           data-prioritized-carousel-autoplay-value="true"
           data-prioritized-carousel-autoplay-interval-ms-value="2000"
           data-prioritized-carousel-autoplay-start-delay-ms-value="400"
           data-prioritized-carousel-visibility-threshold-value="0.15"
           data-prioritized-carousel-pause-after-interaction-ms-value="6000">
    <div class="relative w-full min-w-0">
      <div data-prioritized-carousel-target="viewport"
           class="prioritized-carousel-viewport w-full min-w-0 overflow-x-clip overflow-y-visible">
        <div data-prioritized-carousel-target="track"
             class="prioritized-carousel-track flex min-w-0 gap-3 pb-1 md:gap-4">
            <div class="prioritized-carousel-spacer shrink-0" aria-hidden="true"></div>
            <div data-prioritized-carousel-target="item"
                 class="prioritized-carousel-item shrink-0 min-w-0">
                <div id="stream_20260628_event_16055"
     class="event rounded-xl shadow-lg w-full max-w-none mx-0 mb-0 relative bg-white border-4 border-red-500 mt-8"
     data-event-id="16055">
  <div class="relative group"
       data-controller="event-card-visit"
       data-action="click->event-card-visit#visitShow"
       data-event-card-visit-url-value="/events/16055"
       >
    <div class="pointer-events-none-all">
      <div class="absolute flex justify-center left-0 right-0 -top-6 z-10">
        <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
          <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
            <span class="text-white">Whats</span>
          </div>
          <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
            <span class="text-red-500">Hot</span>
          </div>
        </div>
      </div>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="w-full max-w-none px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=25">History &amp; Heritage</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=29">Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</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-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>
</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/16055">
                  <h1>🇹🇷 Luton TurkFest 2026 - Stockwood Park</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/eyJfcmFpbHMiOnsiZGF0YSI6MzI1MDksInB1ciI6ImJsb2JfaWQifX0=--33a9b3136d8450c1b72e3e382ece2c685e76fc60/original_image_16055.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 28 June 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Stockwood+Park%2C+Farley+Hill%2C+LU1+5HR">
                            <span class="underline text-xs sm:text-base">Stockwood Park, Farley Hill, LU1 5HR</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            11:00
                          </span>
                          <span class="inline-block">
                            - 18:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2 featured-pin-spec-desc">
                        <div class="w-full max-w-none 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">
                              <div class="event-description">
                                <div>🇹🇷 <strong>LUTON TURKISH FESTIVAL 2026 🇹🇷</strong><br><br>📅 Date: 28th June 2026<br>⏰ Time: 11:00 AM – 6:00 PM<br>📍 Location: Stockwood Park, Luton<br><br>🤩 <strong>EVENT DETAILS</strong><br>The Luton Turkish Festival is a much-loved annual event in the UK, celebrating the rich culture, traditions, and values of Türkiye. Once again, we are excited to welcome you for a joyful day full of culture, food, and community spirit.<br><br>Organised by the Luton Turkish Education and Culture Centre, with the support of our sponsors, TurkFest brings together people from all backgrounds to enjoy the colourful world of Turkish culture.<br><br><strong>There is something for everyone to enjoy, including:</strong><br>✨️Delicious Turkish food and regional specialities<br>✨️Mehter band (Ottoman military band) performances<br>✨️A traditional Oba tent showcasing Ottoman history, beys, and alps<br>✨️Ottoman-style costumes, handmade textiles, and Ebru (marbling) art<br>✨️Fun animation shows with children’s favourite characters<br>✨️Turkish classical music, including ney and oud performances<br>✨️Live shows by traditional folk poets (âşıks)<br>✨️Traditional Turkish folk dances<br>✨️Live concerts by surprise guest artists<br>✨️Hymns and theatre performances by children from our centre<br>✨️Freshly made Turkish coffee and Turkish delight<br>✨️Sweet and savoury treats like cotton candy, paper halva, bici bici, corn, and kumpir<br>✨️Safe and fun play areas for children<br><br>Every year, we welcome 5,000 to 10,000 visitors from Luton, across the UK, and from many different cultures.<br><br><strong>Come and join us for a wonderful day filled with music, flavours, fun, and togetherness. We can’t wait to see you there! 🎉🇹🇷</strong></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1" data-event-card-interactive-actions>
                                <a class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" href="/events/16055">See more</a>
                            </span>
                          </div>
                        </div>
                    </div>
                        <div data-event-card-interactive-actions class="relative z-10">
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
            <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
              <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🇹🇷 Luton TurkFest 2026 - Stockwood Park - June 28, 2026 11:00 AM at Stockwood Park, Farley Hill, LU1 5HR" title="🇹🇷 Luton TurkFest 2026 - Stockwood Park - Original Event Image | Activities, Adults, Entertainment, Family, Food/Drink, Free Entry, Fun, History &amp; Heritage, Music, Outdoor, Parks, Play Area, Stalls, Teens, Craft Fair | Suitable for: Accessible, Children, Family, Free Parking" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzI1MDksInB1ciI6ImJsb2JfaWQifX0=--33a9b3136d8450c1b72e3e382ece2c685e76fc60/original_image_16055.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzI1MDksInB1ciI6ImJsb2JfaWQifX0=--33a9b3136d8450c1b72e3e382ece2c685e76fc60/original_image_16055.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>
                        <div data-event-card-interactive-actions class="relative z-10">
                      <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://lutonturkfest.com/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/16055/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🇹🇷 Luton TurkFest 2026 - Stockwood Park"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/16055"
                              data-share-increment-url-value="/facebook_events/16055/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/16055/download_calendar"
                           data-calendar-download-event-id-value="16055"
                           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>
      </div>
    </section>
    </div>
  </div>
</div>

            </div>
            <div data-prioritized-carousel-target="item"
                 class="prioritized-carousel-item shrink-0 min-w-0">
                <div id="stream_20260628_event_19542"
     class="event rounded-xl shadow-lg w-full max-w-none mx-0 mb-0 relative bg-white border-4 border-red-500 mt-8"
     data-event-id="19542">
  <div class="relative group"
       data-controller="event-card-visit"
       data-action="click->event-card-visit#visitShow"
       data-event-card-visit-url-value="/events/19542"
       >
    <div class="pointer-events-none-all">
      <div class="absolute flex justify-center left-0 right-0 -top-6 z-10">
        <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
          <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
            <span class="text-white">Whats</span>
          </div>
          <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
            <span class="text-red-500">Hot</span>
          </div>
        </div>
      </div>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="w-full max-w-none px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=38">Automotive</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=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=56">Stalls</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=47">Annual</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=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/19542">
                  <h1>🍓 Yelden Strawberry Fayre 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ5MDIsInB1ciI6ImJsb2JfaWQifX0=--d1b94a4fe9037e70d83b09f95875e57f87ad0c17/Strawberry%20Fayre%20Flypast%20Edition%20Poster.png" />
                    <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 28 June 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=Yelden+Village+Hall%2C%0ASpring+Lane+%0AYelden%0ABedfordshire%0AMK44+1AS">
                            <span class="underline text-xs sm:text-base">Yelden Village Hall, Spring Lane Yelden Bedfordshire MK44 1AS</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            14:00
                          </span>
                          <span class="inline-block">
                            - 17:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2 featured-pin-spec-desc">
                        <div class="w-full max-w-none 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">
                              <div class="event-description">
                                <div>🍓 <strong>The Yelden Strawberry Fayre is a beloved village fete on this year on Sunday 28th June 2026.</strong><br><br><strong>🤩 WHAT TO EXPECT</strong><br>It's fun-for-all-the-family with Cream Teas, Classic Cars, Children's Games, Craft Stalls from small local businesses and much more. PLUS!!, confirmed at short notice, we'll be having a flypast...<br><br>🅿️ <strong>PARKING</strong><br>We have free parking. Dedicated Car Park in the Field.<br><br><strong>🎟 ENTRY COST:</strong><br>Entry is £2, and under 16's go free.<br><br>ℹ️ <strong>CONTACT DETAILS <br>📧 Email: </strong><a href="mailto:strawberryfayreese@gmail.com">strawberryfayreese@gmail.com</a></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1" data-event-card-interactive-actions>
                                <a class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" href="/events/19542">See more</a>
                            </span>
                          </div>
                        </div>
                    </div>
                        <div data-event-card-interactive-actions class="relative z-10">
                      <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="🍓 Yelden Strawberry Fayre 2026  - Event Image 1 June 28, 2026 02:00 PM" title="🍓 Yelden Strawberry Fayre 2026  at Yelden Village Hall,
Spring Lane 
Yelden
Bedfordshire
MK44 1AS | Activities, Adults, Automotive, Craft Fair, Family, Food/Drink, Low Cost, Outdoor, Pay On Entry, Stalls, Annual | Suitable for: Children, Family, Free Parking, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ5MDIsInB1ciI6ImJsb2JfaWQifX0=--d1b94a4fe9037e70d83b09f95875e57f87ad0c17/Strawberry%20Fayre%20Flypast%20Edition%20Poster.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ5MDIsInB1ciI6ImJsb2JfaWQifX0=--d1b94a4fe9037e70d83b09f95875e57f87ad0c17/Strawberry%20Fayre%20Flypast%20Edition%20Poster.png" />
          </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>
                        <div data-event-card-interactive-actions class="relative z-10">
                      <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.reddit.com/user/YeldenStrawberyFayre/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19542/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="🍓 Yelden Strawberry Fayre 2026 "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19542"
                              data-share-increment-url-value="/facebook_events/19542/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/19542/download_calendar"
                           data-calendar-download-event-id-value="19542"
                           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>
      </div>
    </section>
    </div>
  </div>
</div>

            </div>
            <div class="prioritized-carousel-spacer shrink-0" aria-hidden="true"></div>
        </div>
      </div>

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

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

          <div id="day_events_list_2026-06-28" class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                      <div id="event_card_17511"
         class="event-card"
         data-event-date="2026-06-28"
         data-event-id="17511">
      <div id="event_17511"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="17511">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=12">Baby/Toddlers</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=44">Creative</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=52">Rainy Days</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=25">History &amp; Heritage</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=24">Education</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=2">Wheelchair Friendly</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/17511">
                  <h1>🖍 Sunday Crafternoons 2026 (under 12) - The Higgins, Bedford</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkxMzIsInB1ciI6ImJsb2JfaWQifX0=--e7e4d575c30e8ee18c68d5c916ee74caf8b49ef5/Screenshot_20260311_205032_Maps.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 28 June 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=The+Higgins+Bedford%0ACastle+Lane%0ABedford%0AMK40+3XD">
                            <span class="underline text-xs sm:text-base">The Higgins Bedford Castle Lane Bedford MK40 3XD</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            14:00
                          </span>
                          <span class="inline-block">
                            - 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>Free</strong> <strong>Sunday Crafternoons at The Higgins in Bedford.<br><br>🗓 2026 DATES:</strong></div><div>▪️Sunday 15 March<br>▪️Sunday 12 April<br>▪️Sunday 10 May<br>▪️Sunday 28 June<br>▪️Sunday 27 September</div><div><br>🖍 <strong>Free Drop-In, no need to book, 2-4pm</strong></div><div>Crafternoons are a free, monthly creative activity sessions for families to have a go at 'making' together and enjoy the chance to get creative. All resources are provided. Suitable for under 12s. Children must be accompanied by an adult. Please be aware that space is limited and there may be a wait to start. <br><br>♿️ <strong>ACCESSIBILITY: </strong><a href="https://www.thehigginsbedford.org.uk/Visit_us/Accessibility/Accessibility.aspx"><strong>Click here</strong></a><br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>☎️ Phone: </strong><a href="tel:01234%20718618">01234 718618</a><br>☎️ <strong>Box Office:</strong> <a href="tel:01234%20718044">01234 718044</a>&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="17511">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="🖍 Sunday Crafternoons 2026 (under 12) - The Higgins, Bedford - Event Image 1 June 28, 2026 02:00 PM" title="🖍 Sunday Crafternoons 2026 (under 12) - The Higgins, Bedford at The Higgins Bedford
Castle Lane
Bedford
MK40 3XD | Activities, Baby/Toddlers, Creative, Family, Free Entry, Fun, Indoor, Kids, Rainy Days, History &amp; Heritage, Education | Suitable for: Accessible, Blue Badge Parking, Children, Family, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkxMzIsInB1ciI6ImJsb2JfaWQifX0=--e7e4d575c30e8ee18c68d5c916ee74caf8b49ef5/Screenshot_20260311_205032_Maps.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkxMzIsInB1ciI6ImJsb2JfaWQifX0=--e7e4d575c30e8ee18c68d5c916ee74caf8b49ef5/Screenshot_20260311_205032_Maps.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="🖍 Sunday Crafternoons 2026 (under 12) - The Higgins, Bedford - Event Image 2 June 28, 2026 02:00 PM" title="🖍 Sunday Crafternoons 2026 (under 12) - The Higgins, Bedford at The Higgins Bedford
Castle Lane
Bedford
MK40 3XD | Activities, Baby/Toddlers, Creative, Family, Free Entry, Fun, Indoor, Kids, Rainy Days, History &amp; Heritage, Education | Suitable for: Accessible, Blue Badge Parking, Children, Family, Toilets, Wheelchair Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkxMzMsInB1ciI6ImJsb2JfaWQifX0=--40579b7d2a77f9af8bf0956d3ebc05ba2e2418fe/Screenshot_20260311_204011_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkxMzMsInB1ciI6ImJsb2JfaWQifX0=--40579b7d2a77f9af8bf0956d3ebc05ba2e2418fe/Screenshot_20260311_204011_Chrome.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.thehigginsbedford.org.uk/Whats_on/Family_Events.aspx"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/17511/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="🖍 Sunday Crafternoons 2026 (under 12) - The Higgins, Bedford"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/17511"
                              data-share-increment-url-value="/facebook_events/17511/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/17511/download_calendar"
                           data-calendar-download-event-id-value="17511"
                           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_16055"
         class="event-card"
         data-event-date="2026-06-28"
         data-event-id="16055">
      <div id="event_16055"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white border-4 border-red-500 mt-8"
     data-event-id="16055">
  <div class="relative group"
>
      <div class="absolute flex justify-center left-0 right-0 -top-6 z-10">
        <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
          <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
            <span class="text-white">Whats</span>
          </div>
          <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
            <span class="text-red-500">Hot</span>
          </div>
        </div>
      </div>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=25">History &amp; Heritage</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=6">Music</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=29">Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</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-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>
</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/16055">
                  <h1>🇹🇷 Luton TurkFest 2026 - Stockwood Park</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/eyJfcmFpbHMiOnsiZGF0YSI6MzI1MDksInB1ciI6ImJsb2JfaWQifX0=--33a9b3136d8450c1b72e3e382ece2c685e76fc60/original_image_16055.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 28 June 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Stockwood+Park%2C+Farley+Hill%2C+LU1+5HR">
                            <span class="underline text-xs sm:text-base">Stockwood Park, Farley Hill, LU1 5HR</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            11:00
                          </span>
                          <span class="inline-block">
                            - 18: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>LUTON TURKISH FESTIVAL 2026 🇹🇷</strong><br><br>📅 Date: 28th June 2026<br>⏰ Time: 11:00 AM – 6:00 PM<br>📍 Location: Stockwood Park, Luton<br><br>🤩 <strong>EVENT DETAILS</strong><br>The Luton Turkish Festival is a much-loved annual event in the UK, celebrating the rich culture, traditions, and values of Türkiye. Once again, we are excited to welcome you for a joyful day full of culture, food, and community spirit.<br><br>Organised by the Luton Turkish Education and Culture Centre, with the support of our sponsors, TurkFest brings together people from all backgrounds to enjoy the colourful world of Turkish culture.<br><br><strong>There is something for everyone to enjoy, including:</strong><br>✨️Delicious Turkish food and regional specialities<br>✨️Mehter band (Ottoman military band) performances<br>✨️A traditional Oba tent showcasing Ottoman history, beys, and alps<br>✨️Ottoman-style costumes, handmade textiles, and Ebru (marbling) art<br>✨️Fun animation shows with children’s favourite characters<br>✨️Turkish classical music, including ney and oud performances<br>✨️Live shows by traditional folk poets (âşıks)<br>✨️Traditional Turkish folk dances<br>✨️Live concerts by surprise guest artists<br>✨️Hymns and theatre performances by children from our centre<br>✨️Freshly made Turkish coffee and Turkish delight<br>✨️Sweet and savoury treats like cotton candy, paper halva, bici bici, corn, and kumpir<br>✨️Safe and fun play areas for children<br><br>Every year, we welcome 5,000 to 10,000 visitors from Luton, across the UK, and from many different cultures.<br><br><strong>Come and join us for a wonderful day filled with music, flavours, fun, and togetherness. We can’t wait to see you there! 🎉🇹🇷</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="16055">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
            <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
              <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🇹🇷 Luton TurkFest 2026 - Stockwood Park - June 28, 2026 11:00 AM at Stockwood Park, Farley Hill, LU1 5HR" title="🇹🇷 Luton TurkFest 2026 - Stockwood Park - Original Event Image | Activities, Adults, Entertainment, Family, Food/Drink, Free Entry, Fun, History &amp; Heritage, Music, Outdoor, Parks, Play Area, Stalls, Teens, Craft Fair | Suitable for: Accessible, Children, Family, Free Parking" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzI1MDksInB1ciI6ImJsb2JfaWQifX0=--33a9b3136d8450c1b72e3e382ece2c685e76fc60/original_image_16055.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzI1MDksInB1ciI6ImJsb2JfaWQifX0=--33a9b3136d8450c1b72e3e382ece2c685e76fc60/original_image_16055.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://lutonturkfest.com/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/16055/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

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

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
      <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">Related Blogs</h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-full flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/blogs/9">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-32 w-full flex-shrink-0">
        <img class="w-full h-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjMwNTYsInB1ciI6ImJsb2JfaWQifX0=--2b3ee3db439fd1d98cfc74c244136b4863e216ec/FB_IMG_1747786154420.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800">
          Blog
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">😍 Stockwood Discovery Centre - A Free Museum in Luton, Bedfordshire </h3>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

<!-- Related Venues Section -->

  </div>
</div>

    </div>

                </div>
                <div>
                      <div id="event_card_19542"
         class="event-card"
         data-event-date="2026-06-28"
         data-event-id="19542">
      <div id="event_19542"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white border-4 border-red-500 mt-8"
     data-event-id="19542">
  <div class="relative group"
>
      <div class="absolute flex justify-center left-0 right-0 -top-6 z-10">
        <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
          <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
            <span class="text-white">Whats</span>
          </div>
          <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
            <span class="text-red-500">Hot</span>
          </div>
        </div>
      </div>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=38">Automotive</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=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=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=56">Stalls</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=47">Annual</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=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/19542">
                  <h1>🍓 Yelden Strawberry Fayre 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ5MDIsInB1ciI6ImJsb2JfaWQifX0=--d1b94a4fe9037e70d83b09f95875e57f87ad0c17/Strawberry%20Fayre%20Flypast%20Edition%20Poster.png" />
                    <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 28 June 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=Yelden+Village+Hall%2C%0ASpring+Lane+%0AYelden%0ABedfordshire%0AMK44+1AS">
                            <span class="underline text-xs sm:text-base">Yelden Village Hall, Spring Lane Yelden Bedfordshire MK44 1AS</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            14:00
                          </span>
                          <span class="inline-block">
                            - 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>The Yelden Strawberry Fayre is a beloved village fete on this year on Sunday 28th June 2026.</strong><br><br><strong>🤩 WHAT TO EXPECT</strong><br>It's fun-for-all-the-family with Cream Teas, Classic Cars, Children's Games, Craft Stalls from small local businesses and much more. PLUS!!, confirmed at short notice, we'll be having a flypast...<br><br>🅿️ <strong>PARKING</strong><br>We have free parking. Dedicated Car Park in the Field.<br><br><strong>🎟 ENTRY COST:</strong><br>Entry is £2, and under 16's go free.<br><br>ℹ️ <strong>CONTACT DETAILS <br>📧 Email: </strong><a href="mailto:strawberryfayreese@gmail.com">strawberryfayreese@gmail.com</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="19542">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="🍓 Yelden Strawberry Fayre 2026  - Event Image 1 June 28, 2026 02:00 PM" title="🍓 Yelden Strawberry Fayre 2026  at Yelden Village Hall,
Spring Lane 
Yelden
Bedfordshire
MK44 1AS | Activities, Adults, Automotive, Craft Fair, Family, Food/Drink, Low Cost, Outdoor, Pay On Entry, Stalls, Annual | Suitable for: Children, Family, Free Parking, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ5MDIsInB1ciI6ImJsb2JfaWQifX0=--d1b94a4fe9037e70d83b09f95875e57f87ad0c17/Strawberry%20Fayre%20Flypast%20Edition%20Poster.png" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDQ5MDIsInB1ciI6ImJsb2JfaWQifX0=--d1b94a4fe9037e70d83b09f95875e57f87ad0c17/Strawberry%20Fayre%20Flypast%20Edition%20Poster.png" />
          </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.reddit.com/user/YeldenStrawberyFayre/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/19542/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="🍓 Yelden Strawberry Fayre 2026 "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/19542"
                              data-share-increment-url-value="/facebook_events/19542/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/19542/download_calendar"
                           data-calendar-download-event-id-value="19542"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

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

  </div>
</div>

    </div>

                </div>
          </div>
        </div>
</template></turbo-stream><turbo-stream action="replace" target="load_more"><template>
    
<div id="load_more" class="w-full mt-4 flex gap-2 justify-center px-2">


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


</template></turbo-stream>