Open navbar menu
About
GCVA Board and Team
Get involved
Contact the GCVA
About the GCVA
Industry Partners
Membership
Become a member
Apply
Our members
Industry
News
Knowledge Hub
PR and media
It's Not Trivial
Reports
Knowledge Hub
Industry News
Reports and Insights
Glossary
Your Membership
Welcome to the GCVA
My Profile
Annual Survey
Events
Hall of Fame 2026
Conference 2026
Partner Events Listing
All events
Member Log in
Log out
Gen Z Spontaneous Gifting - Press Release - March 2026
<g clip-path="url(#clip0_1721_5105)" id="svg_2"> <path d="m114.318,119.889l3.972,-12.471l3.935,12.471l-7.907,0z" id="svg_3"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="m66.9855,-83.3333l-66.9855,0l0,67.143l33.4927,0l0,16.11426c-18.4975,0 -33.4927,15.03044 -33.4927,33.57144c0,18.5411 14.9952,33.5715 33.4927,33.5715l0,16.1143l-33.4927,0l0,67.1428l33.4927,0l0,16.115c-18.4975,0 -33.4927,15.03 -33.4927,33.571c0,18.541 14.9952,33.571 33.4927,33.571c18.4976,0 33.4928,-15.03 33.4928,-33.571c0,-18.541 -14.9952,-33.571 -33.4928,-33.571l2.1436,0l0,-16.115l31.3492,0l0,-32.766l17.9616,0c0.4269,18.169 15.2549,32.766 33.4829,32.766l0,16.115l-33.4924,0l0,67.142l66.9854,0l0,-67.142l-31.349,0l0,-16.115l-2.144,0c18.498,0 33.493,-15.03 33.493,-33.571c0,-18.5413 -14.995,-33.5718 -33.493,-33.5718l2.144,0l0,-16.1143l31.349,0l0,-67.14294l-31.349,0l0,-16.11426l-2.144,0c18.498,0 33.493,-15.0305 33.493,-33.5715c0,-18.5411 -14.995,-33.5715 -33.493,-33.5715c-18.4972,0 -33.4924,15.0304 -33.4924,33.5715c0,18.541 14.9952,33.5715 33.4924,33.5715l0,16.11426l-33.4924,0l0,32.22864l-17.9521,0l0,1.3428c0,-18.541 -14.9952,-33.57144 -33.4928,-33.57144l2.1436,0l0,-16.11426l31.3492,0l0,-67.143zm0,116.8287l0,0.8058l17.9521,0l0,32.7657l33.4924,0l0,16.1143c-18.049,0 -32.7629,14.3102 -33.4661,32.2288l-17.9784,0l0,-32.2288l-31.3492,0l0,-16.1143l-2.1436,0c18.4976,0 33.4928,-15.0304 33.4928,-33.5715zm39.3875,0.2598c0,8.028 4.551,13.2462 12.705,13.2462c6.189,0 10.631,-3.1747 11.395,-9.4511l-4.733,0c-0.509,3.6856 -3.058,5.5101 -6.662,5.5101c-4.805,0 -7.608,-3.4666 -7.608,-9.3416l0,-0.292c0,-5.8385 2.985,-9.4146 7.572,-9.4146c3.75,0 5.679,1.7881 6.225,5.2547l4.915,0c-0.583,-6.1305 -5.206,-9.1227 -11.176,-9.1227c-7.245,0 -12.633,5.4736 -12.633,13.3191l0,0.2919zm15.477,69.5688l-6.521,0l-8.956,26.857l4.684,0l2.099,-6.648l10.23,0l2.136,6.648l5.172,0l-8.844,-26.857zm-87.6859,-56.3548c-8.3368,0 -12.9967,-5.5466 -12.9967,-13.2462l0,-0.2919c0,-7.7725 5.388,-13.3191 12.9967,-13.3191c5.5699,0 10.521,2.5543 11.2127,8.7942l-4.8418,0c-0.5825,-3.4666 -2.9125,-4.9627 -6.2981,-4.9627c-5.0968,0 -8.0456,3.795 -8.0456,9.5241l0,0.2919c0,5.5831 2.5848,9.4146 8.0456,9.4146c4.8783,0 6.8805,-2.9557 7.0262,-6.5683l-6.553,0l0,-3.6491l11.322,0l0,2.4084c0,7.2252 -4.5142,11.6041 -11.868,11.6041zm-3.6974,83.2118l-9.0313,-26.857l5.2089,0l6.9702,21.786l7.0078,-21.786l4.6842,0l-9.0688,26.857l-5.771,0z" id="svg_4"></path> </g> </g> </svg> </div> </div> </div> </div> </section> <section class="section" id="pdf"> <div class="container"> <div class="row gap-y-8"> <div class="col mb-8 md:w-6/12 lg:w-4/12"> <div class="relative max-w-[475px] flex flex-col justify-end bg-tertiary-400 lg:justify-center"> <div class="mt-8"> <span class="badge ml-8 bg-tertiary-200">In the press</span> </div> <div class="flex flex-col justify-between items-center px-8"> <div class="h-80 p-8 overflow-y-hidden"> <img class="aspect-a4 mt-8 object-cover shadow-2xl" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/019daf63-e49c-7c3c-9cb1-1f73ee537c19.png" /> </div> </div> <div class="group-hover:bg-tertiary-400 h-20 flex justify-center items-center p-4 bg-tertiary-200"> <h3 class="group-hover:underline group-focus:underline group-hover:underline-offset-4 group-focus:underline-offset-4 grow my-6 text-center lg:text-xl lg:leading-6">Gen Z Spontaneous Gifting - Press Release - March 2026</h3> </div> </div> <div class="my-8" id="tags"> </div> </div> <div class="col md:w-6/12 lg:w-8/12"> <div data-o-anonymous="1"> <p class="text-3xl text-warning md:mt-0 lg:mt-16">Full content is restricted access for members only.</p> <a class="btn btn-primary" href="/apply">Explore our membership options</a> </div> <a class="btn btn-primary" href="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/019daf64-77d2-73af-935f-afe8d8996d7b.pdf" data-o-authenticated="1" target="_blank">Download <span class="d-inline-block inline-block ml-2">Gen Z Spontaneous Gifting - Press Release - March 2026</span></a> <div class="mt-8"> <div class="flex flex-row items-center"> <div class="my-8"></div> <p class="mr-4 mb-0">Share on social media</p> <div class="flex flex-row gap-x-4"> <div class="w-12 h-12 flex justify-center items-center group bg-primary-100 rounded-full hover:bg-primary-700"> <a aria-label="Share on Facebook" target="_blank" rel="noopener" class="d-block rounded" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.gcva.co.uk/knowledge-hub/gen-z-spontaneous-gifting-press-release-march-2026&title=Gen Z Spontaneous Gifting - Press Release - March 2026"><i class="group-hover:text-white fab fa-linkedin text-2xl"></i></a> </div> <div class="w-12 h-12 flex justify-center items-center group bg-primary-100 rounded-full hover:bg-primary-700"> <a aria-label="Share on Facebook" target="_blank" rel="noopener" class="d-block rounded" href="https://twitter.com/intent/tweet?text=https://www.gcva.co.uk/knowledge-hub/gen-z-spontaneous-gifting-press-release-march-2026"><img src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/5f0bb610-22f1-4ec6-b0cb-4682ca0e4da2.svg" class="w-10" /></a> </div> </div> </div> </div> </div> </div> </div> </section> <section id="socialShare" class="section"> <div class="container" row=""> <div class="row"> <div class="col md:w-6/12 lg:w-8/12 lg:h-full"></div> <div class="col md:w-6/12 lg:w-4/12"> <div class="md:h-full md:flex md:flex-col md:justify-end lg:justify-end"></div> </div> </div> </div> </section> <section class="section bg-dark" id="industry"> <div class="container"> <div class="row"> <div class="col lg:w-7/12 lg:flex lg:items-center"> <div class="mt-8 lg:mr-16"> <h2 class="text-light lg:text-3xl">Get notified about coming research and other gift card news.</h2> <button class="btn btn-light">Join our industry updates</button> </div> </div> <div class="col lg:w-5/12"> <div> <img class="w-full aspect-video" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/947dd569-1849-48a7-936a-7f81d7514a4b.jpeg" width="800" height="450" loading="lazy" /> </div> </div> </div> </div> </section> <section class="section" id="otherResearch"> <div class="container"> <div class="row"> <div class="col md:w-6/12 lg:w-9/12 lg:h-full"> <h2>Other research</h2> <p>The latest research from GCVA</p> </div> <div class="col md:w-6/12 lg:w-3/12"> <div class="md:h-full md:flex md:flex-col md:justify-end md:items-end lg:justify-end"> <div> <button class="btn btn-dark">View all research</button> </div> </div> </div> </div> <div class="row"> <div class="col md:w-6/12 lg:w-3/12" id="years"> <a class="group h-full flex no-underline" href="/knowledge-hub/gifts-home-gen-z-gifting-press-coverage"> <div class="relative max-w-[375px] h-full flex flex-col justify-end bg-tertiary-100 lg:aspect-auto"> <div class="flex flex-col justify-between items-center px-8"> <div class="h-64 overflow-y-hidden"> <div class="mt-8"> <span class="badge text-sm uppercase">Members Only</span> </div> <img class="aspect-a4 mt-8 object-cover" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/019dcf84-f66a-7a12-b5bd-eebf019d9cea.png" /> </div> </div> <div class="group-hover:bg-tertiary-400 h-20 flex justify-center items-center p-4 bg-tertiary-200"> <h3 class="group-hover:underline group-focus:underline group-hover:underline-offset-4 group-focus:underline-offset-4 grow my-6 lg:text-xl lg:leading-6">Gifts & Home - Gen z Gifting - Press Coverage</h3> </div> </div> </a> </div> <div class="col md:w-6/12 lg:w-3/12" id="years"> <a class="group h-full flex no-underline" href="/knowledge-hub/gcva-consumer-report-april-2026"> <div class="relative max-w-[375px] h-full flex flex-col justify-end bg-tertiary-100 lg:aspect-auto"> <div class="flex flex-col justify-between items-center px-8"> <div class="h-64 overflow-y-hidden"> <div class="mt-8"> <span class="badge text-sm uppercase">Members Only</span> </div> <img class="aspect-a4 mt-8 object-cover" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/019dbfec-01e2-7417-a9ec-be2ef25863ec.jpg" /> </div> </div> <div class="group-hover:bg-tertiary-400 h-20 flex justify-center items-center p-4 bg-tertiary-200"> <h3 class="group-hover:underline group-focus:underline group-hover:underline-offset-4 group-focus:underline-offset-4 grow my-6 lg:text-xl lg:leading-6">GCVA Consumer Report April 2026</h3> </div> </div> </a> </div> <div class="col md:w-6/12 lg:w-3/12" id="years"> <a class="group h-full flex no-underline" href="/knowledge-hub/gen-z-spontaneous-gifting-press-release-march-2026"> <div class="relative max-w-[375px] h-full flex flex-col justify-end bg-tertiary-100 lg:aspect-auto"> <div class="flex flex-col justify-between items-center px-8"> <div class="h-64 overflow-y-hidden"> <div class="mt-8"> <span class="badge text-sm uppercase">Members Only</span> </div> <img class="aspect-a4 mt-8 object-cover" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/019daf63-e49c-7c3c-9cb1-1f73ee537c19.png" /> </div> </div> <div class="group-hover:bg-tertiary-400 h-20 flex justify-center items-center p-4 bg-tertiary-200"> <h3 class="group-hover:underline group-focus:underline group-hover:underline-offset-4 group-focus:underline-offset-4 grow my-6 lg:text-xl lg:leading-6">Gen Z Spontaneous Gifting - Press Release - March 2026</h3> </div> </div> </a> </div> <div class="col md:w-6/12 lg:w-3/12" id="years"> <a class="group h-full flex no-underline" href="/knowledge-hub/"> <div class="relative max-w-[375px] h-full flex flex-col justify-end bg-tertiary-100 lg:aspect-auto"> <div class="flex flex-col justify-between items-center px-8"> <div class="h-64 overflow-y-hidden"> <div class="mt-8"> <span class="badge text-sm uppercase">Members Only</span> </div> <img class="aspect-a4 mt-8 object-cover" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/019d6d4d-1d81-7747-8408-0770d9e4d050.png" /> </div> </div> <div class="group-hover:bg-tertiary-400 h-20 flex justify-center items-center p-4 bg-tertiary-200"> <h3 class="group-hover:underline group-focus:underline group-hover:underline-offset-4 group-focus:underline-offset-4 grow my-6 lg:text-xl lg:leading-6">Recognition and rewards: Small gestures, big impact - Press Release - Feb 2026</h3> </div> </div> </a> </div> </div> </div> </section> </main> <footer class="pt-12" id="footer"> <div id="ourMembers"> <div class="container" id="membersText"> <div> <div class="row"> <div class="col md:w-6/12 lg:w-8/12 lg:h-full"> <h2>Our members</h2> <p>Meet the fantastic GCVA members and get in touch to network</p> </div> <div class="col md:w-6/12 lg:w-4/12"> <div class="md:h-full md:flex md:flex-col md:justify-center lg:justify-end"> <div class="flex md:justify-end"> <a class="btn btn-dark" href="/apply">Become a member</a> </div> </div> </div> </div> </div> </div> <div class="swiper-container relative container pb-12"> <div class="swiper" data-toggle="swiper" data-options="{'slidesPerView':2,'test':true, 'virtual':true, 'loop':true, 'slidesPerGroup':1, 'freeMode': true,'spaceBetween':0, 'speed': 2000, 'autoplay': {'delay': 1, 'disableOnInteraction': false}, 'breakpoints':{'640':{'slidesPerView':3,'spaceBetween':null,'slidesPerGroup':3},'1024':{'slidesPerView':6,'slidesPerGroup':1}},'navigation':{'prevEl':'.swiper-button-prev','nextEl':'.swiper-button-next'}}"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/aldi"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/dbca5426-7e73-4234-a9ee-99ee075170e5.jpeg" alt="Aldi Stores Ltd" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/argos-for-business"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/dec072d6-fe7a-4a82-b8cb-19b7ab1adc8d.png" alt="Argos for Business" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/asda"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/f1a64cfe-c72e-4894-908b-dac749b8453e.png" alt="Asda Stores Ltd" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/b-and-q"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/80b4318f-46df-44a9-8412-9b923931e4be.jpeg" alt="B&Q Plc" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/b-the-market"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/cc3e4c29-de94-49a8-ac28-2e74d1c2ab47.jpeg" alt="B.TheMarket" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/b4b-payments"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/34404716-9f98-4e02-bca3-edf57176fa1d.png" alt="B4B Payments" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/bitrefill"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/ba090522-196d-453a-aadd-00acc2ec2d87.png" alt="Bitrefill" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/blackhawk-network"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/ed850efd-3ee7-4f32-a865-ae3be22adcac.png" alt="Blackhawk Network EMEA Limited (BHN)" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/boon-and-boon"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/ada6f6ff-1137-46b6-b662-efcb00cc1492.jpeg" alt="Boon and Boon" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/boots"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/e99aeb86-4042-4055-af46-8e4c54ae8390.jpeg" alt="Boots Company Plc" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/giftcard-consulting"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/04a5070f-6acb-4d43-b8e2-fbc7735f85b9.png" alt="Brian Dunne" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/buybox"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/67e93da9-f7bf-41ae-965a-0009f2bbb265.png" alt="BuyBox" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/buyagift"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/4a3d9687-a694-4a15-9e2d-4e520fad6492.png" alt="Buyagift" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/certus-card-group"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/20ce1220-d56d-439c-8133-2f4f7c1be905.png" alt="Certus Card Group" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/chick-fil-a"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/3ec4177c-20f9-4f33-9a1c-a6bc71a598da.png" alt="Chick-fil-A" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/circle-k"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/9e96ac0d-8cd3-422a-8eeb-72f44bb6b530.jpeg" alt="Circle K" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/currys"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/b26d0029-2b7e-455f-9f56-730813bca7bb.jpeg" alt="Currys" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/diggecard"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/e9642772-2415-4906-9ecf-d3d43f589f23.jpeg" alt="Diggecard" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/disney-gift-card-services"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/b7da01a0-68c2-48d8-8ddd-74aef8594a78.png" alt="Disney Gift Card Services" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/eml"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/b2534b21-471a-4f82-8b99-a3457e31953c.jpeg" alt="EML Payments" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/ez-cards"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/d855c168-ab25-4f60-9114-258a215add03.jpg" alt="EZ Cards" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/edenred-payment-solutions"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/2a5e8819-1194-432a-983d-372725555348.png" alt="Edenred Payment Solutions" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/evouchers"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/a2774ef0-c2fe-42cd-8563-8122c68be490.jpeg" alt="Evouchers" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/fiserv"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/d05ae797-70e0-4048-b831-a6a0c81784c2.png" alt="Fiserv" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/giftcards-co-uk"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/e1c7ddaa-8a29-421a-907b-83d8016b9f85.png" alt="Giftcards.co.uk" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/giftify"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/6edac451-9889-4e2e-8fb3-617080b0f4e5.png" alt="Giftify" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/gogift"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/80c619bc-236f-4b90-bfed-2180c53e4666.png" alt="GoGift" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/halfords"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/945ca279-6e6e-4ab2-a15b-d015ba4602a0.jpeg" alt="Halfords" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/harrods"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/dc2897c5-4042-4d33-aa37-9f601685cebe.jpeg" alt="Harrods" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/hotels-dot-com"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/87f0022b-1102-41cd-b061-1aa2865e0d9b.png" alt="Hotels.com" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/incomm-payments"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/4233511b-70f7-4213-87dd-1383e4de9735.jpeg" alt="InComm Payments" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/inspire"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/5287c266-c7c4-4ef8-8d32-f86757b80498.png" alt="Inspire" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/john-lewis"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/f0ac2dd3-48e0-45b0-9f82-f9e3fc2b9c2d.png" alt="John Lewis For Business" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/keystone-law"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/58e3454e-429f-4875-a7ea-4887b362c3b7.jpeg" alt="Keystone Law" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/laithwaites-wine"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/f56d2242-be2c-4fab-a6bf-2158f8b87017.png" alt="Laithwaite's Wine" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/lastminute-com"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/57cbbce1-dfaf-4bdd-9041-76216d8f04bf.png" alt="Lastminute.com" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/lifestyle"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/3aa5d319-91fe-4a62-a9be-36e32ee96a4b.png" alt="Lifestyle" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/love-2-shop"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/a5ff8e80-b455-4ffc-a8e2-bbb48f266cbe.jpeg" alt="Love2shop" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/marks-spencer"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/27363821-aa35-4de8-9752-a082c8e46692.png" alt="M&S" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/mblsolutions"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/641d9e58-d564-4b0e-bd4e-6f5f3af7722e.png" alt="MBL Solutions" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/mgc-europe"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/fbe4af8e-d009-4302-b247-f9d79aff0630.png" alt="MGC Europe" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/merit-incentives"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/0d1c1969-ade4-4ee4-9c62-69d377d386df.png" alt="Merit Incentives" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/miconex"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/79997bab-3fa1-4940-971f-675bde8b78b0.png" alt="Miconex" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/mitchells-butlers"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/cbeb8fda-22fa-47a9-a395-1778fba5334b.png" alt="Mitchells & Butlers" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/national-book-tokens"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/9eea019b-8543-449a-b9ac-d20ffde74a0d.png" alt="National Book Tokens" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/national-garden-gift-card"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/b5a3e2cf-d8b6-42d8-8782-b9c252c9f95c.png" alt="National Garden Gift Card" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/neocurrency"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/18908c37-3527-4a56-bba1-0512566d47c7.png" alt="NeoCurrency" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/new-look"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/f93e21ad-6553-4803-bc01-b6ad1a987581.png" alt="New Look Ltd" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/next"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/7c357f4e-133e-4df1-b571-bd01075047a3.png" alt="Next Retail Ltd" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/ogloba"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/019daa87-a31b-7e6f-ab6a-d1db1e420c8e.png" alt="Ogloba" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/one-prepaid"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/c14ba591-6371-4711-8779-eff4e8aade89.png" alt="One Prepaid" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/one4all"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/99f417f9-492a-4c5b-95ca-64698ca18283.jpeg" alt="One4all" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/orion-print"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/7af41c27-74ae-478b-8501-ffa3e71c9dc9.png" alt="Orion Security Print" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/p92-digital"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/70d7c8ab-15b7-4ea8-9b60-c04ff4fa1a58.png" alt="P92 Digital" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/peoples-postcode-lottery"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/4631e61c-4c8b-4a82-8b79-fd71b65de1ef.png" alt="People's Postcode Lottery" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/perkbox"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/b7141836-fa5b-49d7-9015-40b73657ec84.png" alt="Perkbox" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/pluxee"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/422da259-92c5-4c61-abc6-ca35e3fe66cd.png" alt="Pluxee" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/portadee"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/6c1b98c3-0ceb-46bb-b67c-eab7e0e6fea5.jpeg" alt="Portadee" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/post-office"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/920002bd-9082-4de3-9d91-f37b1db6b0a9.png" alt="Post Office" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/prezzee"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/0271681a-f25a-4342-9b93-cbb150706295.png" alt="Prezzee" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/primark"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/c93d5ca3-576c-4e75-9954-724730951883.png" alt="Primark Stores Limited" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/edenred-uk"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/0d7fd76a-e617-47a0-a703-ab4c6fc93574.png" alt="Reward Gateway | Edenred" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/runa"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/669e84be-2a80-473a-9b12-56e577dcf974.png" alt="Runa" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/selp"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/a08c6599-b053-46e4-90c4-29b2cd77010f.png" alt="SELP" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/sinc-novation"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/fada227b-b404-4335-ba5c-1276f2f24249.png" alt="SINC Novation" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/svs-stored-value-solutions"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/e51516a0-964a-4002-8124-c9306af40305.png" alt="SVS (Stored Value Solutions)" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/sainsburys"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/c38f1c5b-d875-458e-a048-928c8296c338.png" alt="Sainsbury's" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/savvy"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/b50a6984-056f-4556-ad05-15c1d46e3329.png" alt="Savvy" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/shift4"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/5bbf1423-ad8b-429b-9300-095e65791c70.png" alt="Shift4" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/tds-gift-cards"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/ba651628-37ce-4ac5-846c-a4edd123df23.png" alt="TDS Gift Cards" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/tgjones"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/4a21ba53-cb34-4821-ba86-d0202a855c4f.png" alt="TGJones" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/tui-uk-retail-ltd"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/dde4c8bc-276d-4b62-a332-9ccdc2d2ef7f.jpeg" alt="TUI UK Retail Ltd" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/tag-systems-uk-ltd"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/bd38c066-bd33-4adc-8734-52fc94267d77.png" alt="Tag Systems UK Ltd" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/tesco-bank"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/231ddc9b-d1f1-4e27-aba8-54344d153c27.png" alt="Tesco Bank" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/thames-technology"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/f77d3466-af5b-4882-8535-0a61f46914a2.png" alt="Thames Technology" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/the-gift-card-centre"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/6820075c-ac1a-4872-9d3e-fb715ff85a62.jpeg" alt="The Gift Card Centre" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/the-lego-group"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/84d92ee2-fb90-4843-9ed3-5cba47e813c4.png" alt="The LEGO Group" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/theatre-tokens"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/024240b0-2853-423f-8da1-319511c135d4.png" alt="Theatre Tokens" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/tillo"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/7268651a-bccb-4f64-a900-b04ab1f68500.png" alt="Tillo" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/travelgift"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/019ce187-9207-7ccd-b7b8-a438ce1e29ab.jpg" alt="Travelgift" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/variety-christmas-savings-club"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/70feefb4-915f-43b7-8a2e-1ec3ae082095.jpeg" alt="Variety Christmas Savings Club Limited" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/virgin-incentives"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/092793b3-ab12-4936-bba2-7d012bbbf7f1.webp" alt="Virgin Incentives" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/voucher-express"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/ae87ed7f-3b23-4cdd-a2fb-31c22cfb66d5.png" alt="Voucher Express" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/voucherlinecom"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/4b8913e3-cc58-4d23-939e-f4e22dfa23f6.jpeg" alt="Voucherline.com" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/wonderdays"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/e21a2107-2def-42e5-b819-1d0aec7928c3.png" alt="WonderDays" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/wishcard"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/7a8fcf5b-362a-4ae1-a337-b50db86ef35b.png" alt="Wunschgutschein GmbH" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/wupex"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/b562956e-11b8-41a0-a461-cb4582b79e8b.png" alt="Wupex" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/epay-worldwide"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/c709aef8-245e-4f18-a1a3-56f3ab03cb81.svg" alt="epay Worldwide" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/eurecap"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/019d3df2-c270-7c9e-acc4-d9b37c3ad235.png" alt="eurecap" /> </div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="h-64 flex justify-center items-center"> <a class="w-full no-underline" href="/members/fashioncheque"> <div class="group grow h-full aspect-square flex flex-col items-center bg-white shadow-[0px_1px_0px_0px_var(--tw-shadow-color)] shadow-secondary-600 hover:shadow-[0px_2px_0px_0px_var(--tw-shadow-color)]"> <div class="grow aspect-square flex justify-center items-center lg:w-24"> <img class="max-w-[5rem] object-contain lg:max-w-[6rem]" loading="lazy" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/dfc8ae03-e15f-4a5f-b00d-d940db73f0c1.png" alt="fashioncheque" /> </div> </div> </a> </div> </div> </div> </div> </div> </div> <section class="section py-12 bg-tertiary" id="foot"> <div class="container"> <div class="row mb-12"> <div class="col md:w-3/12 md:text-left text-center"> <div class="mb-4"> <img class="" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/cc822093-3f35-48f3-b6ab-12a97a67e58c.png" alt="GCVA Home" /> </div> <p class="mb-3 h4">Gift Card and Voucher Association</p> <div> <p class="">The go-to association for the gift card industry - sharing insight and knowledge, influencing issues, and sparking change.</p> </div> </div> <div class="col flex flex-col gap-y-2 mb-6 text-center md:w-3/12 md:mb-0 lg:items-start lg:pl-14"> <p class="font-semibold mb-3">Key Pages</p> <a class="block" href="/about-the-gcva">About the GCVA</a> <a class="block" href="/apply">Apply for Membership</a> <a class="block" href="/news">Latest News and Blog</a> <a class="block" href="/contact">Contact the GCVA</a> </div> <div class="col flex flex-col gap-y-2 mb-6 text-center md:w-3/12 md:mb-0 lg:items-start"> <p class="font-semibold mb-3">Legal pages</p> <a class="block" href="/cookies">Cookies</a> <a class="block" href="/privacy">Privacy</a> </div> <div class="col flex flex-col justify-center items-center gap-y-2 text-center sm:gap-x-2 md:w-3/12 md:justify-start md:mb-0"> <p class="font-semibold mb-3">Connect With Us</p> <div class="flex flex-row items-stretch gap-x-4 gap-y-4 mr-6 md:mr-0"> <a href="https://twitter.com/GCVA_" class="flex" target="_blank"><img class="w-16" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/5f0bb610-22f1-4ec6-b0cb-4682ca0e4da2.svg" alt="X / Twitter" /></a> <a href="https://www.eventbrite.co.uk/o/gift-card-voucher-association-10756577635" class="flex mr-3" target="_blank"><img class="w-10" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/4667aa18-4237-4d15-8735-171633147505.svg" alt="Eventbrite" /></a> <a href="https://www.linkedin.com/company/thegcva/" class="flex" target="_blank"><img class="w-10" src="https://d1pnnwteuly8z3.cloudfront.net/images/cc298cc6-3479-4aa0-9a64-5bb1431b0134/b1e98818-70dd-4e5d-866a-51a250ab15b7.svg" alt="LinkedIn" /></a> </div> </div> </div> <div class="row"> <div class="col text-center w-full"> <p class="text-sm">© 2026 Gift Card and Vouchers Association. All rights reserved.</p> </div> </div> </div> </section> </footer> <script> window.vDelayedScripts.push({callback: () => { window.dataLayer = window.dataLayer || []; function gtag(){window.dataLayer.push(arguments);} window.gtag = gtag; window.gtag('js', new Date()); window.gtag('config', 'G-8VFNPN57DB'); s=document.createElement("script"); s.src="https://www.googletagmanager.com/gtag/js?id=G-8VFNPN57DB"; s.async = false; document.head.appendChild(s);} }); </script><script> window.vGetElementsByToggle = (toggleName) => { const query = '[data-toggle="' + toggleName + '"]'; const elements = [...document.querySelectorAll(query)]; elements.forEach((elem, index) => { elem.setAttribute('data-' + toggleName + '-index', index); }) return elements; }; </script> <script> window.vGetElementOptions = (elem) => { if (!elem.dataset.options) { return {}; } try { let options = elem.dataset.options.split("'").join('"'); options = JSON.parse(options); return options; } catch (err) { console.log(err); return {}; } }; </script> <script> window.vDelayedScripts.push({src: 'https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.1/css/all.min.css', type: 'stylesheet'}); </script> <script> (function(){ s=document.createElement("script"); s.src="https://d1pnnwteuly8z3.cloudfront.net/libs/swiper/9.3.2/swiper.js"; s.async = false; document.head.appendChild(s); s.onload = function() { window.vSwipers = []; window.vGetElementsByToggle('swiper').forEach((elem) => { let props = window.vGetElementOptions(elem); if (props.pagination && props.pagination.renderBullet === 'number') { props.pagination.renderBullet = function(index, className) { const span = document.createElement('span'); span.className = className; span.textContent = index + 1; return span.outerHTML; } } window.vSwipers.push(new Swiper(elem, props)); }); } })(); </script> <script> window.vCreateScript("https://d1pnnwteuly8z3.cloudfront.net/libs/floating-ui-core/1.7.4/floating-ui-core.js"); </script> <script> window.vCreateScript("https://d1pnnwteuly8z3.cloudfront.net/libs/floating-ui-dom/1.7.4/floating-ui-dom.js"); </script> <script> window.vDelayedScripts.push({src: 'https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-ui/2.3.0/versoly-ui.js', type: 'script'}); </script> <script> !function(e){e.versoly.event=function(t){if(!("visibilityState"in document&&"prerender"===document.visibilityState||/bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex/i.test(navigator.userAgent)||e._phantom||e.__nightmare||e.navigator.webdriver||e.Cypress||""===e.location.host)){var n=new XMLHttpRequest;n.open("POST",e.versoly.url,!0),n.setRequestHeader("Content-Type","application/json; charset=UTF-8"),n.send(JSON.stringify({siteId:e.versoly.id,referrer:document.referrer,paramReferrer:"",hostname:e.location.hostname,pathname:e.location.pathname+e.location.search,width:e.innerWidth,height:e.innerHeight,tz:Intl.DateTimeFormat().resolvedOptions().timeZone,...t}))}}}(window),window.versoly.event({name: 'pageview'}); </script> <script> if (document.getElementById("navbar")) { var style = document.createElement('style'); style.innerHTML = '* {scroll-margin-top: ' + document.getElementById("navbar").offsetHeight + 'px}'; document.head.appendChild(style); } </script> <script> window.vHandleDelayedLoad = () => { window.vDelayedScripts.forEach(s => { if (s.loaded) return; if (s.type === 'script') { window.vCreateScript(s.src); } else if (s.type === 'stylesheet') { window.vCreateStylesheet(s.src); } else if (s.callback) { s.callback(); } s.loaded = true; }); } addEventListener('DOMContentLoaded', () => setTimeout(window.vHandleDelayedLoad, 5000)); addEventListener('scroll', () => setTimeout(window.vHandleDelayedLoad, 300), {once: true}); addEventListener('mousemove', () => setTimeout(window.vHandleDelayedLoad, 300), {once: true}); addEventListener('click', () => setTimeout(window.vHandleDelayedLoad, 16), {once: true}); </script> <script src="https://cc.cdn.civiccomputing.com/9/cookieControl-9.x.min.js" type="text/javascript"></script> <script src="https://player.vimeo.com/api/player.js"></script> <script> var config = { apiKey: "f4edab6a1be9ef767ec6edce33cf0c3b7a6b262f", product: "COMMUNITY", closeStyle: 'button', rejectButton: true, text: { closeLabel: 'Save your preferred settings', rejectSettings: "I Do Not Accept" }, optionalCookies: [{ name: "analytics", label: "Analytical Cookies", description: "Analytical cookies help us to improve our website by collecting and reporting information on its usage.", cookies: ["_ga", "_ga*", "_gid", "_gat", "__utma", "__utmc", "__utmt", "__utmb", "__utmz", "__utmv"], recommendedState: true, onAccept: function () { dataLayer.push({ 'civic_cookies_analytics': 'a001', 'event': 'civicCookies_analyticsAccept' }) }, onRevoke: function () { dataLayer.push({ 'civic_cookies_analytics': 'a000', 'event': 'civicCookies_analyticsDecline' }) } }], position: "left", iabCMP: false, necessaryCookies: ["CookieControl", "CONSENT", "CookieConsent", "outseta*", "Outseta*", "nocode.*"], acceptBehaviour: 'recommended', }; CookieControl.load( config ); </script><script> document.addEventListener("DOMContentLoaded", function(event) { let downloadButton = document.getElementById('downloadButton'); if (downloadButton) { downloadButton.addEventListener('click', async () => { const filename = downloadButton.getAttribute('data-filename'); try { // Fetch the Outseta access token const outsetaToken = await Outseta.getAccessToken(); // Fetch the presigned URL from your Lambda function const response = await fetch(`https://e14155qm1i.execute-api.eu-west-2.amazonaws.com/live/?filename=${encodeURIComponent(filename)}`, { method: 'GET', headers: { 'OutsetaKey': outsetaToken, } }); if (response.ok) { const data = await response.json(); const presignedUrl = data.url; window.open(presignedUrl, '_blank'); } else { console.error('Failed to fetch presigned URL:', response.statusText); } } catch (error) { console.error('Error:', error); } }); } }); </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVBZ3SS6'); </script> <script> // Print page (not working) document.addEventListener('DOMContentLoaded', function () { var glossaryDiv = document.getElementById('glossary'); if (glossaryDiv) { var cache_width = glossaryDiv.offsetWidth; var a4 = [595.28, 841.89]; // for a4 size paper width and height var pageHeight = a4[1]; document.getElementById('create_pdf').addEventListener('click', function () { document.body.scrollTop = 0; createPDF(); }); function createPDF() { var totalHeight = glossaryDiv.offsetHeight; var numPages = Math.ceil(totalHeight / pageHeight); var doc = new jsPDF({ unit: 'px', format: 'a4' }); for (var i = 0; i < numPages; i++) { var offset = i * pageHeight; glossaryDiv.style.width = (a4[0] * 1.33333 - 80) + 'px'; glossaryDiv.style.transform = 'translate(0, -' + offset + 'px)'; html2canvas(glossaryDiv, { imageTimeout: 2000, removeContainer: true, height: pageHeight }).then(function (canvas) { var img = canvas.toDataURL("image/png"); if (i > 0) { doc.addPage(); } doc.addImage(img, 'JPEG', 20, 20); if (i === numPages - 1) { // Save the PDF when the last page is added doc.save('GCVA-Glossary.pdf'); glossaryDiv.style.width = cache_width + 'px'; } }); } } } }); if (document.getElementById('breadcrumb')) { // Define the breadcrumb separator character var separator = " > "; // Build the breadcrumbs string by adding each part of the URL to the string var breadcrumbs = '<a href=" / ">Home</a>' + separator; // Get the current URL and split it into parts var pathArray = window.location.pathname.split("/"); // Remove the first empty item from the array (result of splitting the leading slash) pathArray.shift(); // Loop through each part of the URL, adding it to the breadcrumbs string for (var i = 0; i < pathArray.length; i++) { // Get the current part of the URL and remove any hyphens var part = pathArray[i].replace(/-/g, ' '); // Capitalize the first letter of the part part = part.charAt(0).toUpperCase() + part.slice(1); // If this is the last part of the URL, add the page title to the breadcrumbs string if (i === pathArray.length - 1) { breadcrumbs += document.title; } else { // Otherwise, add a link to the current part of the URL to the breadcrumbs string breadcrumbs += '<a href="/' + pathArray.slice(0, i + 1).join("/") + '">' + part + '</a>' + separator; } } // Insert the breadcrumbs string into the breadcrumbs container document.querySelector(".breadcrumbs").innerHTML = breadcrumbs; } // GLOSSARY // Wrap this code to keep it self-contained and avoid conflicts if (document.querySelector('#glossary')) { // Define which container we are working with const container = document.querySelector('#glossary'); // Get all the divs inside the container const glos = container.querySelectorAll('#glos'); // Create an object to group divs by the first letter of h3 const groupedGlos = {}; // Iterate through each div glos.forEach((glo) => { // Get the first letter of the h3 text const firstLetter = glo.querySelector('h3').textContent[0].toUpperCase(); // Check if the group exists, if not, create it if (!groupedGlos[firstLetter]) { groupedGlos[firstLetter] = []; } // Add the div to the corresponding group groupedGlos[firstLetter].push(glo); } ); // Clear the container container.innerHTML = ''; // Iterate through the groups in alphabetical order Object.keys(groupedGlos).sort().forEach((letter) => { // Add the group header const header = document.createElement('h2'); header.id = letter.toLowerCase(); header.textContent = letter; header.classList.add('border-b'); container.appendChild(header); // Add the divs in this group groupedGlos[letter].forEach((glo) => { container.appendChild(glo); } ); } ); } // MEMBERLIST function doSelectOrder() { // get options in Select const select = document.querySelector("#select-ordering"); const option = select.options[select.selectedIndex].value; // Define which container we are working with const container = document.querySelector("#select-list"); // Get all the divs inside the container const entities = container.querySelectorAll(".select-entity"); // sort the entities into groups based on the data-[option] const groupedEntities = {}; entities.forEach((entity) => { let group = entity.dataset[option]; // modify certain options if (option === "alphabetic") { group = (group || "#").charAt(0).toUpperCase(); } if (!groupedEntities[group]) { groupedEntities[group] = []; } groupedEntities[group].push(entity); }); const documentFragment = document.createDocumentFragment(); // Iterate through the groups in alphabetical order Object.keys(groupedEntities) .sort() .forEach((title) => { // Create a container for each group const groupContainer = document.createElement("div"); // Add the group header const header = document.createElement("h2"); header.id = title; header.textContent = title; header.classList.add("border-b", "my-8"); groupContainer.appendChild(header); // Create a flex container for each group const flexContainer = document.createElement("div"); flexContainer.classList.add( "flex", "flex-row", "flex-wrap", 'justify-center', 'sm:justify-start', "gap-y-8", 'gap-x-8' ); // Add the divs in this group to the flex container groupedEntities[title].forEach((bob) => { flexContainer.appendChild(bob); }); // Add the flex container to the group container groupContainer.appendChild(flexContainer); // Add the group container to the main container documentFragment.appendChild(groupContainer); }); // Clear the container container.innerHTML = ""; container.appendChild(documentFragment); } if (document.querySelector("#select-ordering")) { document .querySelector("#select-ordering") .addEventListener("change", doSelectOrder); doSelectOrder(); } </script> </body> </html>