<turbo-stream action="append" target="list-events"><template>
    <div id="map_event_21208"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21208">
  <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-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=26">Scenic</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=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>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</a>
    <a class="badge badge-sm bg-amber-800 text-white" href="/search?suitability_ids=13">Dog Friendly</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=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/21208">
                  <h1>🌞 Summer Open Weekend at Stowe Gardens 2026 - Buckinghamshire</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/eyJfcmFpbHMiOnsiZGF0YSI6NDg2MDEsInB1ciI6ImJsb2JfaWQifX0=--ccc2a00c3c477ee21ecbf63378e688c8ced0968f/original_image_20239.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 02 August 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=Stowe+Gardens%2C+Buckingham%2C+MK18+5EQ">
                            <span class="underline text-xs sm:text-base">Stowe Gardens, Buckingham, MK18 5EQ</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:00
                          </span>
                          <span class="inline-block">
                            - 17:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🏛 <strong>Step into 300 years of history at this special free Summer Open Weekend at Stowe Gardens, celebrating the creative legacy of architect Sir John Vanbrugh.<br><br></strong>🗓 <strong>2026</strong> <strong>DATE &amp; TIME</strong><br>▪️ Saturday 1st August: 10am - 5pm<br>▪️ Sunday 2nd August: 10am - 5pm<br><br><strong>🎟 FREE ENTRY!</strong><br>Entry to Stowe Gardens is <strong>FREE</strong> for this special open weekend.<br><br>🌸 <strong>ABOUT STOWE GARDENS</strong><br>Vanbrugh arrived at Stowe in 1719, working alongside garden designer Charles Bridgeman and commissioned by Lord Cobham, who had just begun shaping the estate after years abroad. <br><br>His role was to bring architectural drama to the landscape and help unify the existing house - and although many of his original structures were later altered or replaced, his flair helped begin Stowe’s transformation into one of Britain’s finest 18th-century estates.<br><br>🏠 <strong>EXTRA AT STOWE HOUSE</strong><br>Stowe House (not National Trust) will also be offering visitors a special <strong>£3 admission</strong> (usually £9.50 for adults / £7.50 for National Trust members) along with a selection of events including crafts, workshops and storytelling. To find out more, visit <a href="https://www.stowehouse.org">stowehouse.org</a>.<br><br>♿️ <strong>ACCESSIBILITY</strong><br>There is an 800m walk from the car park to the garden entrance, with a free access shuttle operating daily from the café to the garden entrance. There is plenty of accessible parking, accessible toilets at New Inn, by the café, and at the garden entrance, plus accessible vehicles available to hire - please phone in advance to book.<br><br>📍 <strong>LOCATION</strong><br>Stowe Gardens, Buckingham, MK18 5EQ<br><br><strong>ℹ️ ENQUIRIES/CONTACT DETAILS<br>National Trust at Stowe</strong><br>☎<strong>️ Phone:</strong> <a href="tel:01280817156">01280 817 156</a><br><strong>📧 Email:</strong> <a href="mailto:stowe@nationaltrust.org.uk">stowe@nationaltrust.org.uk</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="21208">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="🌞 Summer Open Weekend at Stowe Gardens 2026 - Buckinghamshire - August 02, 2026 10:00 AM at Stowe Gardens, Buckingham, MK18 5EQ" title="🌞 Summer Open Weekend at Stowe Gardens 2026 - Buckinghamshire - Original Event Image | Adults, Date Idea, Family, Free Entry, Outdoor, Teens, Walks, Scenic | Suitable for: Accessible, Children, Family, Parking Onsite, Toilets, Baby Changing, Blue Badge Parking, Dog Friendly, 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/eyJfcmFpbHMiOnsiZGF0YSI6NDg2MDEsInB1ciI6ImJsb2JfaWQifX0=--ccc2a00c3c477ee21ecbf63378e688c8ced0968f/original_image_20239.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDg2MDEsInB1ciI6ImJsb2JfaWQifX0=--ccc2a00c3c477ee21ecbf63378e688c8ced0968f/original_image_20239.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.nationaltrust.org.uk/visit/oxfordshire-buckinghamshire-berkshire/stowe-gardens/events/8a4ac11c-aad1-475b-b107-3b178bb68504"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21208/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="🌞 Summer Open Weekend at Stowe Gardens 2026 - Buckinghamshire"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21208"
                              data-share-increment-url-value="/facebook_events/21208/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/21208/download_calendar"
                           data-calendar-download-event-id-value="21208"
                           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_21212"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21212">
  <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=47">Annual</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-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=61">Water</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm bg-amber-800 text-white" href="/search?suitability_ids=13">Dog Friendly</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21212">
                  <h1>🚤 Fenny Stratford Canal Festival 2026 </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDkyOTcsInB1ciI6ImJsb2JfaWQifX0=--c105878106a1c511879fb579374d4d230ddb7e4d/FB_IMG_1785309247121.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 02 August 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=16+Watling+St%2C+Fenny+Stratford%2C+Bletchley%2C+Milton+Keynes+MK2+2BL%2C+UK">
                            <span class="underline text-xs sm:text-base">16 Watling St, Fenny Stratford, Bletchley, Milton Keynes MK2 2BL, Uk</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:30
                          </span>
                          <span class="inline-block">
                            - 16: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>IWA local Milton Keynes Branch have been supporting, maintaining and restoring our local waterways for 50 years!<br><br>🗓 2026 DATES &amp; TIMES<br>▪️</strong>Saturday 1st August: 10:30 - 16:30<br>▪️Sunday 2nd August: 10:30 - 16:30<br><strong><br></strong>👀 <strong>WHAT TO EXPECT </strong><br>The fabulous floating market is well worth a visit. Take a look at the radio-controlled model boats. Possibly, find that perfect gift at one of the many craft and charity stalls. <br><br>Maybe, you might take a trip along the canal, on The Milton Keynes Community Boat “Electra” .&nbsp; Which will be offering short return trips from the festival site, for a small fee.<br><br>🅿️ <strong>NO PARKING </strong><br>Please note: Access is on foot via towpath only.&nbsp; There is no parking on site – please park considerately in central Fenny Stratford.<br><br>📍<strong>WHAT3WORDS</strong><br>what3words for the festival entrance: ///final.wrong.stone<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="21212">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="🚤 Fenny Stratford Canal Festival 2026  - Event Image 1 August 02, 2026 10:30 AM" title="🚤 Fenny Stratford Canal Festival 2026  at 16 Watling St, Fenny Stratford, Bletchley, Milton Keynes MK2 2BL, UK | Adults, Annual, Date Idea, Family, Free Entry, Outdoor, Stalls, Water | Suitable for: Family, Dog Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDkyOTcsInB1ciI6ImJsb2JfaWQifX0=--c105878106a1c511879fb579374d4d230ddb7e4d/FB_IMG_1785309247121.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDkyOTcsInB1ciI6ImJsb2JfaWQifX0=--c105878106a1c511879fb579374d4d230ddb7e4d/FB_IMG_1785309247121.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://waterways.org.uk/support/ways-to-get-involved/events/fenny-stratford-canal-festival-2026-2"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21212/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="🚤 Fenny Stratford Canal Festival 2026 "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21212"
                              data-share-increment-url-value="/facebook_events/21212/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/21212/download_calendar"
                           data-calendar-download-event-id-value="21212"
                           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_21215"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21215">
  <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=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=18">Fun Fair</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=12">Baby/Toddlers</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/21215">
                  <h1>🎠 Houghton Regis Funfair - July/August 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/eyJfcmFpbHMiOnsiZGF0YSI6NDkzMDcsInB1ciI6ImJsb2JfaWQifX0=--31ad84136808678fc41e83dc65d3a8c01f2b176f/FB_IMG_1785336517107.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 02 August 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=Thorn+Park%2C+West+Highland+Drive%2C+Thorn%2C+Houghton+Regis%2C+LU5+6RR">
                            <span class="underline text-xs sm:text-base">Thorn Park, West Highland Drive, Thorn, Houghton Regis, LU5 6RR</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">
                            - 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>Smiths Funfair is coming to Thorn Park, Houghton Regis, LU5 6RR!</strong></div><div><strong><br>🗓 2026 DATES<br>▪️</strong>Friday 31st July - Sunday 2nd August<br>▪️1pm - 8pm<br><br>ℹ️ <strong>DETAILS</strong>&nbsp;<br>Packed with great rides for everyone! Enjoy fabulous offers:<br>✅ Buy 20 tokens get 5 FREE<br>✅ Or just £1 per token!<br><br>Come along for big fun and great days out with 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="21215">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="🎠 Houghton Regis Funfair - July/August 2026 - Event Image 1 August 02, 2026 01:00 PM" title="🎠 Houghton Regis Funfair - July/August 2026 at Thorn Park, West Highland Drive, Thorn, Houghton Regis, LU5 6RR | Family, Food/Drink, Free Entry, Fun, Fun Fair, Kids, Nightlife, Outdoor, Teens, Baby/Toddlers | Suitable for: 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/eyJfcmFpbHMiOnsiZGF0YSI6NDkzMDcsInB1ciI6ImJsb2JfaWQifX0=--31ad84136808678fc41e83dc65d3a8c01f2b176f/FB_IMG_1785336517107.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDkzMDcsInB1ciI6ImJsb2JfaWQifX0=--31ad84136808678fc41e83dc65d3a8c01f2b176f/FB_IMG_1785336517107.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/1CpYmYm2ch/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21215/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="🎠 Houghton Regis Funfair - July/August 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21215"
                              data-share-increment-url-value="/facebook_events/21215/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/21215/download_calendar"
                           data-calendar-download-event-id-value="21215"
                           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_21219"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21219">
  <div class="relative group"
>
    <section class="text-gray-600 body-font overflow-hidden">
        <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=21">Car Boot</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=2">Low Cost</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=54">Preloved</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=56">Stalls</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</a>
    <a class="badge badge-sm bg-amber-800 text-white" href="/search?suitability_ids=13">Dog Friendly</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/21219">
                  <h1>🚘 Pulloxhill Car Boot Sale 2026</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgzMDEsInB1ciI6ImJsb2JfaWQifX0=--785ad08f572dbaa83ad9fdca9e7113e7df0e3d85/FB_IMG_1782042265977.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Sunday 02 August 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Pulloxhill+Car+Boot+sale%0AFlitton+Road%2C+Pulloxhill%2C+Bedfordshire%2C+MK45+5HW">
                            <span class="underline text-xs sm:text-base">Pulloxhill Car Boot Sale Flitton Road, Pulloxhill, Bedfordshire, MK45 5HW</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            09:00
                          </span>
                          <span class="inline-block">
                            - 13:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🚘 <strong>Pulloxhill car boot sale is open Sunday's from June 2026 weather dependent. <br><br></strong>🕘 <strong>OPENING TIMES</strong><br>▪️Sellers at 8.00 am <br>▪️Buyers at 9.00am<br><br>🪙 <strong>ENTRY FOR BUYERS: </strong>Buyers £1 only <br><br>🚘 <strong>SELLERS INFORMATION </strong><br>▪️CARS, SUV's 4x4 Small vans £10<br>▪️Large VANS, £15<br>▪️All TRAILERS £5 each<br><br>Any helpers for sellers must be in the same vehicle for entry. No trading before 9am<br><br>💷 <strong>PLEASE NOTE:</strong><br>Please have correct money at the gates as change won't be given.<br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>☎️ Phone: </strong><a href="tel:07944%20431757"><strong>07944 431757</strong></a><strong><br><br>Check on </strong><a href="https://www.facebook.com/share/1EKhJyw7bJ/"><strong>Facebook</strong></a><strong> incase of any last minute closures.</strong></div>
                              </div>
                            </div>
                            <span class="featured-pin-spec-see-more absolute bottom-0 right-0 z-10 bg-white pl-1">
                                <button class="btn btn-link inline h-auto min-h-0 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="21219">See more</button>
                            </span>
                          </div>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚘 Pulloxhill Car Boot Sale 2026 - Event Image 1 August 02, 2026 09:00 AM" title="🚘 Pulloxhill Car Boot Sale 2026 at Pulloxhill Car Boot sale
Flitton Road, Pulloxhill, Bedfordshire, MK45 5HW | Adults, Car Boot, Family, Food/Drink, Low Cost, Outdoor, Pay On Entry, Preloved, Stalls | Suitable for: Accessible, Blue Badge Parking, Dog Friendly, Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgzMDEsInB1ciI6ImJsb2JfaWQifX0=--785ad08f572dbaa83ad9fdca9e7113e7df0e3d85/FB_IMG_1782042265977.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgzMDEsInB1ciI6ImJsb2JfaWQifX0=--785ad08f572dbaa83ad9fdca9e7113e7df0e3d85/FB_IMG_1782042265977.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

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

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🚘 Pulloxhill Car Boot Sale 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21219"
                              data-share-increment-url-value="/facebook_events/21219/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/21219/download_calendar"
                           data-calendar-download-event-id-value="21219"
                           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_21220"
     class="event rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative bg-white"
     data-event-id="21220">
  <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-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</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=26">Scenic</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/21220">
                  <h1>🌸 Shefford Maze 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/eyJfcmFpbHMiOnsiZGF0YSI6MzkwODIsInB1ciI6ImJsb2JfaWQifX0=--f98b9c15cfe9c7364d4473bbc7c8f8fbb9a99526/Screenshot_20260311_172038_Facebook.jpg" />
                    <div class="grid gap-1.5">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Sunday 02 August 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=Hoo+Hill+Maze%2C%C2%A0%0AHitchin+Road%2C%C2%A0%0AShefford%2C%C2%A0%0ABedfordshire%C2%A0%0ASG17+5JD">
                            <span class="underline text-xs sm:text-base">Hoo Hill Maze,  Hitchin Road,  Shefford,  Bedfordshire  SG17 5JD</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:00
                          </span>
                          <span class="inline-block">
                            - 16:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-2" data-controller="seemore">
                        <div class="container leading-snug text-gray-600 text-sm sm:text-base featured-pin-spec-desc-seemore">
                          <div class="relative w-full">
                            <div class="featured-pin-spec-desc-clamp featured-pin-spec-desc--collapsed w-full" data-seemore-target="text" data-line-clamp-class="featured-pin-spec-desc--collapsed">
                              <div class="event-description">
                                <div>🌸 <strong>Shefford Maze itself measures 30 metres square, and 2 metres high, with a 6 metre square centre. It was designed and planted in the summer of 1983 by the owner, John Brindle. Check before you leave on the </strong><a href="https://www.facebook.com/share/181LY2Penq/"><strong>Facebook page </strong></a><strong>&nbsp; incase of any last minute closures.</strong><br><br>🗓 <strong>SUMMER HALF TERM OPENING TIMES</strong><br>▪️Open every Sunday, Monday, Fridays &amp; Bank Holidays during school holidays 2026.<br>▪️Open 10am - 4pm<br><br><strong>WHAT TO EXPECT</strong><br>🌼 A beautiful unique garden leading onto the maze. You will get lost! <br>🛝 Play equipment such as toddler cars, toddler slides.<br>🥪 A picnic area with a couple of benches, as there are were only a few it might be worth taking a blanket to sit on which we did.<br>🚫 No dogs allowed<br><br>♿️ <strong>NOT ACCESSIBLE </strong><br>The maze itself isn't suitable for pushchairs or wheelchairs as it can be quite narrow inparts and has uneven ground.<br><br>🎟 <strong>NO BOOKING REQUIRED</strong><br>▪️Cash or card<br>▪️Adults &amp; children aged over 5: £6pp<br>▪️4 People: £20<br>▪️Under 5: Free<br><br>ℹ️ <strong>ENQUIRIES CONTACT DAN</strong><br><strong>☎️ Phone: </strong><a href="tel:07510%20935%20124">07510 935 124</a><br><strong>📧 Email:</strong> <a href="mailto:hoohillmaze@hotmail.com">hoohillmaze@hotmail.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="21220">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="🌸 Shefford Maze 2026 - Event Image 1 August 02, 2026 10:00 AM" title="🌸 Shefford Maze 2026 at Hoo Hill Maze, 
Hitchin Road, 
Shefford, 
Bedfordshire 
SG17 5JD | Adults, Date Idea, Family, Fun, Kids, Outdoor, Pay On Entry, Play Area, Teens, Walks, Scenic | Suitable for: Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkwODIsInB1ciI6ImJsb2JfaWQifX0=--f98b9c15cfe9c7364d4473bbc7c8f8fbb9a99526/Screenshot_20260311_172038_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkwODIsInB1ciI6ImJsb2JfaWQifX0=--f98b9c15cfe9c7364d4473bbc7c8f8fbb9a99526/Screenshot_20260311_172038_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="🌸 Shefford Maze 2026 - Event Image 2 August 02, 2026 10:00 AM" title="🌸 Shefford Maze 2026 at Hoo Hill Maze, 
Hitchin Road, 
Shefford, 
Bedfordshire 
SG17 5JD | Adults, Date Idea, Family, Fun, Kids, Outdoor, Pay On Entry, Play Area, Teens, Walks, Scenic | Suitable for: Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkwODMsInB1ciI6ImJsb2JfaWQifX0=--edf6fb295070fd528afe2cdb0630f0b515e09964/FB_IMG_1773249726905.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkwODMsInB1ciI6ImJsb2JfaWQifX0=--edf6fb295070fd528afe2cdb0630f0b515e09964/FB_IMG_1773249726905.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="🌸 Shefford Maze 2026 - Event Image 3 August 02, 2026 10:00 AM" title="🌸 Shefford Maze 2026 at Hoo Hill Maze, 
Hitchin Road, 
Shefford, 
Bedfordshire 
SG17 5JD | Adults, Date Idea, Family, Fun, Kids, Outdoor, Pay On Entry, Play Area, Teens, Walks, Scenic | Suitable for: Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkwODQsInB1ciI6ImJsb2JfaWQifX0=--1e61633cf9d8636d466f7ad812ab34ff41522dac/FB_IMG_1773248283447.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkwODQsInB1ciI6ImJsb2JfaWQifX0=--1e61633cf9d8636d466f7ad812ab34ff41522dac/FB_IMG_1773248283447.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="🌸 Shefford Maze 2026 - Event Image 4 August 02, 2026 10:00 AM" title="🌸 Shefford Maze 2026 at Hoo Hill Maze, 
Hitchin Road, 
Shefford, 
Bedfordshire 
SG17 5JD | Adults, Date Idea, Family, Fun, Kids, Outdoor, Pay On Entry, Play Area, Teens, Walks, Scenic | Suitable for: Family, Free Parking, Parking Onsite, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkwODUsInB1ciI6ImJsb2JfaWQifX0=--365ea69ca86dfb4932f0f85057cd185a960d5df5/FB_IMG_1773248260365.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzkwODUsInB1ciI6ImJsb2JfaWQifX0=--365ea69ca86dfb4932f0f85057cd185a960d5df5/FB_IMG_1773248260365.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="http://hoohillmaze.co.uk/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/21220/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="🌸 Shefford Maze 2026"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/21220"
                              data-share-increment-url-value="/facebook_events/21220/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/21220/download_calendar"
                           data-calendar-download-event-id-value="21220"
                           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 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>
        <section class="prioritized-carousel-section venues-carousel-section mb-4 w-full min-w-0"
                 data-controller="prioritized-carousel"
                 data-prioritized-carousel-item-count="6"
                 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">
                    <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 data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <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 data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <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 data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <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 data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <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 data-prioritized-carousel-target="item"
                       class="prioritized-carousel-item shrink-0 min-w-0">
                    <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="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>
    </div>
  </div>

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