<turbo-stream action="append" target="list-events"><template>
    <div id="map_event_18570"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18570">
  <div class="relative group">
    <section class="text-gray-600 body-font overflow-hidden">
      <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=23">Entertainment</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=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=59">Pubs / Restaurants</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=32">Social</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=4">Adults Only</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/18570">
                  <h1>🎤 Buccaneer Live at The Crown Flitwick </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMjMsInB1ciI6ImJsb2JfaWQifX0=--530bb8e974eb64bdd7ee87780b22baf3ae21ec29/FB_IMG_1776793171936.jpg" />
                    <div class="grid gap-1">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 25 April 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=The+Crown%2C+Station+Rd%2C+Flitwick+MK45+1LA">
                            <span class="underline text-xs sm:text-base">The Crown, Station Rd, Flitwick MK45 1LA</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            20:00
                          </span>
                          <span class="inline-block">
                            - 00:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🎤 <strong>Join us for Buccaneer Live at The Crown Flitwick on Saturday 25th April 2026 from 8pm. FREE ENTRY!</strong><br><br><strong>🤩 WHAT TO EXPECT</strong><br>Local and Live - Playing classic rock and pop covers! These guys are high energy and it promises to be a great night!!<br><br>These are a Local band so please come and support them!</div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18570">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🎤 Buccaneer Live at The Crown Flitwick  - Event Image 1 April 25, 2026 08:00 PM" title="🎤 Buccaneer Live at The Crown Flitwick  at The Crown, Station Rd, Flitwick MK45 1LA | Adults, Entertainment, Food/Drink, Free Entry, Indoor, Music, Nightlife, Pubs / Restaurants, Social | Suitable for: Adults Only, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMjMsInB1ciI6ImJsb2JfaWQifX0=--530bb8e974eb64bdd7ee87780b22baf3ae21ec29/FB_IMG_1776793171936.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMjMsInB1ciI6ImJsb2JfaWQifX0=--530bb8e974eb64bdd7ee87780b22baf3ae21ec29/FB_IMG_1776793171936.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="🎤 Buccaneer Live at The Crown Flitwick  - Event Image 2 April 25, 2026 08:00 PM" title="🎤 Buccaneer Live at The Crown Flitwick  at The Crown, Station Rd, Flitwick MK45 1LA | Adults, Entertainment, Food/Drink, Free Entry, Indoor, Music, Nightlife, Pubs / Restaurants, Social | Suitable for: Adults Only, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMjUsInB1ciI6ImJsb2JfaWQifX0=--4867b402863917e3cb71c0fb1a4a0963e2897b7b/Screenshot_20260421_184517_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyMjUsInB1ciI6ImJsb2JfaWQifX0=--4867b402863917e3cb71c0fb1a4a0963e2897b7b/Screenshot_20260421_184517_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.thecrownflitwick.co.uk/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18570/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="🎤 Buccaneer Live at The Crown Flitwick "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18570"
                              data-share-increment-url-value="/facebook_events/18570/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/18570/download_calendar"
                           data-calendar-download-event-id-value="18570"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

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

  </div>
</div>

    <div id="map_event_18591"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18591">
  <div class="relative group">
    <section class="text-gray-600 body-font overflow-hidden">
      <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=25">History &amp; Heritage</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=52">Rainy Days</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/18591">
                  <h1>🚂 Ridgmont Station Heritage Centre </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDYsInB1ciI6ImJsb2JfaWQifX0=--858fc03e9ac61c4091d4d2e61bbd2b3c18ac7d3a/FB_IMG_1776294572240.jpg" />
                    <div class="grid gap-1">
                      <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 25 April 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Ridgmont+Heritage+Centre%2C%0AStation+Rd%2C+Ridgmont%2C+Bedford+MK43+0XP%0A">
                            <span class="underline text-xs sm:text-base">Ridgmont Heritage Centre, Station Rd, Ridgmont, Bedford MK43 0XP</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            11:00
                          </span>
                          <span class="inline-block">
                            - 16:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🚂 <strong>We are open this week Wednesday to Saturday, from 11am to 4pm. Pop by for a tea/coffee and a nice cake or scone. We'd love to see you at The Ridgmont Heritage Centre.</strong><br><br>😍<strong> WHAT TO EXPECT<br></strong>Join us this week from Wednesday to Saturday, 11am to 4pm. Tea/coffee and homemade cakes and scones will be available, as well as cheese scones and savoury cream tea.<strong><br><br></strong>Looking for a present for the train lover in your life? Our Ridgmont Station gift shop is full of delightful, railway-themed products - calendars, cups, books and more! Pay a visit to Ridgmont and see if there's something that could brighten your loved one's day.<strong><br><br>🌳 WALKS NEARBY <br></strong>Enjoy the great outdoors with your family! We're fortunate to have some fantastic walking and cycling routes nearby. Check out three of our favourites on our <a href="https://bit.ly/3Sktqa7"><strong>website</strong></a>. After your adventure, swing by for refreshments (Wednesday to Saturday) from our fantastic volunteers! <br><br>🎟 <strong>DISCOUNT INFORMATION</strong> <strong>TRAIN TRAVEL</strong><br>Railcard holders travel for a third off and Bedfordshire Bus Pass discounts travel for half price travel after 10:00 on weekdays and all day on Saturday &amp; Bank Holidays.<br><br>❗️<strong>PLEASE NOTE - CHECK BEFORE VISITING</strong><br>Please note it is not always possible to open the Museum at all advertised times due to a shortage of volunteers. Please call:<br><a href="tel:01525%20287121"><strong>01525 287121</strong></a> in advance if you are making a special journey for the Museum.<br><br>ℹ️ <strong>VOLUNTEERING OPPORTUNITIES</strong> <br>If you would like further details of volunteering opportunities please phone or email us <br><strong>☎️ Phone: </strong><a href="tel:01234%20832645"><strong>01234 832645</strong></a> <br><strong>📧 Email: </strong><a href="mailto:heritagecentre@bedsrcc.org.uk"><strong>heritagecentre@bedsrcc.org.uk</strong></a></div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18591">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚂 Ridgmont Station Heritage Centre  - Event Image 1 April 25, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDYsInB1ciI6ImJsb2JfaWQifX0=--858fc03e9ac61c4091d4d2e61bbd2b3c18ac7d3a/FB_IMG_1776294572240.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDYsInB1ciI6ImJsb2JfaWQifX0=--858fc03e9ac61c4091d4d2e61bbd2b3c18ac7d3a/FB_IMG_1776294572240.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚂 Ridgmont Station Heritage Centre  - Event Image 2 April 25, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDcsInB1ciI6ImJsb2JfaWQifX0=--3de08fac8b7481885bb94bf770fceb89adf42a8e/FB_IMG_1776294651501.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDcsInB1ciI6ImJsb2JfaWQifX0=--3de08fac8b7481885bb94bf770fceb89adf42a8e/FB_IMG_1776294651501.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚂 Ridgmont Station Heritage Centre  - Event Image 3 April 25, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDgsInB1ciI6ImJsb2JfaWQifX0=--6c865ebaa074353efb691b874f26dd8e419cc887/FB_IMG_1776294637329.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDgsInB1ciI6ImJsb2JfaWQifX0=--6c865ebaa074353efb691b874f26dd8e419cc887/FB_IMG_1776294637329.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚂 Ridgmont Station Heritage Centre  - Event Image 4 April 25, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDksInB1ciI6ImJsb2JfaWQifX0=--574c13dceeaec74c06a44bbc0fb3b1401277d487/FB_IMG_1776294606903.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMDksInB1ciI6ImJsb2JfaWQifX0=--574c13dceeaec74c06a44bbc0fb3b1401277d487/FB_IMG_1776294606903.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚂 Ridgmont Station Heritage Centre  - Event Image 5 April 25, 2026 11:00 AM" title="🚂 Ridgmont Station Heritage Centre  at Ridgmont Heritage Centre,
Station Rd, Ridgmont, Bedford MK43 0XP
 | Adults, Date Idea, Family, Food/Drink, Free Entry, History &amp; Heritage, Indoor, Rainy Days, Walks | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMTAsInB1ciI6ImJsb2JfaWQifX0=--b0ef92b07db8c56562d20ea69d2780640cdb074c/FB_IMG_1776294623779.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMxMTAsInB1ciI6ImJsb2JfaWQifX0=--b0ef92b07db8c56562d20ea69d2780640cdb074c/FB_IMG_1776294623779.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

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

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

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

  </div>
</div>

    <div id="map_event_18623"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18623">
  <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=7">Animals</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=5">Charity</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=26">Scenic</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</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/18623">
                  <h1>🌷 Steppingley Village Open Gardens - April 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/eyJfcmFpbHMiOnsiZGF0YSI6NDMyNzQsInB1ciI6ImJsb2JfaWQifX0=--cba273e0c00edfabc7eddcf06898bf1a25b9199b/FB_IMG_1776807752441.jpg" />
                    <div class="grid gap-1">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 25 April 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=Steppingley+Village+Gardens%2C+Steppingley%2C+MK45+5AT">
                            <span class="underline text-xs sm:text-base">Steppingley Village Gardens, Steppingley, MK45 5AT</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-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🌷<strong>Three gardens in the picturesque village of Steppingley open their gates to celebrate the colours and scents of spring and to raise vital funds for nursing, hospice, and health-related causes.<br><br>🗓 2026 DATES <br>▪️</strong>Saturday 25th April: 2pm - 5pm<br>▪️Sunday 26th April: 2pm - 5pm<br><br>🌼<strong> WHAT TO EXPECT</strong><br>From vibrant displays of tulips to tranquil ponds, pretty courtyards and glass houses, these gardens offer a wellbeing boost to the visitor.&nbsp; There are also three wildlife ponds, a 30m deep Victorian well, a shell grotto, a succulent collection and country views. The combination of beautiful garden settings, delicious home-made teas and the opportunity to purchase plants propagated from the gardens’ own stocks make for a memorable afternoon. <br><br>🎁 <strong>WHAT ELSE?</strong><br>Venetia Barrington will be selling cards and there is an auction of special gifts, hanging baskets and overnight stay at Well Cottage.<br>Home-made teas &amp; plant sale. <br><br>ℹ️ <strong>ACCESSIBILITY &amp; DOG INFO</strong><br>Gravel driveway &amp; paths and some steps to navigate. Sorry no dogs due to the presence of chickens, ducks, ducklings and moorhens.<br><br><strong>🎟 TICKET COST:<br></strong>Pay at gate by card or book via the event link.<br>Combined admission to 3 gardens -&nbsp;<br>▪️Adults: £8<br>▪️Children: Free</div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18623">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌷 Steppingley Village Open Gardens - April 2026 - Event Image 1 April 25, 2026 02:00 PM" title="🌷 Steppingley Village Open Gardens - April 2026 at Steppingley Village Gardens, Steppingley, MK45 5AT | Adults, Advance Booking, Animals, Charity, Date Idea, Food/Drink, Outdoor, Pay On Entry, Scenic, Walks | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyNzQsInB1ciI6ImJsb2JfaWQifX0=--cba273e0c00edfabc7eddcf06898bf1a25b9199b/FB_IMG_1776807752441.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyNzQsInB1ciI6ImJsb2JfaWQifX0=--cba273e0c00edfabc7eddcf06898bf1a25b9199b/FB_IMG_1776807752441.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="🌷 Steppingley Village Open Gardens - April 2026 - Event Image 2 April 25, 2026 02:00 PM" title="🌷 Steppingley Village Open Gardens - April 2026 at Steppingley Village Gardens, Steppingley, MK45 5AT | Adults, Advance Booking, Animals, Charity, Date Idea, Food/Drink, Outdoor, Pay On Entry, Scenic, Walks | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyNzUsInB1ciI6ImJsb2JfaWQifX0=--513ffea0219e90ea1e8b62610a54c0584f105821/FB_IMG_1776807756672.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyNzUsInB1ciI6ImJsb2JfaWQifX0=--513ffea0219e90ea1e8b62610a54c0584f105821/FB_IMG_1776807756672.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="🌷 Steppingley Village Open Gardens - April 2026 - Event Image 3 April 25, 2026 02:00 PM" title="🌷 Steppingley Village Open Gardens - April 2026 at Steppingley Village Gardens, Steppingley, MK45 5AT | Adults, Advance Booking, Animals, Charity, Date Idea, Food/Drink, Outdoor, Pay On Entry, Scenic, Walks | Suitable for: Family" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyNzYsInB1ciI6ImJsb2JfaWQifX0=--334bd89eedab621324df3f2eefee5ca171be6eda/FB_IMG_1776807754678.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDMyNzYsInB1ciI6ImJsb2JfaWQifX0=--334bd89eedab621324df3f2eefee5ca171be6eda/FB_IMG_1776807754678.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://ngs.org.uk/gardens/steppingley-village-gardens-mk4/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18623/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="🌷 Steppingley Village Open Gardens - April 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18623"
                              data-share-increment-url-value="/facebook_events/18623/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/18623/download_calendar"
                           data-calendar-download-event-id-value="18623"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

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

  </div>
</div>

    <div id="map_event_18777"
     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="18777">
  <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=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=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=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=39">Ticket Event</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=43">Weather Permitting</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=26">Scenic</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=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 badge-accent" href="/search?suitability_ids=8">Baby Changing</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/18777">
                  <h1>🌷Pick Your Own Tulips - Secret Farm, Moggerhanger </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTcsInB1ciI6ImJsb2JfaWQifX0=--87e588c6db1c7f590f60def1c9541d3a81daaaa1/FB_IMG_1774783783785.jpg" />
                    <div class="grid gap-1">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 25 April 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=The+Secret+Farm%2C+Blunham+Road%2C+Moggerhanger%2C+MK44+3RA">
                            <span class="underline text-xs sm:text-base">The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            11:00
                          </span>
                          <span class="inline-block">
                            - 16:00
                          </span>
                          <span class="inline-block ml-4">
                            <strong>Price:</strong> £5.00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🌷 <strong>Step into a sea of colour this weekend and enjoy our beautiful Pick Your Own Tulip Experience at The Secret Farm, Moggerhanger.</strong><br><br>💐 <strong>EVENT DETAILS</strong><br>Wander through the fields, choose your favourite blooms, and create your own perfect bunch to take home (extra charge to entry)<br><br><strong>Make a full day of it with fun for the whole family:</strong><br>🎨 Face painting (extra charge)<br>🚜 Go-karts, mini tractors &amp; balance bikes (included)<br>🏖️ Sand pit &amp; play areas (included)<br>🚂 Barrel train rides (£3pp)<br>🏰 Bouncy castles (£3pp<br><br>🍟<strong>FOOD &amp; DRINK</strong><br>Tasty treats from our Dutch kitchen – frites, pancakes &amp; strawberries and our farm kitchen serving your favourites.<br><br><strong>🎟 ENTRY TICKET COST:</strong><br>▪️Age 3 and above: £5.00<br>▪️Under 3: Free<br>▪️Book your tickets via the event link.<br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>📧 Email: </strong><a href="mailto:hello@thesecret.farm">hello@thesecret.farm</a></div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18777">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌷Pick Your Own Tulips - Secret Farm, Moggerhanger  - Event Image 1 April 25, 2026 11:00 AM" title="🌷Pick Your Own Tulips - Secret Farm, Moggerhanger  at The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA | Activities, Adults, Advance Booking, Baby/Toddlers, Family, Food/Drink, Fun, Kids, Outdoor, Play Area, Ticket Event, Walks, Weather Permitting, Scenic | Suitable for: Children, Family, Free Parking, Parking Onsite, Toilets, Baby Changing" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTcsInB1ciI6ImJsb2JfaWQifX0=--87e588c6db1c7f590f60def1c9541d3a81daaaa1/FB_IMG_1774783783785.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTcsInB1ciI6ImJsb2JfaWQifX0=--87e588c6db1c7f590f60def1c9541d3a81daaaa1/FB_IMG_1774783783785.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="🌷Pick Your Own Tulips - Secret Farm, Moggerhanger  - Event Image 2 April 25, 2026 11:00 AM" title="🌷Pick Your Own Tulips - Secret Farm, Moggerhanger  at The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA | Activities, Adults, Advance Booking, Baby/Toddlers, Family, Food/Drink, Fun, Kids, Outdoor, Play Area, Ticket Event, Walks, Weather Permitting, Scenic | Suitable for: Children, Family, Free Parking, Parking Onsite, Toilets, Baby Changing" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTgsInB1ciI6ImJsb2JfaWQifX0=--bd5cdfca51b1b3346a7386106eccd8b3c9a42d9a/FB_IMG_1774783800713.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTgsInB1ciI6ImJsb2JfaWQifX0=--bd5cdfca51b1b3346a7386106eccd8b3c9a42d9a/FB_IMG_1774783800713.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://thesecret.farm/product/tulip-experiance-2026/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18777/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="🌷Pick Your Own Tulips - Secret Farm, Moggerhanger "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18777"
                              data-share-increment-url-value="/facebook_events/18777/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/18777/download_calendar"
                           data-calendar-download-event-id-value="18777"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

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

  </div>
</div>

    <div id="map_event_18818"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="18818">
  <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=1">Free</a>
      <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=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" 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=60">Play Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=61">Water</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=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=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/18818">
                  <h1>💦 Splashlands, Stanborough Park, Welwyn Garden City - Stanborough 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/eyJfcmFpbHMiOnsiZGF0YSI6NDM2MzcsInB1ciI6ImJsb2JfaWQifX0=--119daf03ed1d99236e05ffa4321f8055d3425366/Screenshot_20260424_121454_Chrome.jpg" />
                    <div class="grid gap-1">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Saturday 25 April 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=Stanborough+Park%2C+Stanborough+Rd%2C+Welwyn+Garden+City+AL8+6DF%0A">
                            <span class="underline text-xs sm:text-base">Stanborough Park, Stanborough Rd, Welwyn Garden City AL8 6DF</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">
                            - 18:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>💦 <strong>Splashlands, located in Stanborough Park North, Welwyn Garden City is a wet and dry play facility which features a paddling river meandering through a splash pad water play area.&nbsp; <br></strong><br>Surrounded by a nautical-themed adventure playground with a large pirate ship and a variety of play equipment for children of all ages. The splash pad has 67 jets that shoot up to 1.5m in the air with pads that activate water sprays when they are jumped on.<br><br>🍦<strong>FACILITIES</strong> <br>A refreshment kiosk will be open every day between 10:00 - 18:00 serving hot and cold drinks, snacks, and ice creams. <br><br>🚻 <strong>TOILETS &amp; CHANGING ROOMS</strong><br>Public toilets and changing facilities, located next to the Splashlands, are be open from 9:00 - 18:00.<br><br>👀 <strong>WANT TO SEE BEFORE YOU GO?</strong><br>Check out <a href="https://www.facebook.com/share/r/1D4GL56fgB/">Whatsup Bedfordshire Facebook</a> reel to give you an idea what else you can do. Please note charges apply to Parking.<br><br><strong>PLEASE NOTE</strong><br>Splash parks can close at any short notice.</div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18818">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="💦 Splashlands, Stanborough Park, Welwyn Garden City - Stanborough Park - Event Image 1 April 25, 2026 10:00 AM" title="💦 Splashlands, Stanborough Park, Welwyn Garden City - Stanborough Park at Stanborough Park, Stanborough Rd, Welwyn Garden City AL8 6DF
 | Activities, Baby/Toddlers, Family, Food/Drink, Free, Free Entry, Fun, Kids, Outdoor, Parks, Play Area, Play Parks, Walks, Water | Suitable for: Accessible, Baby Changing, Blue Badge Parking, Children, Family, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDM2MzcsInB1ciI6ImJsb2JfaWQifX0=--119daf03ed1d99236e05ffa4321f8055d3425366/Screenshot_20260424_121454_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDM2MzcsInB1ciI6ImJsb2JfaWQifX0=--119daf03ed1d99236e05ffa4321f8055d3425366/Screenshot_20260424_121454_Chrome.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://one.welhat.gov.uk/Splashlands"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18818/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="💦 Splashlands, Stanborough Park, Welwyn Garden City - Stanborough Park"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18818"
                              data-share-increment-url-value="/facebook_events/18818/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/18818/download_calendar"
                           data-calendar-download-event-id-value="18818"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

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

  </div>
</div>

</template></turbo-stream>
  <turbo-stream action="replace" target="cursor"><template>
    <div id="cursor">
        <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">
          Venues
        </h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1640">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="☕️ Bromham Mill Coffee Shop" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUzMzQsInB1ciI6ImJsb2JfaWQifX0=--af69f4e1af71ea65a8932dcaa4906ec31f2c4953/FB_IMG_1752058905787.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">☕️ Bromham Mill Coffee Shop</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Bromham Mill Coffee Shop, 5 Bridge End, Bromham, Bedford MK43 8LP</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1632">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🐊 Johnsons Of Old Hurst Zoo, a cheap day out for all the family..." src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjU0MzMsInB1ciI6ImJsb2JfaWQifX0=--2d8f8f1342e56a596eba16022ab4617249e94006/Screenshot_20250709_211242_Samsung%20Internet.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🐊 Johnsons Of Old Hurst Zoo, a cheap day out for all the family...</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Johnsons Of Old Hurst, Church St, Old Hurst, Huntingdon PE28 3AF</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1634">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🌳 Stockwood Discovery Centre, Luton (FREE)" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUwMzYsInB1ciI6ImJsb2JfaWQifX0=--f8690f230e446222084c06325bd9012d4a068759/FB_IMG_1751498483358.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🌳 Stockwood Discovery Centre, Luton (FREE)</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Stockwood Discovery Centre, London Road, Luton, LU1 4LX</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1637">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🌳 FREE MAZE AT ROXTON GARDEN CENTRE (CURRENTLY CLOSED DUE TO MAINTENANCE)" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUwMTksInB1ciI6ImJsb2JfaWQifX0=--5d562251aeebbec615facc3575ed5f30571f07fa/FB_IMG_1751499801898.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🌳 FREE MAZE AT ROXTON GARDEN CENTRE (CURRENTLY CLOSED DUE TO MAINTENANCE)</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Roxton Garden Centre, Bedford Rd, Roxton, Bedford MK44 3DY</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1631">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🏛 Pancea Museum - A FREE Museum in Bedford" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUwMjAsInB1ciI6ImJsb2JfaWQifX0=--5bdfc513d76bfb4e4ed27cc538b15c71d3d24eed/FB_IMG_1751502933183.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🏛 Pancea Museum - A FREE Museum in Bedford</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Panacea Museum, 9 Newnham Road, Bedford, MK40 3NX</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1641">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🌳 The Forest Centre, Marston Moretaine " src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjU0ODYsInB1ciI6ImJsb2JfaWQifX0=--bc5fa79dab6068fc9308cf8e0539a4c1826af0c9/FB_IMG_1752139955663.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🌳 The Forest Centre, Marston Moretaine </h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">The Forest Centre, Station Rd, Marston Moretaine, Bedford MK43 0PR</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1639">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🚶‍♂️Dunstable Downs" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUzMTQsInB1ciI6ImJsb2JfaWQifX0=--13a0e0f348e138bfd314b413d0894cf5d1dea059/FB_IMG_1751974507346.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚶‍♂️Dunstable Downs</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Dunstable Downs, Whipsnade Road, Dunstable, Bedfordshire, LU6 2GY</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </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>

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