1<!DOCTYPE html><html lang="en" dir="ltr"> <head><!-- Google Tag Manager -->
1<script>
vendor: 331 bytes, lines 1-8
1(function(w,d,s,l,i){w[l]=w[l]||[]; 2w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); 3var f=d.getElementsByTagName(s)[0], 4j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; 5j.async=true; 6j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; 7f.parentNode.insertBefore(j,f); 8})(window,document,'script','dataLayer','
8GTM-MVSWZ57L
vendor: 3 bytes, line 8
8');
8</script>
8<title>Authentic Bubble Tea from Taiwan to your cup | Gong Cha</title><link rel="canonical" href="https://www.gong-cha.com/"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><meta charset="UTF-8"><meta name="description" content="Discover Gong cha's world-renowned bubble tea crafted fresh daily with premium whole-leaf teas and quality ingredients."><meta property="og:title" content="Authentic Bubble Tea from Taiwan to your cup | Gong Cha"><meta property="og:description" content="Discover Gong cha's world-renowned bubble tea crafted fresh daily with premium whole-leaf teas and quality ingredients."><meta name="viewport" content="width=device-width"><meta name="google-site-verification" content="HNrWvaIH5d8aJ0I1lEUvFi7tr8juKEiMmIOfk7QKJy0"><meta name="google-site-verification" content="euIyTphDYKMRTC58AtTw9IyYGEP4f5UgjztVxHqH8TF8"><meta name="google-site-verification" content="US_tTNqeFeuqkbe9J_12cTF-IMP18Coi9yiaotIHUX0"><meta name="generator" content="Astro v4.16.19"><meta name="robots" content="index,follow"><link rel="alternate" href="https://www.gong-cha.com/" hreflang="en"><link rel="alternate" href="https://www.gong-cha.com/usa/us-en" hreflang="en-US"><link rel="alternate" href="https://www.gong-cha.com/uae/en" hreflang="en-AE"><link rel="alternate" href="https://www.gong-cha.com/uk/en" hreflang="en-GB"><link rel="alternate" href="https://www.gong-cha.com/france/fr-fe" hreflang="fr-FR"><link rel="alternate" href="https://www.gong-cha.com/belgium/nl-be" hreflang="nl-BE"><link rel="alternate" href="https://www.gong-cha.com/colombia/es-co" hreflang="es-CO"><link rel="alternate" href="https://www.gong-cha.com/ecuador/es-ec" hreflang="es-EC"><link rel="alternate" href="https://www.gong-cha.com/honduras/es-hn" hreflang="es-HN"><link rel="alternate" href="https://www.gong-cha.com/mongolia/mn" hreflang="mn"><link rel="alternate" href="https://www.gong-cha.com/myanmar/my" hreflang="my"><link rel="alternate" href="https://www.gong-cha.com/thailand/th" hreflang="th"><link rel="alternate" href="https://www.gong-cha.com/taiwan/zh-tw" hreflang="zh-TW"><link rel="alternate" href="https://www.gong-cha.com/" hreflang="x-default"><link rel="stylesheet" href="/usa/_astro_usa/_path_.BUmR4HZe.css"> 9<link rel="stylesheet" href="/usa/_astro_usa/_path_.BuALbnTj.css">
9<script type="module" src="/usa/_astro_usa/hoisted.BScVxmeO.js"></script>
9<style>[data-astro-transition-scope="astro-cyn5a256-1"] { view-transition-name: astro-cyn5a256-1; }@layer astro { ::view-transition-old(astro-cyn5a256-1) { 10 animation-duration: 90ms, 220ms; 11 animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1); 12 animation-fill-mode: both, both; 13 animation-name: astroFadeOut, astroSlideToLeft; }::view-transition-new(astro-cyn5a256-1) { 14 animation-duration: 210ms, 220ms; 15 animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1); 16 animation-delay: 30ms; 17 animation-fill-mode: both, both; 18 animation-name: astroFadeIn, astroSlideFromRight; }[data-astro-transition=back]::view-transition-old(astro-cyn5a256-1) { 19 animation-name: astroFadeOut, astroSlideToRight; }[data-astro-transition=back]::view-transition-new(astro-cyn5a256-1) { 20 animation-name: astroFadeIn, astroSlideFromLeft; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-cyn5a256-1"], 21 [data-astro-transition-fallback="old"][data-astro-transition-scope="astro-cyn5a256-1"] { 22 animation-duration: 90ms, 220ms; 23 animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1); 24 animation-fill-mode: both, both; 25 animation-name: astroFadeOut, astroSlideToLeft; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-cyn5a256-1"], 26 [data-astro-transition-fallback="new"][data-astro-transition-scope="astro-cyn5a256-1"] { 27 animation-duration: 210ms, 220ms; 28 animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1); 29 animation-delay: 30ms; 30 animation-fill-mode: both, both; 31 animation-name: astroFadeIn, astroSlideFromRight; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-cyn5a256-1"], 32 [data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-cyn5a256-1"] { 33 animation-name: astroFadeOut, astroSlideToRight; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-cyn5a256-1"], 34 [data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-cyn5a256-1"] { 35 animation-name: astroFadeIn, astroSlideFromLeft; }</style></head> <body class="flex flex-col min-h-screen bg-milk-03"> <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, line 35
35 <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=
35GTM-MVSWZ57L
vendor: 84 bytes, line 35
35" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>
35<style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
35<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
35<astro-island uid="Z1X6Mr8" component-url="/usa/_astro_usa/LenisScroll.CNhfNfNw.js" component-export="default" renderer-url="/usa/_astro_usa/client.CbDStscb.js" props="{}" ssr="" client="only" opts="{"name":"LenisScroll","value":"react"}" await-children=""><template data-astro-template></template><!--astro:end--></astro-island>
35<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();</script>
35<astro-island uid="Z1DRhfY" prefix="r0" component-url="/usa/_astro_usa/modules.BY4FCjju.js" component-export="Header" renderer-url="/usa/_astro_usa/client.CbDStscb.js" props="{"navigationalItems":[1,[[0,{"name":[0,"About Us"],"url":[0,"/about-us"]}],[0,{"name":[0,"Tea"],"url":[0,"/tea"]}],[0,{"name":[0,"Products"],"url":[0,"/our-products"]}],[0,{"name":[0,"Store Finder"],"url":[0,"/store-finder"]}]]],"social":[0,{"headline":[0,""],"icons":[1,[[0,{"url":[0,"https://www.facebook.com/gongchatea"],"icon":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/150x150/f663cf875c/facebook-icon.svg"],"alt":[0,"Facebook Icon"]}]}],[0,{"url":[0,"https://www.instagram.com/gongchatea/"],"icon":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/150x150/b32ab7d540/instagram-icon.svg"],"alt":[0,"Instagram Icon"]}]}],[0,{"url":[0,"https://www.tiktok.com/@gongchausa"],"icon":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/150x150/7677e38b80/tiktok-icon.svg"],"alt":[0,"TikTok Icon"]}]}]]]}],"cta":[0,{"label":[0,"Franchise Opportunities"],"url":[0,"/franchise"]}],"textColor":[0,"white"],"backgroundColor":[0,"gongcha-red"],"logo":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/650x140/aa2c064c43/gong-cha-bubble-tea-logo-footer.png"],"alt":[0,"Gong-cha bubble tea logo footer"]}],"currentPath":[0,"/"],"mobileHamburgerBackgroundColor":[0,"gongcha-red"],"pageAvailableLangs":[1,[[0,"en"]]],"astroParams":[0,{"collection":[0,"global"],"lang":[0,"en"],"path":[0,""]}],"data-astro-transition-scope":[0,"astro-cyn5a256-1"]}" ssr="" client="load" opts="{"name":"Header","value":true}" data-astro-transition-scope="astro-cyn5a256-1" await-children=""><header class="fixed w-full z-50 h-auto"><nav class="sticky top-0 hidden lg:flex"><div class="w-full flex justify-center items-center bg-none transition-colors duration-500 ease-in-out bg-gongcha-red"><div class="w-full max-w-screen-xl"><div class="flex justify-between w-full px-10 py-8 items-center"><div class="flex-1 flex justify-start items-center text-sm font-semibold"><div class="flex justify-center items-center gap-10"><a class="relative group text-white" href="/about-us">About Us<span class="absolute left-0 -bottom-1 h-[2px] w-0 transition-all duration-300 ease-in-out group-hover:w-full bg-white"></span></a><a class="relative group text-white" href="/tea">Tea<span class="absolute left-0 -bottom-1 h-[2px] w-0 transition-all duration-300 ease-in-out group-hover:w-full bg-white"></span></a><a class="relative group text-white" href="/our-products">Products<span class="absolute left-0 -bottom-1 h-[2px] w-0 transition-all duration-300 ease-in-out group-hover:w-full bg-white"></span></a><a class="relative group text-white" href="/store-finder">Store Finder<span class="absolute left-0 -bottom-1 h-[2px] w-0 transition-all duration-300 ease-in-out group-hover:w-full bg-white"></span></a></div></div><div class="flex-shrink flex justify-center items-center"><a href="/"><img src="https://a.storyblok.com/f/287879189776283/650x140/aa2c064c43/gong-cha-bubble-tea-logo-footer.png" class="lg:w-[223px]" alt="Gong-cha bubble tea logo footer"/></a></div><div class="flex-1 flex justify-end items-center"><div class="flex flex-row flex-nowrap items-center gap-2"><div class="shrink-0"><div class="relative flex justify-center"><div class="bg-white h-10 w-10 border-[5px] border-white flex justify-center items-center transition-all duration-200 ease-in-out rounded-full delay-150"><a href="/global/en/" aria-current="true" class="cursor-pointer rounded-full h-full w-full text-center bg-gongcha-red text-white text-xs leading-[150%] font-semibold flex justify-center items-center">EN</a></div></div></div><div class="shrink-0"><a class="flex flex-row items-center flex-grow-0 group" href="/franchise" rel="noreferrer"><div class="flex items-center group-hover:rounded-none group-hover:rounded-s-full transition-all duration-500 !bg-white !text-gongcha-black bg-white rounded-full text-body-sm-semibold px-6 py-2"><span class="transition-all duration-500 group-hover:scale-105 whitespace-nowrap">Franchise Opportunities</span></div><div class="relative flex items-center justify-center group-hover:rounded-none group-hover:rounded-e-full transition-all duration-500 !bg-white !text-gongcha-black bg-white rounded-full -ml-3 h-10 w-10"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 stroke-current stroke-2"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"></path></svg></span></div></a></div><div class="shrink-0"><div class="flex items-center justify-center gap-2"><a href="https://www.facebook.com/gongchatea" target="_blank" rel="noreferrer" class="group flex items-center justify-center rounded-full w-10 h-10 p-2.5 bg-gongcha-pearl-milk"><img class="group-hover:animate-bounceY transition-all duration-200" src="https://a.storyblok.com/f/287879189776283/150x150/f663cf875c/facebook-icon.svg" alt="Facebook Icon"/></a><a href="https://www.instagram.com/gongchatea/" target="_blank" rel="noreferrer" class="group flex items-center justify-center rounded-full w-10 h-10 p-2.5 bg-gongcha-pearl-milk"><img class="group-hover:animate-bounceY transition-all duration-200" src="https://a.storyblok.com/f/287879189776283/150x150/b32ab7d540/instagram-icon.svg" alt="Instagram Icon"/></a><a href="https://www.tiktok.com/@gongchausa" target="_blank" rel="noreferrer" class="group flex items-center justify-center rounded-full w-10 h-10 p-2.5 bg-gongcha-pearl-milk"><img class="group-hover:animate-bounceY transition-all duration-200" src="https://a.storyblok.com/f/287879189776283/150x150/7677e38b80/tiktok-icon.svg" alt="TikTok Icon"/></a></div></div></div></div></div></div></div></nav><nav class="sticky flex lg:hidden"><header class="w-full" data-headlessui-state=""><div class="z-20 w-full flex justify-between py-[16px] px-[15px] h-18 items-center transition-colors duration-500 ease-in-out bg-gongcha-red"><a href="/"><img src="https://a.storyblok.com/f/287879189776283/650x140/aa2c064c43/gong-cha-bubble-tea-logo-footer.png" class="w-[163px]" alt="Gong-cha bubble tea logo footer"/></a><div class="flex items-center"><button class="group relative inline-flex items-center justify-center p-1 rounded-full focus:outline-0 bg-gongcha-red" type="button" aria-expanded="false" data-headlessui-state=""><span class="absolute -inset-0.5"></span><span class="sr-only">
35Open menu</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="block h-5 w-5 group-data-[open]:hidden text-white"><path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="hidden h-5 w-5 group-data-[open]:block text-white"><path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></button></div></div></header><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></nav></header><!--astro:end--></astro-island> <main class="relative flex-1 flex flex-col">
35<script>(()=>{var l=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let a of e)if(a.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=l;window.dispatchEvent(new Event("astro:visible"));})();</script>
35<astro-island uid="Z2gWMA" prefix="r3" component-url="/usa/_astro_usa/modules.BY4FCjju.js" component-export="Hero" renderer-url="/usa/_astro_usa/client.CbDStscb.js" props="{"title":[0,"How Tea is Meant to Be"],"description":[0,"Freshly brewed, whole leaf tea crafted by our tea experts for a rich, smooth flavour. Experience the taste of real tea, done right."],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1800x800/5df0ec9e35/hero-bubble-tea.jpeg"],"alt":[0,"Bubble Tea Hero"]}],"cta":[0,{"label":[0,"Discover Our Tea"],"url":[0,"/tea"]}],"ctas":[1,[[0,{"label":[0,"Discover Our Tea"],"url":[0,"/tea"]}]]],"backgroundColor":[0,"white"],"accentColor":[0,"white"],"circleColor":[0,"gongcha-red"],"dividerColor":[0,"milk-03"],"badge":[0,""],"titleSize":[0,""],"desktopAlignment":[0,"center"],"mobileAlignment":[0,"top"],"dialogType":[0,"franchise"],"formContent":[0,{"endpoint":[0,""],"title":[0,""],"terms":[0,"Unable to find form content"],"automated":[0,""],"unsubscribe":[0,""],"communications":[0,false],"automatedOption":[0,false],"inputs":[1,[]]}],"spacerBgColorOverride":[0,"white"],"mobileImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/375x723/394137694d/bubble-tea-hero-mobile.png"],"alt":[0,"Bubble Tea hero mobile"]}],"spacing":[0,{"mobile":[0,{"top":[0,"0px"],"bottom":[0,"0px"]}],"desktop":[0,{"top":[0,"0px"],"bottom":[0,"0px"]}]}]}" ssr="" client="load" opts="{"name":"modules.Hero","value":true}" await-children=""><div class="pt-[0px] pb-[0px] lg:pt-[0px] lg:pb-[0px]"><section class="w-full relative bg-white"><div id="hero" class="z-10 sticky top-0 h-[45rem] md:h-[48.5rem] w-full text-center bg-white"><div class="absolute inset-0"><div class="absolute inset-0 max-md:hidden"><picture class="absolute inset-0"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/1800x800/5df0ec9e35/hero-bubble-tea.jpeg" alt="Bubble Tea Hero" class="object-cover size-full" style="object-position:center"/></picture></picture></div><div class="md:hidden absolute inset-0"><picture class="absolute inset-0"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/375x723/394137694d/bubble-tea-hero-mobile.png" alt="Bubble Tea hero mobile" class="object-cover size-full" style="object-position:center"/></picture></picture></div></div><div class="size-full flex py-28 md:py-28 md:px-16 container text-white md:justify-center md:items-center md:text-center items-start"><div class="z-10 px-4 w-full md:max-w-[600px] flex flex-col pt-13 items-center md:max-w-[600px]"><div class="w-full text-desktop-large md:text-desktop-x-large text-balance text-center"><h1>How Tea is Meant to Be</h1></div><p class="mt-4 md:mt-6 text-body-regular-thin md:text-body-2x-large-light text-center">Freshly brewed, whole leaf tea crafted by our tea experts for a rich, smooth flavour. Experience the taste of real tea, done right.</p><div class="mt-8 flex flex-col gap-4 md:justify-center md:flex-row"><a class="flex flex-row items-center flex-grow-0 group" href="/tea" rel="noreferrer"><div class="flex items-center group-hover:rounded-none group-hover:rounded-s-full transition-all duration-500 bg-white text-gongcha-black rounded-full text-body-sm-semibold px-6 py-2"><span class="transition-all duration-500 group-hover:scale-105 whitespace-nowrap">Discover Our Tea</span></div><div class="relative flex items-center justify-center group-hover:rounded-none group-hover:rounded-e-full transition-all duration-500 bg-white text-gongcha-black rounded-full -ml-3 h-10 w-10"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 stroke-current stroke-2"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"></path></svg></span></div></a></div></div></div></div><figure class="z-20 absolute -bottom-px left-1/2 -translate-x-1/2 text-white"><svg class="h-[60px] md:h-[94px]" viewBox="0 0 270 85" fill="currentColor"><path d="M135 0C55 0 65 85 0 85h270c-70 0-55-85-135-85Z"></path></svg></figure>
35<div class="z-30 group absolute bottom-0 translate-y-1/2 rounded-full aspect-square left-1/2 -translate-x-1/2 flex justify-center items-center cursor-pointer transition-colors duration-300 ease-in-out hover:brightness-90 bg-gongcha-red text-white h-[60px] md:h-[94px]"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-6 md:h-8 transition group-hover:animate-bounceY"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></div><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span></section><div class="w-full pb-24 h-[30px] md:h-[47px] bg-white"></div></div><!--astro:end--></astro-island><div class="w-full py-14 flex flex-col items-center rounded-b-x-large overflow-hidden bg-white pt-[0px] pb-[32px] lg:pt-[0px] lg:pb-[32px]"><div class="flex flex-col gap-4 items-center text-center max-w-[38rem] px-3 pt-4"><h3 class="text-gongcha-red">Famous Five</h3><p class="text-body-large-light mb-8 md:mb-12 text-gongcha-black">Discover our top five favourites worldwide, crafted with premium tea leaves, fruity flavours, creamy textures, and exciting toppings in every sip.</p></div><astro-island uid="25qD5F" prefix="r6" component-url="/usa/_astro_usa/modules.BY4FCjju.js" component-export="ProductCarouselMobile" renderer-url="/usa/_astro_usa/client.CbDStscb.js" props="{"cards":[1,[[0,{"id":[0,"2b4270db-1460-4116-b631-800eaaa5848d"],"backgroundGradient":[0,"fresh-milk-tea-gradient"],"category":[0,{"name":[0,"MILK TEA"],"activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours."],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/8-pearl-milk-tea-black"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/12a247b040/08-pearl-milk-tea-black.png"],"alt":[0,"Milk pearl black tea"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/760x865/da42677d01/tea-leaf-transparent-background-export-gong-cha-6.png"],"alt":[0,"A small branch with fresh, vibrant green leaves against a plain white background."]}],"title":[0,"Black Milk Tea with Pearl"],"backsideTitle":[0,"Rich and creamy blend"],"backsideDescription":[0,"Black tea blended for a smooth and comforting milk tea experience with chewy pearls."]}],[0,{"id":[0,"debb9367-7472-4f4a-85fb-81f5fcb280df"],"backgroundGradient":[0,"wintermelon-tea-gradient"],"category":[0,{"name":[0,"FRUIT TEA"],"activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours"],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/17-qq-passionfruit-green-tea"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/22a167c9b2/17-qq-passionfruit-green-tea.png"],"alt":[0,"QQ Passionfruit Green Tea"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/760x707/182c0c0a9e/passion-fruit.webp"],"alt":[0,"Passionfruit"]}],"title":[0,"QQ Passionfruit Green Tea"],"backsideTitle":[0,"Fruit Tea Series"],"backsideDescription":[0,"Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly."]}],[0,{"id":[0,"7d19c359-f76a-44a7-8fb8-df51c508e697"],"backgroundGradient":[0,"thai-iced-tea-gradient"],"category":[0,{"name":[0,"CREATIONS"],"
35activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours."],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/20-brown-sugar-milk-with-pearls"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/0d2d87122c/20-brown-sugar-black-milk-tea-with-pearl.png"],"alt":[0,"Brown Sugar Milk Tea with Pearl"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/500x287/137381a6b1/brown-sugar.png"],"alt":[0,"Brown Sugar"]}],"title":[0,"Brown Sugar Milk with Pearls"],"backsideTitle":[0,"Brown Sugar Richness"],"backsideDescription":[0,"Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free."]}],[0,{"id":[0,"6f4357c2-7434-4633-886c-f0786b5208e2"],"backgroundGradient":[0,"thai-iced-tea-gradient"],"category":[0,{"name":[0,"CREATIONS"],"activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours."],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/35-taro-milk-tea-with-pearl"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/c3f2768398/35-taro-milk-with-pearls.png"],"alt":[0,"Taro Milk with Pearls"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/760x865/4284399489/taro.png"],"alt":[0,"unknown"]}],"title":[0,"Taro Milk Tea with Pearls"],"backsideTitle":[0,"Taro Milk Tea with Pearls"],"backsideDescription":[0,"Creamy and smooth taro plant milk tea with tapioca pearls."]}],[0,{"id":[0,"92bb7515-6a0e-4951-ba56-795a76e199d2"],"backgroundGradient":[0,"wintermelon-tea-gradient"],"category":[0,{"name":[0,"FRUIT TEA"],"activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours"],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/16-matcha-strawberry-milk-tea"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/1e27092cab/16-matcha-strawberry-milk-tea.png"],"alt":[0,"Matcha Strawberry Milk Tea"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1024x1024/3dd95ea2e5/strawberry.png"],"alt":[0,"unknown"]}],"title":[0,"Matcha Strawberry Milk Tea"],"backsideTitle":[0,"Fruity and Creamy"],"backsideDescription":[0,"Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink."]}]]]}" ssr="" client="load" opts="{"name":"modules.ProductCarouselMobile","value":true}" await-children=""><div class="flex lg:hidden w-full"><div class="w-full flex flex-col gap-4 [&
35_.slick-list]:h-auto [&_.slick-track]:h-auto [&_.slick-slide>div]:flex [&_.slick-slide>div]:justify-center force-ltr-slick"><div class="slick-slider slick-initialized" dir="ltr"><div class="slick-list" style="padding:0px 16px"><div class="slick-track" style="width:0px;left:calc(0px + (100% - nullpx) / 2 )"><div data-index="-5" tabindex="-1" class="slick-slide slick-center slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 fresh-milk-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/12a247b040/08-pearl-milk-tea-black.png" alt="Milk pearl black tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x865/da42677d01/tea-leaf-transparent-background-export-gong-cha-6.png" alt="A small branch with fresh, vibrant green leaves against a plain white background." class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 fresh-milk-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Rich and creamy blend</p><p class="max-w-full text-center text-body-regular-light">Black tea blended for a smooth and comforting milk tea experience with chewy pearls.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Rich and creamy blend</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Black tea blended for a smooth and comforting milk tea experience with chewy pearls.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Black Milk Tea with Pearl</p></div></div></div></div></div><div data-index="-4" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/22a167c9b2/17-qq-passionfruit-green-tea.png" alt="QQ Passionfruit Green Tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x707/182c0c0a9e/passion-fruit.webp" alt="Passionfruit" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruit Tea Series</p><p class="max-w-full text-center text-body-regular-light">Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruit Tea Series</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">QQ Passionfruit Green Tea</p></div></div></div></div></div><div data-index="-3" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/0d2d87122c/20-brown-sugar-black-milk-tea-with-pearl.png" alt="Brown Sugar Milk Tea with Pearl" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/500x287/137381a6b1/brown-sugar.png" alt="Brown Sugar" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Brown Sugar Richness</p><p class="max-w-full text-center text-body-regular-light">Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Brown Sugar Richness</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Brown Sugar Milk with Pearls</p></div></div></div></div></div><div data-index="-2" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/c3f2768398/35-taro-milk-with-pearls.png" alt="Taro Milk with Pearls" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x865/4284399489/taro.png" alt="unknown" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Taro Milk Tea with Pearls</p><p class="max-w-full text-center text-body-regular-light">Creamy and smooth taro plant milk tea with tapioca pearls.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Taro Milk Tea with Pearls</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Creamy and smooth taro plant milk tea with tapioca pearls.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Taro Milk Tea with Pearls</p></div></div></div></div></div><div data-index="-1" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/1e27092cab/16-matcha-strawberry-milk-tea.png" alt="Matcha Strawberry Milk Tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/1024x1024/3dd95ea2e5/strawberry.png" alt="unknown" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruity and Creamy</p><p class="max-w-full text-center text-body-regular-light">Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruity and Creamy</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Matcha Strawberry Milk Tea</p></div></div></div></div></div><div style="outline:none" data-index="0" class="slick-slide slick-active slick-center slick-current" tabindex="-1" aria-hidden="false"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 fresh-milk-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/12a247b040/08-pearl-milk-tea-black.png" alt="Milk pearl black tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x865/da42677d01/tea-leaf-transparent-background-export-gong-cha-6.png" alt="A small branch with fresh, vibrant green leaves against a plain white background." class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 fresh-milk-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Rich and creamy blend</p><p class="max-w-full text-center text-body-regular-light">Black tea blended for a smooth and comforting milk tea experience with chewy pearls.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Rich and creamy blend</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Black tea blended for a smooth and comforting milk tea experience with chewy pearls.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Black Milk Tea with Pearl</p></div></div></div></div></div><div style="outline:none" data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/22a167c9b2/17-qq-passionfruit-green-tea.png" alt="QQ Passionfruit Green Tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x707/182c0c0a9e/passion-fruit.webp" alt="Passionfruit" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruit Tea Series</p><p class="max-w-full text-center text-body-regular-light">Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruit Tea Series</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">QQ Passionfruit Green Tea</p></div></div></div></div></div><div style="outline:none" data-index="2" class="slick-slide" tabindex="-1" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/0d2d87122c/20-brown-sugar-black-milk-tea-with-pearl.png" alt="Brown Sugar Milk Tea with Pearl" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/500x287/137381a6b1/brown-sugar.png" alt="Brown Sugar" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Brown Sugar Richness</p><p class="max-w-full text-center text-body-regular-light">Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Brown Sugar Richness</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Brown Sugar Milk with Pearls</p></div></div></div></div></div><div style="outline:none" data-index="3" class="slick-slide" tabindex="-1" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/c3f2768398/35-taro-milk-with-pearls.png" alt="Taro Milk with Pearls" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x865/4284399489/taro.png" alt="unknown" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Taro Milk Tea with Pearls</p><p class="max-w-full text-center text-body-regular-light">Creamy and smooth taro plant milk tea with tapioca pearls.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Taro Milk Tea with Pearls</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Creamy and smooth taro plant milk tea with tapioca pearls.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Taro Milk Tea with Pearls</p></div></div></div></div></div><div style="outline:none" data-index="4" class="slick-slide" tabindex="-1" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/1e27092cab/16-matcha-strawberry-milk-tea.png" alt="Matcha Strawberry Milk Tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/1024x1024/3dd95ea2e5/strawberry.png" alt="unknown" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruity and Creamy</p><p class="max-w-full text-center text-body-regular-light">Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruity and Creamy</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Matcha Strawberry Milk Tea</p></div></div></div></div></div><div data-index="5" tabindex="-1" class="slick-slide slick-center slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 fresh-milk-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/12a247b040/08-pearl-milk-tea-black.png" alt="Milk pearl black tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x865/da42677d01/tea-leaf-transparent-background-export-gong-cha-6.png" alt="A small branch with fresh, vibrant green leaves against a plain white background." class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 fresh-milk-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Rich and creamy blend</p><p class="max-w-full text-center text-body-regular-light">Black tea blended for a smooth and comforting milk tea experience with chewy pearls.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Rich and creamy blend</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Black tea blended for a smooth and comforting milk tea experience with chewy pearls.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Black Milk Tea with Pearl</p></div></div></div></div></div><div data-index="6" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/22a167c9b2/17-qq-passionfruit-green-tea.png" alt="QQ Passionfruit Green Tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x707/182c0c0a9e/passion-fruit.webp" alt="Passionfruit" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruit Tea Series</p><p class="max-w-full text-center text-body-regular-light">Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruit Tea Series</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">QQ Passionfruit Green Tea</p></div></div></div></div></div><div data-index="7" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/0d2d87122c/20-brown-sugar-black-milk-tea-with-pearl.png" alt="Brown Sugar Milk Tea with Pearl" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/500x287/137381a6b1/brown-sugar.png" alt="Brown Sugar" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Brown Sugar Richness</p><p class="max-w-full text-center text-body-regular-light">Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Brown Sugar Richness</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Brown Sugar Milk with Pearls</p></div></div></div></div></div><div data-index="8" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/c3f2768398/35-taro-milk-with-pearls.png" alt="Taro Milk with Pearls" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x865/4284399489/taro.png" alt="unknown" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Taro Milk Tea with Pearls</p><p class="max-w-full text-center text-body-regular-light">Creamy and smooth taro plant milk tea with tapioca pearls.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Taro Milk Tea with Pearls</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Creamy and smooth taro plant milk tea with tapioca pearls.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Taro Milk Tea with Pearls</p></div></div></div></div></div><div data-index="9" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true"><div><div class="px-2 flex justify-center" tabindex="-1" style="width:100%;display:inline-block"><div dir="auto"><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/1e27092cab/16-matcha-strawberry-milk-tea.png" alt="Matcha Strawberry Milk Tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/1024x1024/3dd95ea2e5/strawberry.png" alt="unknown" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruity and Creamy</p><p class="max-w-full text-center text-body-regular-light">Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruity and Creamy</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Matcha Strawberry Milk Tea</p></div></div></div></div></div></div></div></div><div dir="ltr" class="w-full flex items-center justify-center gap-2"><button><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6"><path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"></path></svg></button><div class="flex items-center gap-1"><button><div class="rounded-full border border-gongcha-black size-4 bg-[radial-gradient(#8b8685,#382f2d)]"></div></button><button><div class="rounded-full border border-gongcha-black size-4"></div></button><button><div class="rounded-full border border-gongcha-black size-4"></div></button><button><div class="rounded-full border border-gongcha-black size-4"></div></button><button><div class="rounded-full border border-gongcha-black size-4"></div></button></div><button><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"></path></svg></button></div></div></div><!--astro:end--></astro-island><astro-island uid="1erOQ8" prefix="r7" component-url="/usa/_astro_usa/modules.BY4FCjju.js" component-export="ProductCarouselDesktop" renderer-url="/usa/_astro_usa/client.CbDStscb.js" props="{"cards":[1,[[0,{"id":[0,"2b4270db-1460-4116-b631-800eaaa5848d"],"backgroundGradient":[0,"fresh-milk-tea-gradient"],"category":[0,{"name":[0,"MILK TEA"],"activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours."],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/8-pearl-milk-tea-black"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/12a247b040/08-pearl-milk-tea-black.png"],"alt":[0,"Milk pearl black tea"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/760x865/da42677d01/tea-leaf-transparent-background-export-gong-cha-6.png"],"alt":[0,"A small branch with fresh, vibrant green leaves against a plain white background."]}],"title":[0,"Black Milk Tea with Pearl"],"backsideTitle":[0,"Rich and creamy blend"],"backsideDescription":[0,"Black tea blended for a smooth and comforting milk tea experience with chewy pearls."]}],[0,{"id":[0,"debb9367-7472-4f4a-85fb-81f5fcb280df"],"backgroundGradient":[0,"wintermelon-tea-gradient"],"category":[0,{"name":[0,"FRUIT TEA"],"
35activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours"],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/17-qq-passionfruit-green-tea"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/22a167c9b2/17-qq-passionfruit-green-tea.png"],"alt":[0,"QQ Passionfruit Green Tea"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/760x707/182c0c0a9e/passion-fruit.webp"],"alt":[0,"Passionfruit"]}],"title":[0,"QQ Passionfruit Green Tea"],"backsideTitle":[0,"Fruit Tea Series"],"backsideDescription":[0,"Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly."]}],[0,{"id":[0,"7d19c359-f76a-44a7-8fb8-df51c508e697"],"backgroundGradient":[0,"thai-iced-tea-gradient"],"category":[0,{"name":[0,"CREATIONS"],"activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours."],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/20-brown-sugar-milk-with-pearls"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/0d2d87122c/20-brown-sugar-black-milk-tea-with-pearl.png"],"alt":[0,"Brown Sugar Milk Tea with Pearl"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/500x287/137381a6b1/brown-sugar.png"],"alt":[0,"Brown Sugar"]}],"title":[0,"Brown Sugar Milk with Pearls"],"backsideTitle":[0,"Brown Sugar Richness"],"backsideDescription":[0,"Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free."]}],[0,{"id":[0,"6f4357c2-7434-4633-886c-f0786b5208e2"],"backgroundGradient":[0,"thai-iced-tea-gradient"],"category":[0,{"name":[0,"CREATIONS"],"activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours."],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/35-taro-milk-tea-with-pearl"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/c3f2768398/35-taro-milk-with-pearls.png"],"alt":[0,"Taro Milk with Pearls"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/760x865/4284399489/taro.png"],"alt":[0,"unknown"]}],"title":[0,"
35Taro Milk Tea with Pearls"],"backsideTitle":[0,"Taro Milk Tea with Pearls"],"backsideDescription":[0,"Creamy and smooth taro plant milk tea with tapioca pearls."]}],[0,{"id":[0,"92bb7515-6a0e-4951-ba56-795a76e199d2"],"backgroundGradient":[0,"wintermelon-tea-gradient"],"category":[0,{"name":[0,"FRUIT TEA"],"activeBackgroundColor":[0,"gongcha-taro"],"activeTextColor":[0,"gongcha-black"],"activeShape":[0,"cloud_one"],"bannerImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg"],"alt":[0,"Three hands holding bubble tea cups with red straws against a clear blue sky."]}],"bannerHeadline":[0,"Make it yours"],"bannerSubheadline":[0,""],"bannerTextsColor":[0,"white"]}],"cta":[0,{"label":[0,"More Info"],"url":[0,"/global/en/16-matcha-strawberry-milk-tea"]}],"description":[0,""],"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/420x784/1e27092cab/16-matcha-strawberry-milk-tea.png"],"alt":[0,"Matcha Strawberry Milk Tea"]}],"hoverImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1024x1024/3dd95ea2e5/strawberry.png"],"alt":[0,"unknown"]}],"title":[0,"Matcha Strawberry Milk Tea"],"backsideTitle":[0,"Fruity and Creamy"],"backsideDescription":[0,"Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink."]}]]]}" ssr="" client="load" opts="{"name":"modules.ProductCarouselDesktop","value":true}" await-children=""><div class="hidden lg:flex gap-[10px] max-w-[1300px] px-4"><div><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px] lg:!w-[198px] lg:!h-[368px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 fresh-milk-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/12a247b040/08-pearl-milk-tea-black.png" alt="Milk pearl black tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x865/da42677d01/tea-leaf-transparent-background-export-gong-cha-6.png" alt="A small branch with fresh, vibrant green leaves against a plain white background." class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 fresh-milk-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Rich and creamy blend</p><p class="max-w-full text-center text-body-regular-light">Black tea blended for a smooth and comforting milk tea experience with chewy pearls.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Rich and creamy blend</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Black tea blended for a smooth and comforting milk tea experience with chewy pearls.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Black Milk Tea with Pearl</p></div></div><div><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px] lg:!w-[198px] lg:!h-[368px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/22a167c9b2/17-qq-passionfruit-green-tea.png" alt="QQ Passionfruit Green Tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x707/182c0c0a9e/passion-fruit.webp" alt="Passionfruit" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruit Tea Series</p><p class="max-w-full text-center text-body-regular-light">Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruit Tea Series</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">QQ Passionfruit Green Tea</p></div></div><div><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px] lg:!w-[198px] lg:!h-[368px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/0d2d87122c/20-brown-sugar-black-milk-tea-with-pearl.png" alt="Brown Sugar Milk Tea with Pearl" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/500x287/137381a6b1/brown-sugar.png" alt="Brown Sugar" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Brown Sugar Richness</p><p class="max-w-full text-center text-body-regular-light">Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Brown Sugar Richness</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Brown Sugar Milk with Pearls</p></div></div><div><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px] lg:!w-[198px] lg:!h-[368px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/c3f2768398/35-taro-milk-with-pearls.png" alt="Taro Milk with Pearls" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/760x865/4284399489/taro.png" alt="unknown" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 thai-iced-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Taro Milk Tea with Pearls</p><p class="max-w-full text-center text-body-regular-light">Creamy and smooth taro plant milk tea with tapioca pearls.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Taro Milk Tea with Pearls</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Creamy and smooth taro plant milk tea with tapioca pearls.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Taro Milk Tea with Pearls</p></div></div><div><div class="flex group flex-col items-center gap-3 rounded-small transition-colors bg-transparent lg:hover:bg-milk-02 w-min py-6 px-3 lg:cursor-flip-red"><div class="flex justify-center w-[194px] h-[362px] md:w-[210px] md:h-[392px] lg:!w-[198px] lg:!h-[368px]"><div class="relative size-full perspective-100"><div data-testid="product-card-frontside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient"><img src="https://a.storyblok.com/f/287879189776283/420x784/1e27092cab/16-matcha-strawberry-milk-tea.png" alt="Matcha Strawberry Milk Tea" class="pointer-events-none absolute inset-0 object-contain w-full h-full m-auto origin-center transition-transform ease-linear rotate-[10deg] lg:rotate-0 lg:group-hover:rotate-[10deg] z-10 duration-500"/><img src="https://a.storyblok.com/f/287879189776283/1024x1024/3dd95ea2e5/strawberry.png" alt="unknown" class="pointer-events-none absolute inset-0 object-contain m-auto translate-y-1/2 translate-x-[15%] lg:translate-x-[10%] lg:opacity-0 max-h-[30%] max-w-[100%] origin-center transition-all ease-linear rotate-12 group-hover:opacity-100 lg:group-hover:translate-x-[45%] duration-500"/><button class="flex items-center justify-center rounded-full size-11 bg-gongcha-red lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9 z-10"><svg class="size-full text-white" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div><div data-testid="product-card-backside-container" class="absolute rounded-[42px] size-full bf-hidden transition-transform duration-500 wintermelon-tea-gradient [transform:rotateY(180deg)]"><div class="hidden lg:flex flex-col justify-center gap-[.875rem] items-center size-full px-2"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruity and Creamy</p><p class="max-w-full text-center text-body-regular-light">Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.</p></div><div class="lg:hidden relative size-full flex flex-col pb-14"><div class="h-12 w-full flex items-center gap-2 justify-center"><div class="relative size-4 rounded-full border-2 border-white after:absolute after:inset-[2px] after:size-2 after:rounded-full bg-[radial-gradient(white,transparent)]"></div><div class="relative size-4 rounded-full border-2 border-white"></div></div><div class="flex-1 overflow-hidden"><div class="size-full transition-transform flex items-center" style="width:200%"><div class="flex justify-center px-2 w-full"><p class="w-full max-w-36 text-center text-wrap text-desktop-x-small">Fruity and Creamy</p></div><div class="flex justify-center px-2 w-full"><p class="max-w-full text-center text-body-regular-light leading-[1.3]">Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.</p></div></div></div><button class="flex items-center justify-center rounded-full size-11 bg-white lg:hidden absolute transition-opacity md:opacity-0 to
35p-3 right-3 group-hover:opacity-100 size-9"><svg class="size-full text-gongcha-red" xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39" fill="currentColor"><path d="M28.33 18.7457L25.4033 15.7852L22.4766 18.7457" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16.5215 28.5669H22.6117C24.1512 28.5669 25.4031 27.0782 25.4031 25.2342V15.7773" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path><path d="M10 19.8281L12.9267 22.7887L15.8534 19.8281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M21.8074 10H15.7172C14.1777 10 12.9258 11.4887 12.9258 13.3327V22.7896" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"></path></svg></button></div></div></div></div><p class="transition-colors text-center text-desktop-x-small md:group-hover:text-gongcha-red">Matcha Strawberry Milk Tea</p></div></div></div><!--astro:end--></astro-island><div class="mt-4"><a class="flex flex-row items-center flex-grow-0 group" href="/our-products" rel="noreferrer"><div class="flex items-center group-hover:rounded-none group-hover:rounded-s-full transition-all duration-500 !bg-gongcha-red !text-white bg-white rounded-full text-body-sm-semibold px-6 py-2"><span class="transition-all duration-500 group-hover:scale-105 whitespace-nowrap">All products</span></div><div class="relative flex items-center justify-center group-hover:rounded-none group-hover:rounded-e-full transition-all duration-500 !bg-gongcha-red !text-white bg-white rounded-full -ml-3 h-10 w-10"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 stroke-current stroke-2"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"></path></svg></span></div></a></div></div><section id="content-carousel" class="w-full py-14 bg-milk-03 pt-[0px] pb-[32px] lg:pt-[48px] lg:pb-[32px]"><div class="w-full container px-0 flex flex-col gap-8 items-center"><div class="flex flex-col gap-4 items-center text-center max-w-[600px] p-3"><h2 class="text-desktop-medium md:text-desktop-large text-gongcha-red">Whatâs new?</h2><p class="text-body-large-light text-gongcha-black">Stay up to date with the latest from Gong cha! Discover new products, exclusive promotions, upcoming events, and exciting news, all in one place.</p></div><astro-island uid="Z1cGuP1" prefix="r4" component-url="/usa/_astro_usa/modules.BY4FCjju.js" component-export="ContentCarouselSlider" renderer-url="/usa/_astro_usa/client.CbDStscb.js" props="{"carouselItems":[1,[[0,{"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/800x999/df609483c3/tea-riple-tea-hreat.jpg"],"alt":[0,"Gong Cha promotion poster featuring three bubble tea drinks on a pink gradient background with the text \"Triple Treats\" and \"3 Drinks, 3 Days, £3\"."]}],"title":[0,"Gong chaâs Tea-riple Tea-hreat!"],"titleColor":[0,"gongcha-red"],"body":[0,"England â we heard you! Following on from our Tasty Tâs promotion in February 2025, it obvious that everybody needs a deal (and some bubble tea) to help us through these tough times."],"bodyColor":[0,"gongcha-black"],"linkURL":[0,"/"],"badge":[0,{"text":[0,"New Product"],"textColor":[0,"gongcha-red"],"color":[0,"white"],"style":[0,"solid"],"linkURL":[0,"/"]}]}],[0,{"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1000x563/69113379fe/gong-cha-staff.jpg"],"alt":[0,"Gong cha staff members"]}],"title":[0,"Gong cha expands to Middle East"],"titleColor":[0,"gongcha-black"],"body":[0,"Gong cha signed its largest master franchise agreement, 300 stores across the Middle East region, with restaurant operator Shahia Foods Group."],"bodyColor":[0,"gongcha-black"],"linkURL":[0,"https://qsrmedia.asia/executive-insights/exclusive/gong-cha-counts-decadent-drinks-capture-mid
35dle-east-market"],"badge":[0,{"text":[0,"News"],"textColor":[0,"gongcha-black"],"color":[0,"white"],"style":[0,"solid"],"linkURL":[0,"/"]}]}],[0,{"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/800x534/0780148341/gongcha-store-crowd.jpeg"],"alt":[0,"People lined up outside a Gong Cha store on a busy street, waiting to enter. A sign displays promotional offers near the entrance."]}],"title":[0,"Our first store in Reunion Island"],"titleColor":[0,"gongcha-black"],"body":[0,"Island Reunion habitantsâ can now enjoy Gong chaâs freshly brewed whole leaf tea."],"bodyColor":[0,"gongcha-black"],"linkURL":[0,"https://www.linkedin.com/feed/update/urn:li:activity:7258148345217519616/"],"badge":[0,{"text":[0,"News"],"textColor":[0,"gongcha-black"],"color":[0,"white"],"style":[0,"solid"],"linkURL":[0,"/"]}]}],[0,{"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1200x600/dcd4cbb98b/august-2025.jpg"],"alt":[0,"Four friends sit on grass, smiling and enjoying bubble tea with red straws on a sunny day."]}],"title":[0,"Gong cha selected for the Franchise Times Top 400"],"titleColor":[0,"gongcha-black"],"body":[0,"Gong cha has climbed 11 spots to rank #140 on the Franchise Times Top 400 list this year!"],"bodyColor":[0,"gongcha-black"],"linkURL":[0,"https://www.linkedin.com/feed/update/urn:li:activity:7252951631992864768/"],"badge":[0,{"text":[0,"News"],"textColor":[0,"gongcha-black"],"color":[0,"white"],"style":[0,"solid"],"linkURL":[0,"/"]}]}],[0,{"image":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/352x367/946f9fb22e/gong-cha-x-peanuts.png"],"alt":[0,"unknown"]}],"title":[0,"Gong cha X PEANUTS collaboration in the Americas"],"titleColor":[0,"gongcha-black"],"body":[0,"Gong cha x PEANUTS partnered to introduce a limited-edition collection of 24oz tumblers."],"bodyColor":[0,"gongcha-black"],"linkURL":[0,"https://www.linkedin.com/feed/update/urn:li:activity:7252257081255170048/"],"badge":[0,{"text":[0,"News"],"textColor":[0,"gongcha-black"],"color":[0,"white"],"style":[0,"solid"],"linkURL":[0,"/"]}]}]]],"dir":[0,"ltr"]}" ssr="" client="visible" opts="{"name":"modules.ContentCarouselSlider","value":true}" await-children=""><div class="w-full" dir="ltr"><div class="w-full flex overflow-x-hidden"><div class="flex h-full pl-2" draggable="false" style="gap:10px;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/800x999/df609483c3/tea-riple-tea-hreat.jpg" alt="Gong Cha promotion poster featuring three bubble tea drinks on a pink gradient background with the text "Triple Treats" and "3 Drinks, 3 Days, £3"." class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-red">New Product</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-red text-[1rem]">Gong chaâs Tea-riple Tea-hreat!</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">England â we heard you! Following on from our Tasty Tâs promotion in February 2025, it obvious that everybody needs a deal (and some bubble tea) to help us through these tough times.</p></div></div><a href="https://qsrmedia.asia/executive-insights/exclusive/gong-cha-counts-decadent-drinks-capture-mid
35dle-east-market" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/1000x563/69113379fe/gong-cha-staff.jpg" alt="Gong cha staff members" class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Gong cha expands to Middle East</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Gong cha signed its largest master franchise agreement, 300 stores across the Middle East region, with restaurant operator Shahia Foods Group.</p></div></div></a><a href="https://www.linkedin.com/feed/update/urn:li:activity:7258148345217519616/" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/800x534/0780148341/gongcha-store-crowd.jpeg" alt="People lined up outside a Gong Cha store on a busy street, waiting to enter. A sign displays promotional offers near the entrance." class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Our first store in Reunion Island</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Island Reunion habitantsâ can now enjoy Gong chaâs freshly brewed whole leaf tea.</p></div></div></a><a href="https://www.linkedin.com/feed/update/urn:li:activity:7252951631992864768/" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/1200x600/dcd4cbb98b/august-2025.jpg" alt="Four friends sit on grass, smiling and enjoying bubble tea with red straws on a sunny day." class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Gong cha selected for the Franchise Times Top 400</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Gong cha has climbed 11 spots to rank #140 on the Franchise Times Top 400 list this year!</p></div></div></a><a href="https://www.linkedin.com/feed/update/urn:li:activity:72522570812551
3570048/" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/352x367/946f9fb22e/gong-cha-x-peanuts.png" alt="unknown" class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Gong cha X PEANUTS collaboration in the Americas</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Gong cha x PEANUTS partnered to introduce a limited-edition collection of 24oz tumblers.</p></div></div></a><div class="flex flex-col gap-5 aspect-square group/item w-[237px] md:w-[364px] lg:w-[460px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/800x999/df609483c3/tea-riple-tea-hreat.jpg" alt="Gong Cha promotion poster featuring three bubble tea drinks on a pink gradient background with the text "Triple Treats" and "3 Drinks, 3 Days, £3"." class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-passionfruit border-gongcha-passionfruit"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-red">New Product</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-red">Gong chaâs Tea-riple Tea-hreat!</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black">England â we heard you! Following on from our Tasty Tâs promotion in February 2025, it obvious that everybody needs a deal (and some bubble tea) to help us through these tough times.</p></div></div><a href="https://qsrmedia.asia/executive-insights/exclusive/gong-cha-counts-decadent-drinks-capture-middle-east-market" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/1000x563/69113379fe/gong-cha-staff.jpg" alt="Gong cha staff members" class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Gong cha expands to Middle East</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Gong cha signed its largest master franchise agreement, 300 stores across the Middle East region, with restaurant operator Shahia Foods Group.</p></div></div></a><a href="https://www.linkedin.com/feed/update/urn:li:activity:7258148345217519616/" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/800x534/0780148341/gongcha-store-crowd.jpeg" alt="People lined up outside a Gong Cha store on a busy street, waiting to enter. A sign displays promotional offers near the entrance." class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Our first store in Reunion Island</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Island Reunion habitantsâ can now enjoy Gong chaâs freshly brewed whole leaf tea.</p></div></div></a><a href="https://www.linkedin.com/feed/update/urn:li:activity:7252951631992864768/" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/1200x600/dcd4cbb98b/august-2025.jpg" alt="Four friends sit on grass, smiling and enjoying bubble tea with red straws on a sunny day." class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Gong cha selected for the Franchise Times Top 400</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Gong cha has climbed 11 spots to rank #140 on the Franchise Times Top 400 list this year!</p></div></div></a><a href="https://www.linkedin.com/feed/update/urn:li:activity:72522570812551
3570048/" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/352x367/946f9fb22e/gong-cha-x-peanuts.png" alt="unknown" class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Gong cha X PEANUTS collaboration in the Americas</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Gong cha x PEANUTS partnered to introduce a limited-edition collection of 24oz tumblers.</p></div></div></a><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/800x999/df609483c3/tea-riple-tea-hreat.jpg" alt="Gong Cha promotion poster featuring three bubble tea drinks on a pink gradient background with the text "Triple Treats" and "3 Drinks, 3 Days, £3"." class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-red">New Product</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-red text-[1rem]">Gong chaâs Tea-riple Tea-hreat!</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">England â we heard you! Following on from our Tasty Tâs promotion in February 2025, it obvious that everybody needs a deal (and some bubble tea) to help us through these tough times.</p></div></div><a href="https://qsrmedia.asia/executive-insights/exclusive/gong-cha-counts-decadent-drinks-capture-middle-east-market" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/1000x563/69113379fe/gong-cha-staff.jpg" alt="Gong cha staff members" class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Gong cha expands to Middle East</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Gong cha signed its largest master franchise agreement, 300 stores across the Middle East region, with restaurant operator Shahia Foods Group.</p></div></div></a><a href="https://www.linkedin.com/feed/update/urn:li:activity:7258148345217519616/" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/800x534/0780148341/gongcha-store-crowd.jpeg" alt="People lined up outside a Gong Cha store on a busy street, waiting to enter. A sign displays promotional offers near the entrance." class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Our first store in Reunion Island</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Island Reunion habitantsâ can now enjoy Gong chaâs freshly brewed whole leaf tea.</p></div></div></a><a href="https://www.linkedin.com/feed/update/urn:li:activity:7252951631992864768/" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/1200x600/dcd4cbb98b/august-2025.jpg" alt="Four friends sit on grass, smiling and enjoying bubble tea with red straws on a sunny day." class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Gong cha selected for the Franchise Times Top 400</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Gong cha has climbed 11 spots to rank #140 on the Franchise Times Top 400 list this year!</p></div></div></a><a href="https://www.linkedin.com/feed/update/urn:li:activity:72522570812551
3570048/" class="group"><div class="flex flex-col gap-5 aspect-square group/item w-[224px] md:w-[238px] lg:w-[352px] transition-all duration-200 h-[400px] md:h-[500px] lg:h-[600px]"><div data-testid="image-container" class="w-full aspect-square relative font-semibold text-gongcha-black rounded-medium overflow-hidden"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/352x367/946f9fb22e/gong-cha-x-peanuts.png" alt="unknown" class="object-cover size-full w-full h-full lg:transition-transform lg:duration-500 lg:group-hover/item:scale-105" style="object-position:center"/></picture><div class="flex rounded-[0.5rem] md:rounded-[0.75rem] px-[.625rem] py-[.125rem] md:px-[.875rem] md:py-[.375rem] items-center gap-1.5 w-fit box-border border-[2px] border-[2px] border-white bg-white absolute top-4 left-4 cursor-pointer bg-gongcha-taro border-gongcha-taro"><span class="block w-1 h-[0.40rem] md:w-[0.4375rem] md:h-[0.6875rem] bg-gongcha-black rounded-[0.0625rem] bg-gongcha-black"></span><span class="font-publicSans text-xs md:text-sm font-semibold text-gongcha-black">News</span></div></div><div class="flex flex-col gap-2"><div class="flex"><h2 class="lg:border-transparent lg:border-b-2 lg:transition-all lg:duration-300 text-desktop-x-small text-gongcha-black text-[1rem]">Gong cha X PEANUTS collaboration in the Americas</h2></div><p class="text-body-small-light max-w-96 text-gongcha-black hidden">Gong cha x PEANUTS partnered to introduce a limited-edition collection of 24oz tumblers.</p></div></div></a></div></div><div class="w-full flex items-center justify-center gap-2 mb-6 lg-mb-0" dir="ltr"><button><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6"><path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"></path></svg></button><div class="hidden md:flex items-center gap-1"><button aria-label="Go to slide 1"><div class="rounded-full border border-gongcha-black size-4 bg-[radial-gradient(#8b8685,#382f2d)]"></div></button><button aria-label="Go to slide 2"><div class="rounded-full border border-gongcha-black size-4"></div></button><button aria-label="Go to slide 3"><div class="rounded-full border border-gongcha-black size-4"></div></button><button aria-label="Go to slide 4"><div class="rounded-full border border-gongcha-black size-4"></div></button><button aria-label="Go to slide 5"><div class="rounded-full border border-gongcha-black size-4"></div></button></div><div class="md:hidden text-sm">1 / 5</div><button><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"></path></svg></button></div></div><!--astro:end--></astro-island></div></section><astro-island uid="ZaYLqD" prefix="r2" component-url="/usa/_astro_usa/modules.BY4FCjju.js" component-export="ImageSpotlight" renderer-url="/usa/_astro_usa/client.CbDStscb.js" props="{"bgColor":[0,"milk-03"],"bgImage":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1500x1001/e4897fe8d8/tea-garden.jpg"],"alt":[0,"Lush green tea plantation with two workers in conical hats, set against a vibrant sunset sky and distant mountains."]}],"centerMedia":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/1500x1059/55e730d374/tea-in-hands.jpg"],"alt":[0,"Hands holding freshly picked green tea leaves above a lush tea plant, with vibrant green foliage in the background."]}],"topText":[0,"Premium tea sourced from Taiwan, Vietnam and Sri Lanka."],"bottomText":[0," Slow grown at over 1000m altitude"],"rotation":[0,"horizontal"],"spacing":[0,{"mobile":[0,{"top":[0,"0px"],"bottom":[0,"64px"]}],"desktop":[0,{"top":[0,"0px"],"bottom":[0,"96px"]}]}]}" ssr="" client="visible" opts="{"name":"modules.ImageSpotlight","value":true}" await-children=""><section id="image-spotlight" class="relative h-[150vh] w-full wrapper-sm mx-auto bg-milk-03 pt-[0px] pb-[64px] lg:pt-[0px] lg:pb-[96px]"><div class="w-full h-[800px] sticky top-[calc((100vh-800px)/2)] bg-no-repeat bg-cover max-w-[1440px] overflow-hidden" style="background-image:url(https://a.storyblok.com/f/287879189776283/1500x1001/e4897fe8d8/tea-garden.jpg);clip-path:inset(10% round 20px)"><h2 class="absolute text-mobile-large md:text-desktop-medium lg:text-desktop-large w-[300px] md:w-[30rem] lg:w-[43rem] text-white text-center z-10 top-[2.8rem] md:top-[6.5rem] lg:top-[5rem] left-1/2 -translate-x-1/2" style="opacity:0;transform:translateX(calc(-50% - 200px))">Premium tea sourced from Taiwan, Vietnam and Sri Lanka.</h2><div class="rounded-[45px] md:rounded-[60px] lg:rounded-[84px] overflow-hidden absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[172px] h-[333px] md:w-[489px] md:h-[258px] lg:w-[695px] lg:h-[366px]" style="transform:translateX(-50%) translateY(-60%)"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/1500x1059/55e730d374/tea-in-hands.jpg" alt="Hands holding freshly picked green tea leaves above a lush tea plant, with vibrant green foliage in the background." class="object-cover size-full" style="object-position:center"/></picture></div><h2 class="absolute text-mobile-large md:text-desktop-medium lg:text-desktop-large w-[300px] md:w-[30rem] lg:w-[43rem] text-white text-center z-10 bottom-[2.8rem] md:bottom-[6.5rem] lg:bottom-[5rem] left-1/2 -translate-x-1/2" style="opacity:0;transform:translateX(calc(-50% + 200px))"> Slow grown at over 1000m altitude</h2></div></section><!--astro:end--></astro-island> </main> <astro-island uid="2vMBl6" prefix="r1" component-url="/usa/_astro_usa/modules.BY4FCjju.js" component-export="Footer" renderer-url="/usa/_astro_usa/client.CbDStscb.js" props="{"backToTopButton":[0,{"backgroundColor":[0,"white"],"arrowColor":[0,"gongcha-red"]}],"textColor":[0,"white"],"backgroundColor":[0,"gongcha-red"],"socials":[0,{"headline":[0,"Follow us on social media"],"iconsContainer":[0,{"variant":[0,"white"],"items":[1,[[0,{"url":[0,"https://www.facebook.com/gongchatea"],"icon":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/150x150/f663cf875c/facebook-icon.svg"],"alt":[0,"Facebook Icon"]}]}],[0,{"url":[0,"https://www.instagram.com/gongchatea/"],"icon":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/150x150/b32ab7d540/instagram-icon.svg"],"alt":[0,"Instagram Icon"]}]}],[0,{"url":[0,"https://www.tiktok.com/@gongchausa"],"icon":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/150x150/7677e38b80/tiktok-icon.svg"],"alt":[0,"TikTok Icon"]}]}]]]}]}],"logo":[0,{"src":[0,"https://a.storyblok.com/f/287879189776283/650x140/aa2c064c43/gong-cha-bubble-tea-logo-footer.png"],"alt":[0,"Gong-cha bubble tea logo footer"]}],"trademarkImage":[0],"navLinks":[1,[[0,{"name":[0,"Press & Media"],"url":[0,"mailto:[email protected]"]}],[0,{"name":[0,"Terms & Conditions"],"url":[0,"/terms-conditions"]}],[0,{"name":[0,"Privacy Policy"],"url":[0,"/privacy-policy"]}]]],"copyrightText":[0,"Copyright 2026 © Gong cha is an international beverage franchise specialising in freshly prepared premium tea and bubble tea. It has opened over 2100 stores in 28 markets."],"spacing":[0,{"mobile":[0,{"top":[0,"0px"],"bottom":[0,"32px"]}],"desktop":[0,{"top":[0,"0px"],"bottom":[0,"32px"]}]}],"dir":[0,"ltr"]}" ssr="" client="load" opts="{"name":"Footer","value":true}" await-children=""><footer class="relative min-h-[700px] -mt-[1.875rem] md:-mt-[2.25rem] lg:mt-[3.125rem] w-full overflow-hidden rounded-t-[1.875rem] md:rounded-t-[2.25rem] lg:rounded-t-[3.125rem] z-30 !mb-0 bg-gongcha-red pt-[0px] pb-[32px] lg:pt-[0px] lg:pb-[32px]"><div class="relative z-10 pointer-events-none px-[5%] pt-20 pb-32 text-white"><div class="mx-auto w-[242px] md:w-[462px] lg:w-[650px]"><picture class="size-full"><img draggable="false" src="https://a.storyblok.com/f/287879189776283/650x140/aa2c064c43/gong-cha-bubble-tea-logo-footer.png" alt="Gong-cha bubble tea logo footer" class="object-cover size-full" style="object-position:center"/></picture></div><div class="mt-16 flex flex-col items-start gap-8 lg:items-start lg:text-left"><div class="flex flex-col"><a class="pointer-events-auto text-desktop-small" href="/cdn-cgi/l/email-protection#e681898881858e87a68e9382958988958788828a8394c885898b">Press & Media</a><a class="pointer-events-auto text-desktop-small" href="/terms-conditions">Terms & Conditions</a><a class="pointer-events-auto text-desktop-small" href="/privacy-policy">Privacy Policy</a></div><div><span class="text-base md:text-xl">Follow us on social media</span><div class="mt-2 flex justify-start pointer-events-auto"><div class="flex items-center justify-center gap-2"><a href="https://www.facebook.com/gongchatea" target="_blank" rel="noreferrer" class="group flex items-center justify-center rounded-full w-10 h-10 p-2.5 bg-white"><img class="group-hover:animate-bounceY transition-all duration-200" src="https://a.storyblok.com/f/287879189776283/150x150/f663cf875c/facebook-icon.svg" alt="Facebook Icon"/></a><a href="https://www.instagram.com/gongchatea/" target="_blank" rel="noreferrer" class="group flex items-center justify-center rounded-full w-10 h-10 p-2.5 bg-white"><img class="group-hover:animate-bounceY transition-all duration-200" src="https://a.storyblok.com/f/287879189776283/150x150/b32ab7d540/instagram-icon.svg" alt="Instagram Icon"/></a><a href="https://www.tiktok.com/@gongchausa" target="_blank" rel="noreferrer" class="group flex items-center justify-center rounded-full w-10 h-10 p-2.5 bg-white"><img class="group-hover:animate-bounceY transition-all duration-200" src="https://a.storyblok.com/f/287879189776283/150x150/7677e38b80/tiktok-icon.svg" alt="TikTok Icon"/></a></div></div></div><span class="max-w-[420px] text-xs">Copyright 2026 © Gong cha is an international beverage franchise specialising in freshly prepared premium tea and bubble tea. It has opened over 2100 stores in 28 markets.</span></div></div><div data-testid="balls-animation-container" class="absolute inset-0 w-full h-full"></div><div class="absolute z-10 bottom-28 lg:bottom-8 right-2 left-auto"><div class="flex justify-end"><div class="rounded-full aspect-square w-[60px] md:w-[94px] flex justify-center items-center cursor-pointer transition-colors duration-300 ease-in-out hover:brightness-90 text-white bg-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-6 md:h-8 text-gongcha-red"><path fill-rule="evenodd" d="M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z" clip-rule="evenodd"></path></svg></div></div></div></footer><!--astro:end--></astro-island>
vendor: 109 bytes, line 35
35 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
35<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/f15a8a4b08deb6944aa83ebe/script.js"></script>
35 </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.