Brand new CUPRA Terramar at CUPRA Crewe By Ryan Parker 22nd Aug 2025 Car of the Week <div wire:id="c3IWfX0ObfeBHZMVmLNY" wire:initial-data="{"fingerprint":{"id":"c3IWfX0ObfeBHZMVmLNY","name":"frontend.advertisements.article-top","locale":"en","path":"motors\/car-of-the-week\/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"ba86980d","data":{"advertisements":[]},"dataMeta":{"modelCollections":{"advertisements":{"class":"App\\Models\\Advertisement","id":[5021,4993,4762,4748,4632,3820],"relations":["media","advertisementPlacement"],"connection":"mysql"}}},"checksum":"787e3f4e45f3e838dea54e9f7c9095af1d763cc5e09a53a0b5265ee63bb88488"}}"> </div> <!-- Livewire Component wire-end:c3IWfX0ObfeBHZMVmLNY --> <div class="bg-white flex flex-col justify-start p-3"> <div class="prose max-w-none leading-snug"> <?xml encoding="utf-8" ?><p>Our Motors Parter at <a href="https://www.swanswaygarages.com/cupra/contact-us/crewe/?utm_source=Nub+News&utm_medium=Referral&utm_campaign=Nub+Nantwich" target="_blank">CUPRA Crewe</a> is delighted to bring you this brand-new CUPRA Terramar as their Car of the Week. </p><p>Now available as part of <a href="https://www.swanswaygarages.com/offers/cupra/drive-event-sale/?utm_source=Nub+News&utm_medium=Referral&utm_campaign=Nub+Nantwich" target="_blank">the CUPRA Drive Event</a>, get £1000 off the <a href="https://www.swanswaygarages.com/new-cars/cupra/terramar/?utm_source=Nub+News&utm_medium=Referral&utm_campaign=Nub+Nantwich" target="_blank">CUPRA Terramar</a> until the 30th September. </p><p>The <a href="https://www.swanswaygarages.com/vehicle-search/cupra-terramar-15-etsi-v2-dsg-euro-6-ss-5dr/?utm_source=Nub+News&utm_medium=Referral&utm_campaign=Nub+Nantwich" target="_blank">CUPRA Terramar V2</a> is a striking and sophisticated SUV that blends dynamic performance with premium features and innovative technology. </p><p>Finished in Midnight Black and sitting proudly on 19-inch Exclusive Machined SPECTRUM alloy wheels, this car has lots of features to get excited about including: </p><ul><li><strong>Heated Front Seats </strong></li><li><strong>10.25in Digital Cockpit and Configurable Dashboard </strong></li><li><strong>Chrome Interior Detailing </strong></li><li><strong>Driving Profile Selection and Conventional Shock Absorber </strong></li><li><strong>Parking Sensors - Front and Rear </strong></li></ul><p>Make the leap to a new car this summer! Arrange a test drive with the knowledgeable team with CUPRA Crewe. </p><p>Receiving a personalised finance quotation and valuation on your current vehicle could mean a <a href="https://www.swanswaygarages.com/new-cars/cupra/?utm_source=Nub+News&utm_medium=Referral&utm_campaign=Nub+Nantwich" target="_blank">new CUPRA</a>, could be made your reality </p><p>* Retail customers only,excludes contract hire. 18+. Order between 15 August 25 and 30 September 2025, delivered by 30 September 2025. </p><p>£1,000 saving (inc. VAT) from OTR price for CUPRA Born, CUPRA Terramar, CUPRA Leon, CUPRA Leon Estate and CUPRA Ateca models. £3,000 saving (inc. VAT) from OTR price for the CUPRA Tavascan. Subject to availability. Excludes Channel Islands and Isle of Man. </p> </div> <!-- Start Share Button --> <div class="flex flex-col"> <div class="flex flex-wrap py-6 pb-3"> <p class="mr-2 text-gray-900 font-small title-font text-2xl mb-2 sm:mb-0">Share:</p> <div id="social-links"><ul><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://nantwich.nub.news/motors/car-of-the-week/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793" class="mr-2 bg-facebook-800 p-2 font-semibold text-white inline-flex items-center space-x-2 rounded " id="" title="" rel=""><i class="fab fa-facebook fa-lg"></i></a><a target="_blank" href="https://twitter.com/intent/tweet?text=Brand+new+CUPRA+Terramar+at+CUPRA+Crewe&url=https://nantwich.nub.news/motors/car-of-the-week/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793" class="mr-2 bg-twitter-800 p-2 font-semibold text-white inline-flex items-center space-x-2 rounded " title="" rel=""><i class="fab fa-twitter fa-lg"></i></a><a target="_blank" href="https://www.reddit.com/submit?title=Brand+new+CUPRA+Terramar+at+CUPRA+Crewe&url=https://nantwich.nub.news/motors/car-of-the-week/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793" class="mr-2 bg-reddit-800 p-2 font-semibold text-white inline-flex items-center space-x-2 rounded " id="" title="" rel=""><i class="fab fa-reddit fa-lg"></i></a><a target="_blank" href="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://nantwich.nub.news/motors/car-of-the-week/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793&title=Brand+new+CUPRA+Terramar+at+CUPRA+Crewe&summary=" class="mr-2 bg-linkedin-800 p-2 font-semibold text-white inline-flex items-center space-x-2 rounded " id="" title="" rel=""><i class="fab fa-linkedin fa-lg"></i></a><a target="_blank" href="https://wa.me/?text=https://nantwich.nub.news/motors/car-of-the-week/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793" class="mr-2 bg-whatsapp-800 p-2 font-semibold text-white inline-flex items-center space-x-2 rounded " id="" title="" rel=""><i class="fab fa-whatsapp fa-lg"></i></a><a target="_blank" href="https://telegram.me/share/url?url=https://nantwich.nub.news/motors/car-of-the-week/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793&text=Brand+new+CUPRA+Terramar+at+CUPRA+Crewe" class="mr-2 bg-telegram-800 p-2 font-semibold text-white inline-flex items-center space-x-2 rounded " id="" title="" rel=""><i class="fab fa-telegram fa-lg"></i></a></ul></div> </div> </div> <!-- End Share Button --> </div> </article> <div wire:id="GX5oGbpNlIb3HBgLsq85" wire:initial-data="{"fingerprint":{"id":"GX5oGbpNlIb3HBgLsq85","name":"frontend.advertisements.article-bottom","locale":"en","path":"motors\/car-of-the-week\/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"180a63d8","data":{"advertisements":[]},"dataMeta":{"modelCollections":{"advertisements":{"class":"App\\Models\\Advertisement","id":[5021,4993,4762,4748,4632,3820],"relations":["media","advertisementPlacement"],"connection":"mysql"}}},"checksum":"b4265cd8125b04ad7ab984e93903b24fcca1881893798bc6c8cb58c9922a4fab"}}"> </div> <!-- Livewire Component wire-end:GX5oGbpNlIb3HBgLsq85 --> <div wire:id="6Ql4aLAEzM8CnlWzYsGp" wire:initial-data="{"fingerprint":{"id":"6Ql4aLAEzM8CnlWzYsGp","name":"frontend.navigation.pagination.motor-pagination","locale":"en","path":"motors\/car-of-the-week\/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"14b63f13","data":{"site":[],"article":"sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793","category":[]},"dataMeta":{"models":{"site":{"class":"App\\Models\\Site","id":"647f32f3-4482-4002-824f-9dbd426fb533","relations":[],"connection":"mysql"},"category":{"class":"App\\Models\\MotorCategory","id":4,"relations":[],"connection":"mysql"}}},"checksum":"1df1d20cf47ca0fd26c8b216f442fce3ba7aa5602405afe9a134ae742e8ebb1e"}}" class="row"> <div class="w-full mx-auto"> <div class="sm:grid grid-cols-4 gap-5 mx-auto"> <div class="col-start-1 col-end-3 my-2"> <a href="https://nantwich.nub.news/motors/car-of-the-week/sp8621-new-volkswagen-id5-at-crewe-volkswagen-3763"> <div class="h-full p-3 dark:bg-gray-800 bg-white rounded border-b-4 border-nubnewsred-800 shadow-md"> <h3 class="text-2xl mb-3 font-semibold inline-flex"> <i class="fas fa-angle-left mt-1 mr-2 text-nubnewsred-800"></i> Prev </h3> <p class="text-lg leading-tight">New Volkswagen ID.5 at Crewe Volkswagen</p> </div> </a> </div> </div> </div> </div> <!-- Livewire Component wire-end:6Ql4aLAEzM8CnlWzYsGp --> <!-- Related Articles --> <section class="w-full text-gray-600 body-font mb-6 mt-2"> <div class="container mx-auto"> <div class="flex flex-col"> <div class="flex flex-wrap sm:flex-row flex-col pt-3"> <h1 class="sm:w-2/5 text-gray-900 font-medium title-font text-2xl mb-2 ml-4 sm:mb-0"> <span class="text-nubnewsred-800">Related</span> Motor Articles </h1> </div> </div> <div class="flex flex-wrap"> <div class="p-4 lg:w-1/2 md:w-1/2 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://nantwich.nub.news/motors/car-of-the-week/sp8621-new-volkswagen-id5-at-crewe-volkswagen-3763"> <div class="relative overflow-hidden w-full bg-black"> <img class="bg-black object-cover object-center w-full h-slideshow-20" loading="lazy" src="https://nub.news/api/image/678256/category.png" title="The new Volkswagen ID.5 at Crewe Volkswagen (Swansway)." alt="The new Volkswagen ID.5 at Crewe Volkswagen (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://nantwich.nub.news/motors/car-of-the-week/sp8621-new-volkswagen-id5-at-crewe-volkswagen-3763" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> New Volkswagen ID.5 at Crewe Volkswagen </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 1st Aug 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://nantwich.nub.news/motors/car-of-the-week/sp8621-new-volkswagen-id5-at-crewe-volkswagen-3763" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/2 md:w-1/2 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://nantwich.nub.news/motors/car-of-the-week/sp8621-brand-new-seat-ibiza-available-from-crewe-seat-3738"> <div class="relative overflow-hidden w-full bg-black"> <img class="bg-black object-cover object-center w-full h-slideshow-20" loading="lazy" src="https://nub.news/api/image/674224/category.png" title="Our motors partner is excited to bring to you the latest PCP offers on SEAT models at Crewe SEAT (Swansway)." alt="Our motors partner is excited to bring to you the latest PCP offers on SEAT models at Crewe SEAT (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://nantwich.nub.news/motors/car-of-the-week/sp8621-brand-new-seat-ibiza-available-from-crewe-seat-3738" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Brand new SEAT Ibiza Available from Crewe SEAT </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 18th Jul 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://nantwich.nub.news/motors/car-of-the-week/sp8621-brand-new-seat-ibiza-available-from-crewe-seat-3738" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> </div> </div> </section> </div> </section> <!-- Right Sidebar Section --> <aside class="w-full md:w-1/3 flex flex-col items-center px-3"> <div wire:id="MrwJxU9jGsT97lOotpFs" wire:initial-data="{"fingerprint":{"id":"MrwJxU9jGsT97lOotpFs","name":"frontend.advertisements.right-column","locale":"en","path":"motors\/car-of-the-week\/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"c95a4cfb","data":{"advertisements":[]},"dataMeta":{"modelCollections":{"advertisements":{"class":"App\\Models\\Advertisement","id":[5021,4993,4762,4748,4632,3820],"relations":["media","advertisementPlacement"],"connection":"mysql"}}},"checksum":"f8887bb420266598370e468b427203ea455ea861444aaf05f873a882085f8faa"}}" style="width: 100%;"> <!-- image banner banner --> <div id="watch-banner5021" class="watch-banner w-full bg-white flex flex-col rounded-md shadow-sm mb-4"> <a target="_blank" href="https://www.swanswaygarages.com/back-2-school-sale-event/?utm_source=Nub&utm_medium=NubMPU&utm_campaign=BYD+back+to+school" id="click-5021" rel="nofollow" class="flex items-center justify-center"> <picture> <img src="https://nub.news/api/image/681337/resizedContent.jpeg" class="rounded-md shadow-sm" alt="Advertisement"> </picture> </a> </div> <!-- image banner banner --> <div id="watch-banner4748" class="watch-banner w-full bg-white flex flex-col rounded-md shadow-sm mb-4"> <a target="_blank" href="https://motormatch.com/used-cars/under-15000/?utm_source=Nub+News&utm_medium=Display&utm_campaign=NubNantwich" id="click-4748" rel="nofollow" class="flex items-center justify-center"> <picture> <img src="https://nub.news/api/image/654636/resizedContent.jpeg" class="rounded-md shadow-sm" alt="Advertisement"> </picture> </a> </div> <div id="watch-banner4632,4762," class="watch-banner mb-4"> <div class="swiper nubNewsSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.swanswaygarages.com/cars/cupra-approved-used/?utm_source=Nub+News&utm_medium=Display&utm_campaign=NubNantwich" id="click-4632" rel="nofollow" target="_blank"> <picture> <img class="object-cover w-full" src="https://nub.news/api/image/649916/resizedContent.jpeg" alt=""> </picture> </a> </div> <div class="swiper-slide"> <a href="https://www.swanswaygarages.com/motability/offers/byd/?utm_source=Nub+News&utm_medium=Display&utm_campaign=NubNantwich" id="click-4762" rel="nofollow" target="_blank"> <picture> <img class="object-cover w-full" src="https://nub.news/api/image/654705/resizedContent.jpeg" alt=""> </picture> </a> </div> </div> <div class="swiper-pagination"></div> </div> </div> <!-- image banner banner --> <div id="watch-banner4993" class="watch-banner w-full bg-white flex flex-col rounded-md shadow-sm mb-4"> <a target="_blank" href="https://www.swanswaygarages.com/offers/audi/think-audi-event/?utm_source=Nub+News&utm_medium=MPU&utm_campaign=NubNantwich" id="click-4993" rel="nofollow" class="flex items-center justify-center"> <picture> <img src="https://nub.news/api/image/685181/original.gif" class="rounded-md shadow-sm" alt="Advertisement"> </picture> </a> </div> </div> <!-- Livewire Component wire-end:MrwJxU9jGsT97lOotpFs --> <!-- news offers whats-on classifieds motors obituaries directories properties jobs specials --> <div wire:id="1r3vd82LVgCLGvHV2Fe1" wire:initial-data="{"fingerprint":{"id":"1r3vd82LVgCLGvHV2Fe1","name":"sidebar.show-news-pictures-articles","locale":"en","path":"motors\/car-of-the-week\/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"b3e813fb","data":{"site":[]},"dataMeta":{"models":{"site":{"class":"App\\Models\\Site","id":"647f32f3-4482-4002-824f-9dbd426fb533","relations":[],"connection":"mysql"}}},"checksum":"336d5d187fb95bacb149c67caee58f115e6bc2daf479a36882b6a5863439a2c5"}}" class="w-full mb-3"> <div class="flex flex-col"> <div class="flex flex-wrap sm:flex-row flex-col pt-2 pb-1"> <h1 class="flex-1 text-gray-900 font-medium title-font text-2xl mb-0 sm:mb-0">Latest <span class="text-nubnewsred-800">Local News</span></h1> </div> </div> <div class="w-full bg-white overflow-hidden rounded-md shadow-sm my-4"> <img class="object-cover object-center w-full" loading="lazy" src="https://nub.news/api/image/685149/category.png" title="" alt=""> <div class="p-4"> <!-- News Article Title --> <a href="https://nantwich.nub.news/news/weather-news/todays-weather-in-nantwich-24-august-269761" class="block mb-3 text-lg font-semibold leading-tight text-black"> Today's weather in Nantwich - 24 August </a> <!-- Category --> <a href="https://nantwich.nub.news/news/weather-news" class="block mb-1 text-xs font-medium tracking-widest text-gray-500 title-font uppercase float-left mt-1"> Weather News </a> <div class="float-right items-center mb-3"> <a href="https://nantwich.nub.news/news/weather-news/todays-weather-in-nantwich-24-august-269761" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> <div class="w-full bg-white overflow-hidden rounded-md shadow-sm my-4"> <img class="object-cover object-center w-full" loading="lazy" src="https://nub.news/api/image/685067/category.png" title="" alt=""> <div class="p-4"> <!-- News Article Title --> <a href="https://nantwich.nub.news/news/weather-news/todays-weather-in-nantwich-23-august-269723" class="block mb-3 text-lg font-semibold leading-tight text-black"> Today's weather in Nantwich - 23 August </a> <!-- Category --> <a href="https://nantwich.nub.news/news/weather-news" class="block mb-1 text-xs font-medium tracking-widest text-gray-500 title-font uppercase float-left mt-1"> Weather News </a> <div class="float-right items-center mb-3"> <a href="https://nantwich.nub.news/news/weather-news/todays-weather-in-nantwich-23-august-269723" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> <div class="w-full bg-white overflow-hidden rounded-md shadow-sm my-4"> <img class="object-cover object-center w-full" loading="lazy" src="https://nub.news/api/image/684864/category.jpeg" title="" alt=""> <div class="p-4"> <!-- News Article Title --> <a href="https://nantwich.nub.news/news/local-news/newly-opened-nantwich-venue-applies-to-serve-alcohol-until-11pm-269635" class="block mb-3 text-lg font-semibold leading-tight text-black"> Newly opened Nantwich venue applies to serve alcohol until 11pm </a> <!-- Category --> <a href="https://nantwich.nub.news/news/local-news" class="block mb-1 text-xs font-medium tracking-widest text-gray-500 title-font uppercase float-left mt-1"> Local News </a> <div class="float-right items-center mb-3"> <a href="https://nantwich.nub.news/news/local-news/newly-opened-nantwich-venue-applies-to-serve-alcohol-until-11pm-269635" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <!-- Livewire Component wire-end:1r3vd82LVgCLGvHV2Fe1 --> <div class="w-full bg-white flex flex-col my-4 p-6 rounded-md shadow-sm"> <a href="https://nantwich.nub.news/advertise-in-nantwich-with-us" class="flex items-center py-4 px-2 justify-center"> <img src="https://nantwich.nub.news/images/nub-icon.svg" alt="Nub News Logo" class="w-24 mr-2"> </a> <p class="text-xl text-center">Find out how to</p> <p class="text-xl font-semibold text-center text-nubnewsred-800">SPONSOR / ADVERTISE</p> <p class="text-xl text-center">with</p> <p class="text-xl font-semibold text-center pb-1">Nantwich Nub News</p> <a href="https://nantwich.nub.news/advertise-in-nantwich-with-us" class="w-full bg-nubnewsred-800 text-white font-bold text-sm uppercase rounded hover:bg-nubnewsred-900 flex items-center justify-center px-2 py-3 mt-4"> Click Here </a> </div> </aside> </div> </main> </div> <!-- Livewire Component wire-end:lfPvZ4oXZbx6ci9jSxSk --> <!-- Main footer --> <footer class="bg-gray-800 sm:mt-10"> <!-- Copyright Bar --> <div class="pt-2"> <!-- Donation main popup --> <input type="hidden" id="closed_popup" name="closed_popup" class="closed_popup" value="no" /> <div id="watch-banner4499" class=" watch-banner donation-box hidden" style="position: fixed; bottom: 0; color: black; background: white; width: 100%; z-index:1000; box-shadow: 1px 7px 16px 2px grey; border-top: 5px solid rgba(211, 55, 58); "> <div style="max-width: 800px;" class="mx-auto px-2"> <div class="w-full" style="height: 50px;"> <h2 class="px-3 py-2 pt-3" style="float: left;"> <b class="hidden lg:block md:block"><span class="text-3xl"><markPopup>Please Support Us</markPopup></span><br> <markPopup> Nantwich. Your Town. Your News. Your Support Matters.</markPopup></b> <b class="lg:hidden md:hidden sm:block"><span class="text-3xl"><markPopup>Please Support Us</markPopup></span><br> <markPopup> Nantwich. Your Town. Your News.<br> Your Support Matters.</markPopup></b> <style> markPopup { --color1: springgreen; --color2: springgreen; --bg-height: 100%; all: unset; background-image: linear-gradient(var(--color1), var(--color2)); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 var(--bg-height); animation: highlightPopup 1800ms 1 ease-out; animation-fill-mode: forwards; animation-play-state: paused; } @keyframes highlightPopup { to { background-size: 100% var(--bg-height); } } </style> </h2> <button class="close-donation-box p-3 px-0" type="button" aria-live="polite" style=" float: right; color: grey; "> <span class="hidden lg:inline md:inline lg:float-left md:float-left" style="margin-top: -2px;">Remind me later</span> <svg style=" float: right; margin-left: 6px; fill: currentcolor; position: relative; width: 20px; height: auto; padding: 1px; border-radius: 10px; border: 1px solid gray;" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.015 14.042 20.707 22 22 20.709 14.06 12 22 3.291 20.707 2l-8.692 7.958L3.293 2.03 2 3.321 9.97 12 2 20.679l1.293 1.291 8.722-7.928Z"></path></svg> </button> </div> <script> (function (document) { const markers = [...document.querySelectorAll('markPopup')]; const observer = new IntersectionObserver(entries => { entries.forEach((entry) => { if (entry.intersectionRatio > 0) { entry.target.style.animationPlayState = 'running'; observer.unobserve(entry.target); } }); }, { threshold: 0.8 }); markers.forEach(mark => { observer.observe(mark); }); })(document); </script> <div class="flex flex-wrap w-full mx-3 pr-3 mb-3"> <div class="hidden lg:block md:block lg:w-2/3 md:w-2/3"> <div class="w-full pr-2"> <span> Local news is essential for our community — It needs your support.<br> By becoming a monthly supporter, you’ll help us continue delivering reliable local stories and events.<br> Your contribution makes a real difference to Nantwich. </span> <br> <span class="block font-semibold mt-2">Monthly supporters will enjoy <span class="text-green-500"><i class="fas fa-check"></i> Ad-free experience</span> </span> </div> </div> <div class="lg:hidden md:hidden sm:block"> <div class="w-full pr-2"> <span> Local news is essential for our community — It needs your support.<br> By becoming a monthly supporter, you’ll help us continue delivering reliable local stories and events.<br> Your contribution makes a real difference to Nantwich. </span> <br> <span class="block font-semibold mt-2">Monthly supporters will enjoy:<br> <span class="text-green-500"><i class="fas fa-check"></i> Ad-free experience</span> </span> </div> </div> <div class="lg:w-1/3 md:w-1/3 w-full mt-2 lg:mt-0 md:mt-0"> <div class="w-full"> <button onclick="selectDonationType(this, 'onetime')" type="button" class="donation-type-button rounded-lg py-2 px-3 bg-white" style="width: 47%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="donation-type-onetime" name="donation-type" value="onetime" class="hidden" /> One-Time </button> <button onclick="selectDonationType(this, 'monthly')" type="button" class="donation-type-button rounded-lg font-semibold py-2 px-3 bg-white" style="width: 48%; border: 3px solid #d2373f;"> <input type="radio" id="donation-type-monthly" name="donation-type" value="monthly" checked=true class="hidden" /> Monthly </button> </div> <div id="onetime-popup" class="w-full hidden"> <button onclick="selectDonationAmount(this, 'onetime', 'small')" type="button" class="amount-onetime-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="amount-onetime-small" name="amount-onetime" value="small_https://pay.gocardless.com/BRT0003SXJDNRFS" class="hidden" /> £10 </button> <button onclick="selectDonationAmount(this, 'onetime', 'middle')" type="button" class="amount-onetime-button rounded-lg font-semibold py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 3px solid #d2373f;"> <input type="radio" id="amount-onetime-middle" name="amount-onetime" value="middle_https://pay.gocardless.com/BRT0003SXJJFYC6" checked=true class="hidden" /> £20 </button> <button onclick="selectDonationAmount(this, 'onetime', 'big')" type="button" class="amount-onetime-button rounded-lg py-2 px-3 my-2" style="width: 30%; border: 2px solid grey;"> <input type="radio" id="amount-onetime-big" name="amount-onetime" value="big_https://pay.gocardless.com/BRT0003SXJT6M96" class="hidden" /> £50 </button> </div> <div id="monthly-popup" class="w-full"> <button onclick="selectDonationAmount(this, 'monthly', 'small')" type="button" class="amount-monthly-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="amount-monthly-small" name="amount-monthly" value="small_https://pay.gocardless.com/BRT0003SXJYZYWD" class="hidden" /> £2.99 </button> <button onclick="selectDonationAmount(this, 'monthly', 'middle')" type="button" class="amount-monthly-button rounded-lg font-semibold py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 3px solid #d2373f;"> <input type="radio" id="amount-monthly-middle" name="amount-monthly" value="middle_https://pay.gocardless.com/BRT0003SXK1Y4RQ" checked=true class="hidden" /> £4.99 </button> <button onclick="selectDonationAmount(this, 'monthly', 'big')" type="button" class="amount-monthly-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 30%; border: 2px solid grey;"> <input type="radio" id="amount-monthly-big" name="amount-monthly" value="big_https://pay.gocardless.com/BRT0003SXK8W6SP" class="hidden" /> £9.99 </button> </div> <div class="w-full"> <button onclick="continueToPayment()" style="background: rgba(211, 55, 58); width: 98%;" class="text-white lg:my-2 md:my-2 sm:my-1 p-2 pl-10 pr-10 text-base rounded-lg font-semibold uppercase"> Continue → </button> </div> <div class="lg:hidden md:hidden sm:block"> <button class="close-donation-box mt-2" type="button" aria-live="polite" style=" float: left; color: grey; "> <span class="text-sm" style="text-decoration:underline; margin-top: -2px;">close and remind me later</span> </button> </div> </div> </div> </div> </div> <script> function continueToPayment() { const donationType = document.querySelector('input[name="donation-type"]:checked').value; const paymentInfoRaw = document.querySelector('input[name="amount-' + donationType + '"]:checked').value; const paymentInfo = paymentInfoRaw.split('_'); var uuid = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16) ); const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; const click_info = { banner_id: "4499", click_date: Date.now(), link: paymentInfo[1], screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, referer: paymentInfo[0], uuid: uuid } fetch("/api/click", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(click_info) }); window.open(paymentInfo[1], '_blank'); } function selectDonationAmount(selectedObject, donationType, donationAmount) { const amountTypeButton = document.getElementsByClassName('amount-' + donationType + '-button'); if (amountTypeButton !== undefined) { for (let i = 0; i < amountTypeButton.length; ++i) { amountTypeButton[i].style.border = '2px solid grey'; amountTypeButton[i].classList.remove('font-semibold'); } } const smallAmountElement = document.getElementById('amount-' + donationType + '-small'); if (smallAmountElement !== undefined) { smallAmountElement.checked = false; } const middleAmountElement = document.getElementById('amount-' + donationType + '-middle'); if (middleAmountElement !== undefined) { middleAmountElement.checked = false; } const biggAmountElement = document.getElementById('amount-' + donationType + '-big'); if (biggAmountElement !== undefined) { biggAmountElement.checked = false; } const selectedElement = document.getElementById('amount-' + donationType + '-' + donationAmount); if (selectedElement !== undefined) { selectedElement.checked = true; selectedObject.classList.add('font-semibold'); selectedObject.style.border = '3px solid #d2373f'; } } function selectDonationType(selectedObject, donationType) { const donationTypeButton = document.getElementsByClassName('donation-type-button'); for (let i = 0; i < donationTypeButton.length; ++i) { donationTypeButton[i].style.border = '2px solid grey'; donationTypeButton[i].classList.remove('font-semibold'); } const oneTimeElement = document.getElementById('donation-type-onetime'); oneTimeElement.checked = false; const monthlyElement = document.getElementById('donation-type-monthly'); monthlyElement.checked = false; const selectedElement = document.getElementById('donation-type-' + donationType); if (selectedElement !== undefined) { selectedElement.checked = true; } selectedObject.classList.add('font-semibold'); selectedObject.style.border = '3px solid #d2373f'; //donation amount const oneTimeAmontElement = document.getElementById('onetime-popup'); oneTimeAmontElement.classList.add('hidden'); const monthlyAmontElement = document.getElementById('monthly-popup'); monthlyAmontElement.classList.add('hidden'); const selectedAmountElement = document.getElementById(donationType + '-popup'); selectedAmountElement.classList.remove('hidden'); const amountTypeButton = document.getElementsByClassName('amount-' + donationType + '-button'); if (amountTypeButton !== undefined) { for (let i = 0; i < donationTypeButton.length; ++i) { if (i == 1) { selectDonationAmount(amountTypeButton[i], donationType, 'middle') } } } } //popup logic window.donationBoxHandler = (function () { const COOKIE_VALUE = 'closed'; const COOKIE_DOMAIN = 'nantwich.nub.news'; function closeDonationBox() { setCookie('donation_box', COOKIE_VALUE, 7); hideDonationBox(); } function cookieExists(name) { return (document.cookie.indexOf('; '+ name) !== -1); } var scrollTimeout = null; function openDonationBox() { const donationHiddenInput = document.getElementsByClassName('closed_popup'); if (!cookieExists('donation_box') && donationHiddenInput.value !== 'yes') { if (scrollTimeout) clearTimeout(scrollTimeout); scrollTimeout = setTimeout(function(){ const donationBox = document.getElementsByClassName('donation-box'); for (let i = 0; i < donationBox.length; ++i) { donationBox[i].style.display = 'block'; } },100); } } function hideDonationBox() { const donationHiddenInput = document.getElementsByClassName('closed_popup'); donationHiddenInput.value = 'yes'; const donationBox = document.getElementsByClassName('donation-box'); for (let i = 0; i < donationBox.length; ++i) { donationBox[i].style.display = 'none'; } } function setCookie(name, value, expirationInDays) { var date = new Date(); date.setTime(date.getTime() + (expirationInDays*24*60*60*1000)); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/' + ';samesite=lax'; } if (cookieExists('donation_box')) { hideDonationBox(); } const buttons = document.getElementsByClassName('close-donation-box'); for (let i = 0; i < buttons.length; ++i) { buttons[i].addEventListener('click', closeDonationBox); } window.addEventListener("scroll", openDonationBox); return { hideDonationBox: hideDonationBox, openDonationBox: openDonationBox, closeDonationBox: closeDonationBox }; })(); </script> <script> function close_sub_pop() { const COOKIE_DOMAIN = 'nantwich.nub.news'; var date = new Date(); date.setTime(date.getTime() + (90*24*60*60*1000)); document.cookie = 'donation_box' + '=closed' + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/' + ';samesite=lax'; const donationHiddenInput = document.getElementsByClassName('closed_popup'); donationHiddenInput.value = 'yes'; const donationBox = document.getElementsByClassName('donation-box'); for (let i = 0; i < donationBox.length; ++i) { donationBox[i].style.display = 'none'; } } </script> <!-- END Donation main popup --> <script> // Tracking System window.onload = function(e) { var uuid = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16) ); //banner impression begin const send_impression = (banner_id) => { const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; function getCookieValue(name) { const regex = new RegExp(`(^| )${name}=([^;]+)`) const match = document.cookie.match(regex) if (match) { return match[2] } } const impression_info = { banner_id: banner_id, impression_date: Date.now(), screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, session: getCookieValue('XSRF-TOKEN'), uuid: uuid } fetch("/api/impression", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(impression_info) }); }; var banner_flags = []; const banner_places = document.getElementsByClassName("watch-banner"); for (let i = 0; i < banner_places.length; i++) { banner_flags[banner_places.item(i).id] = false; } document.querySelectorAll('.watch-banner').forEach((i) => { if (i) { const observer = new IntersectionObserver((entries) => { observerCallback(entries, observer, i) }, {threshold: 0.5}); observer.observe(i); } }) const observerCallback = (entries, observer, header) => { entries.forEach((entry, i) => { if(!banner_flags[entry.target.id] && entry.isIntersecting === true) { if(entry.intersectionRatio > 0.5) { send_impression(entry.target.id); banner_flags[entry.target.id] = true; } } }); }; //banner impression end //banner click begin function addEvent(element, evnt, funct){ if (element.attachEvent) return element.attachEvent('on'+evnt, funct); else return element.addEventListener(evnt, funct, false); } document.querySelectorAll('.watch-banner a').forEach((i) => { if (i) { addEvent( i, 'click', function () { const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; const click_info = { banner_id: i.id.replace('click-',''), click_date: Date.now(), link: i.href, screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, referer: document.referrer, uuid: uuid } fetch("/api/click", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(click_info) }); } ); } }) //banner click end //page views begin var userEngagementCounter = Date.now(); var view_date = Date.now(); const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; const view_info = { view_date: view_date, uuid: uuid, screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, referer: document.referrer, engagement_time: 0, timezone: Intl.DateTimeFormat().resolvedOptions().timeZone, browser_lang: navigator.language || navigator.userLanguage } fetch("/api/view", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(view_info) }); //page views end } </script> <div class="flex pb-5 px-2 m-auto pt-5 text-gray-400 text-sm flex-col md:flex-row max-w-6xl"> <div class="mx-auto text-xl uppercase w-full text-center"> <a class="text-white" href="https://nub.news/">About</a> <span class="ml-1 mr-1">|</span> <a class="text-white" href="https://nantwich.nub.news/advertise-in-nantwich-with-us">Advertising</a> <span class="ml-1 mr-1">|</span> <a class="text-white" href="https://nantwich.nub.news/contact">Contact</a> <p class="mt-3 text-sm mb-3"> <a class="underline" style="text-transform:none" href="https://nantwich.nub.news/privacy-policy">Privacy</a> <a class="underline" style="text-transform:none" href="https://nantwich.nub.news/disclaimer">Disclaimer</a> </p> <p class="mt-3 text-sm"> © 2018-2025. All Rights Reserved. Nub News.</p> </div> <!-- Required Unicons (if you want) --> <div class="mt-2 w-full text-center"> </div> </div> <div class="flex pb-5 px-3 m-auto pt-5 text-gray-400 text-sm flex-col md:flex-row max-w-6xl w-full"> <div class="grid place-items-center mx-auto"> <img src="https://nantwich.nub.news/images/ipso_regulated_new.png" alt="IPSO Regulated" class="mb-4"> <div class="grid"> <p>Nub News is a member of the Independent Press Standards Organisation (which regulates the UK’s magazine and newspaper industry). We abide by the Editors’ Code of Practice and are committed to upholding the highest standards of journalism. If you think that we have not met those standards and want to make a complaint, please click here to <a class="text-white" href="https://nantwich.nub.news/contact">contact us</a>. If we are unable to resolve your complaint, or if you would like more information about IPSO or the Editors’ Code, contact IPSO on <strong>0300 123 2220</strong> or visit <a class="text-white" target="_blank" href="https://www.ipso.co.uk/">www.ipso.co.uk</a></p> </div> </div> </div> </div> </footer> <script src="/livewire/livewire.js?id=c69d0f2801c01fcf8166" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'ePSXxCWeJqZDlVnbRXv8Nkk8xZ3rIfdcFZfD8puj';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> <!-- Footer Scripts Start --> <script src="https://nantwich.nub.news/js/swiper/swiper-bundle.min.js?v=8.1.4"></script> <script> var swiper = new Swiper('.nubNewsSwiper', { spaceBetween: 0, centeredSlides: true, speed: 2000, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> <!-- Footer Scripts End --> <!-- AlpineJS --> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> <!-- Font Awesome --> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js" integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script> <script> // Burger navigation menus document.addEventListener('DOMContentLoaded', function() { // open const burger = document.querySelectorAll('.navbar-burger'); const menu = document.querySelectorAll('.navbar-menu'); if (burger.length && menu.length) { for (var i = 0; i < burger.length; i++) { burger[i].addEventListener('click', function() { for (var j = 0; j < menu.length; j++) { menu[j].classList.toggle('hidden'); } }); } } // close const close = document.querySelectorAll('.navbar-close'); const backdrop = document.querySelectorAll('.navbar-backdrop'); if (close.length) { for (var i = 0; i < close.length; i++) { close[i].addEventListener('click', function() { for (var j = 0; j < menu.length; j++) { menu[j].classList.toggle('hidden'); } }); } } if (backdrop.length) { for (var i = 0; i < backdrop.length; i++) { backdrop[i].addEventListener('click', function() { for (var j = 0; j < menu.length; j++) { menu[j].classList.toggle('hidden'); } }); } } }); </script> <div wire:id="ZtevoMAGBTBtih1V0XAw" wire:initial-data="{"fingerprint":{"id":"ZtevoMAGBTBtih1V0XAw","name":"modals.sign-up-modal","locale":"en","path":"motors\/car-of-the-week\/sp8621-brand-new-cupra-terramar-at-cupra-crewe-3793","method":"GET","v":"acj"},"effects":{"listeners":["showModal"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"eb7f900b","data":{"show":false,"email":null,"site":[],"success":null},"dataMeta":{"models":{"site":{"class":"App\\Models\\Site","id":"647f32f3-4482-4002-824f-9dbd426fb533","relations":[],"connection":"mysql"}}},"checksum":"3be9e4d1dd97db695854e4d44022bc2945f11f7d4634e4d86973b9888ddb6304"}}"> <div class="fixed top-0 left-0 flex items-center justify-center w-full h-full" style="z-index: 1000; background-color: rgba(0, 0, 0, 0.6); display: none ;"> <div class="h-auto p-4 mx-2 text-left bg-white rounded shadow-xl md:max-w-xl md:p-4 lg:p-6 md:mx-0"> <div class="mt-3 sm:mt-0"> <button wire:click.prevent="doClose()" type="button" class="float-right text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-md p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white px-3" data-modal-toggle="defaultModal"> <i class="fas fa-times"></i> </button> <!-- Modal header --> <div class="flex items-start items-center"> <h3 class="text-lg font-medium leading-6 text-gray-900 mb-2"> <strong style="font-size: 22px;">Sign-up for our FREE newsletter...</strong> </h3> </div> <p class="pt-0 text-base pb-0"> We want to provide <span style="text-transform: capitalize;">nantwich</span> with more and more clickbait-free news.<br> <span class="hidden lg:block md:block">Help us grow and sign up to our FREE weekly newsletter.</span> </p> <div class="mt-2"> <!-- Email --> <div class="mb-3"> <input class="dark:bg-dark dark:border-primary-darker rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 form-input mt-1 w-1/2 lg:w-2/3 md:w-2/3 float-left border-b border-gray-400 focus:border-nubnewsred-800" id="email" placeholder="Enter email address" name="email" type="text" wire:model="email" style="border: 1px solid grey"> <button wire:click.prevent="store()" class="float-left inline-block rounded-md font-semibold py-2 px-2 text-white bg-green-500 ml-2 mt-1" style="width:100px;"> Subscribe </button> </div> </div> </div> <div class="mt-2 sm:mt-2"> <span class="flex w-full"> <div class="w-full"> </div> </span> <!-- Donation block --> <p style="border-top: 2px solid black; width: 100%; margin-top: 30px;"> </p> <div id="watch-banner4503" class=" watch-banner w-full lg:flex md:flex mb-0 p-0 mt-0"> <div class="hidden lg:block md:block lg:w-1/2 md:w-1/2"> <h2 class="pb-2 w-full"> <b><span style="font-size: 22px;">...or become a Supporter.</span><br> Nantwich. Your Town. Your News.</b> </b> </h2> <div class="w-full pr-2"> <span> Local news is essential for our community — but it needs your support.<br> By becoming a monthly supporter, you’ll help us deliver reliable local stories and events.<br> Your support makes a difference. </span> </div> </div> <div class="lg:hidden md:hidden sm:block"> <h2 class="pb-2 w-full"> <b><span style="font-size: 22px;">...or become a Supporter.</span><br> Nantwich. Your Town. Your News.</b> </b> </h2> <div class="w-full pr-2"> <span> Local news is essential for our community — but it needs your support.<br> Your donation makes a real difference. </span> </div> </div> <div class="lg:w-1/2 md:w-1/2 w-full mt-1 px-0 lg:mt-1 md:mt-1 lg:pl-4 md:pl-4"> <span class="block font-semibold w-full mb-3">For monthly donators:<br> <span class="text-green-500"> <i class="fas fa-check mr-1"></i> <span>Ad-free experience</span> </span> </span> <div class="w-full"> <button onclick="popup_selectDonationType(this, 'onetime')" type="button" class="popup_donation-type-button rounded-lg py-2 px-3 bg-white" style="width: 47%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="popup_donation-type-onetime" name="popup_donation-type" value="onetime" class="hidden" /> One-Time </button> <button onclick="popup_selectDonationType(this, 'monthly')" type="button" class="popup_donation-type-button rounded-lg font-semibold py-2 px-3 bg-white" style="width: 48%; border: 3px solid #d2373f;"> <input type="radio" id="popup_donation-type-monthly" name="popup_donation-type" value="monthly" checked=true class="hidden" /> Monthly </button> </div> <div id="popup_onetime-popup" class="w-full hidden"> <button onclick="popup_selectDonationAmount(this, 'onetime', 'small')" type="button" class="popup_amount-onetime-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="popup_amount-onetime-small" name="popup_amount-onetime" value="small_https://pay.gocardless.com/BRT0003SXJDNRFS" class="hidden" /> £10 </button> <button onclick="popup_selectDonationAmount(this, 'onetime', 'middle')" type="button" class="popup_amount-onetime-button rounded-lg font-semibold py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 3px solid #d2373f;"> <input type="radio" id="popup_amount-onetime-middle" name="popup_amount-onetime" value="middle_https://pay.gocardless.com/BRT0003SXJJFYC6" checked=true class="hidden" /> £20 </button> <button onclick="popup_selectDonationAmount(this, 'onetime', 'big')" type="button" class="popup_amount-onetime-button rounded-lg py-2 px-3 my-2" style="width: 30%; border: 2px solid grey;"> <input type="radio" id="popup_amount-onetime-big" name="popup_amount-onetime" value="big_https://pay.gocardless.com/BRT0003SXJT6M96" class="hidden" /> £50 </button> </div> <div id="popup_monthly-popup" class="w-full"> <button onclick="popup_selectDonationAmount(this, 'monthly', 'small')" type="button" class="popup_amount-monthly-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="popup_amount-monthly-small" name="popup_amount-monthly" value="small_https://pay.gocardless.com/BRT0003SXJYZYWD" class="hidden" /> £2.99 </button> <button onclick="popup_selectDonationAmount(this, 'monthly', 'middle')" type="button" class="popup_amount-monthly-button rounded-lg font-semibold py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 3px solid #d2373f;"> <input type="radio" id="popup_amount-monthly-middle" name="popup_amount-monthly" value="middle_https://pay.gocardless.com/BRT0003SXK1Y4RQ" checked=true class="hidden" /> £4.99 </button> <button onclick="popup_selectDonationAmount(this, 'monthly', 'big')" type="button" class="popup_amount-monthly-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 30%; border: 2px solid grey;"> <input type="radio" id="popup_amount-monthly-big" name="popup_amount-monthly" value="big_https://pay.gocardless.com/BRT0003SXK8W6SP" class="hidden" /> £9.99 </button> </div> <div class="w-full"> <button onclick="popup_continueToPayment()" style="background: rgba(211, 55, 58); width: 98%;" class="text-white lg:my-2 md:my-2 sm:my-1 p-2 pl-10 pr-10 text-base rounded-lg font-semibold uppercase"> Continue → </button> </div> </div> </div> <script> function popup_continueToPayment() { const donationType = document.querySelector('input[name="popup_donation-type"]:checked').value; const paymentInfoRaw = document.querySelector('input[name="popup_amount-' + donationType + '"]:checked').value; const paymentInfo = paymentInfoRaw.split('_'); var uuid = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16) ); const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; const click_info = { banner_id: "4503", click_date: Date.now(), link: paymentInfo[1], screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, referer: paymentInfo[0], uuid: uuid } fetch("/api/click", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(click_info) }); window.open(paymentInfo[1], '_blank'); } function popup_selectDonationAmount(selectedObject, donationType, donationAmount) { const amountTypeButton = document.getElementsByClassName('popup_amount-' + donationType + '-button'); if (amountTypeButton !== undefined) { for (let i = 0; i < amountTypeButton.length; ++i) { amountTypeButton[i].style.border = '2px solid grey'; amountTypeButton[i].classList.remove('font-semibold'); } } const smallAmountElement = document.getElementById('popup_amount-' + donationType + '-small'); if (smallAmountElement !== undefined) { smallAmountElement.checked = false; } const middleAmountElement = document.getElementById('popup_amount-' + donationType + '-middle'); if (middleAmountElement !== undefined) { middleAmountElement.checked = false; } const biggAmountElement = document.getElementById('popup_amount-' + donationType + '-big'); if (biggAmountElement !== undefined) { biggAmountElement.checked = false; } const selectedElement = document.getElementById('popup_amount-' + donationType + '-' + donationAmount); if (selectedElement !== undefined) { selectedElement.checked = true; selectedObject.classList.add('font-semibold'); selectedObject.style.border = '3px solid #d2373f'; } } function popup_selectDonationType(selectedObject, donationType) { const donationTypeButton = document.getElementsByClassName('popup_donation-type-button'); for (let i = 0; i < donationTypeButton.length; ++i) { donationTypeButton[i].style.border = '2px solid grey'; donationTypeButton[i].classList.remove('font-semibold'); } const oneTimeElement = document.getElementById('popup_donation-type-onetime'); oneTimeElement.checked = false; const monthlyElement = document.getElementById('popup_donation-type-monthly'); monthlyElement.checked = false; const selectedElement = document.getElementById('popup_donation-type-' + donationType); if (selectedElement !== undefined) { selectedElement.checked = true; } selectedObject.classList.add('font-semibold'); selectedObject.style.border = '3px solid #d2373f'; //donation amount const oneTimeAmontElement = document.getElementById('popup_onetime-popup'); oneTimeAmontElement.classList.add('hidden'); const monthlyAmontElement = document.getElementById('popup_monthly-popup'); monthlyAmontElement.classList.add('hidden'); const selectedAmountElement = document.getElementById('popup_' + donationType + '-popup'); selectedAmountElement.classList.remove('hidden'); const amountTypeButton = document.getElementsByClassName('popup_amount-' + donationType + '-button'); if (amountTypeButton !== undefined) { for (let i = 0; i < donationTypeButton.length; ++i) { if (i == 1) { popup_selectDonationAmount(amountTypeButton[i], donationType, 'middle') } } } } </script> </div> </div> </div> </div> <!-- Livewire Component wire-end:ZtevoMAGBTBtih1V0XAw --> <div class="js-cookie-consent cookie-consent fixed bottom-0 right-0 pb-2" style="bottom: 4rem;"> <div class="max-w-4xl px-4"> <div class="p-2 rounded-md bg-gray-600"> <div class="flex items-center justify-between flex-wrap"> <div class="w-4xl flex-1 items-center"> <p class="ml-1 mr-1 text-white cookie-consent__message"> We are using <span title="This website uses cookies to deliver and enhance the quality of its services and to analyze traffic." style="cursor:help">🍪</span> </p> </div> <div class="mt-0 flex-shrink-0"> <a class="js-cookie-consent-agree cookie-consent__agree cursor-pointer flex items-center justify-center px-2 py-1 rounded-md text-sm font-medium text-white bg-nubnewsred-800 hover:bg-nubnewsred-900"> Agree </a> </div> </div> </div> </div> </div> <script> window.laravelCookieConsent = (function () { const COOKIE_VALUE = 1; const COOKIE_DOMAIN = 'nantwich.nub.news'; function consentWithCookies() { setCookie('nub_news_cookie_consent', COOKIE_VALUE, 7300); hideCookieDialog(); } function cookieExists(name) { return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1); } function hideCookieDialog() { const dialogs = document.getElementsByClassName('js-cookie-consent'); for (let i = 0; i < dialogs.length; ++i) { dialogs[i].style.display = 'none'; } } function setCookie(name, value, expirationInDays) { const date = new Date(); date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/' + ';samesite=lax'; } if (cookieExists('nub_news_cookie_consent')) { hideCookieDialog(); } const buttons = document.getElementsByClassName('js-cookie-consent-agree'); for (let i = 0; i < buttons.length; ++i) { buttons[i].addEventListener('click', consentWithCookies); } return { consentWithCookies: consentWithCookies, hideCookieDialog: hideCookieDialog }; })(); </script> </body> </html>
