PageSourceSearch

https://gong-cha.com/

html gong-cha.com collected 2026-10-01 10:37:40 UTC 185,430 bytes, 35 lines download raw bytes

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="{&quot;name&quot;:&quot;LenisScroll&quot;,&quot;value&quot;:&quot;react&quot;}" 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="{&quot;navigationalItems&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;About Us&quot;],&quot;url&quot;:[0,&quot;/about-us&quot;]}],[0,{&quot;name&quot;:[0,&quot;Tea&quot;],&quot;url&quot;:[0,&quot;/tea&quot;]}],[0,{&quot;name&quot;:[0,&quot;Products&quot;],&quot;url&quot;:[0,&quot;/our-products&quot;]}],[0,{&quot;name&quot;:[0,&quot;Store Finder&quot;],&quot;url&quot;:[0,&quot;/store-finder&quot;]}]]],&quot;social&quot;:[0,{&quot;headline&quot;:[0,&quot;&quot;],&quot;icons&quot;:[1,[[0,{&quot;url&quot;:[0,&quot;https://www.facebook.com/gongchatea&quot;],&quot;icon&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/150x150/f663cf875c/facebook-icon.svg&quot;],&quot;alt&quot;:[0,&quot;Facebook Icon&quot;]}]}],[0,{&quot;url&quot;:[0,&quot;https://www.instagram.com/gongchatea/&quot;],&quot;icon&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/150x150/b32ab7d540/instagram-icon.svg&quot;],&quot;alt&quot;:[0,&quot;Instagram Icon&quot;]}]}],[0,{&quot;url&quot;:[0,&quot;https://www.tiktok.com/@gongchausa&quot;],&quot;icon&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/150x150/7677e38b80/tiktok-icon.svg&quot;],&quot;alt&quot;:[0,&quot;TikTok Icon&quot;]}]}]]]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;Franchise Opportunities&quot;],&quot;url&quot;:[0,&quot;/franchise&quot;]}],&quot;textColor&quot;:[0,&quot;white&quot;],&quot;backgroundColor&quot;:[0,&quot;gongcha-red&quot;],&quot;logo&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/650x140/aa2c064c43/gong-cha-bubble-tea-logo-footer.png&quot;],&quot;alt&quot;:[0,&quot;Gong-cha bubble tea logo footer&quot;]}],&quot;currentPath&quot;:[0,&quot;/&quot;],&quot;mobileHamburgerBackgroundColor&quot;:[0,&quot;gongcha-red&quot;],&quot;pageAvailableLangs&quot;:[1,[[0,&quot;en&quot;]]],&quot;astroParams&quot;:[0,{&quot;collection&quot;:[0,&quot;global&quot;],&quot;lang&quot;:[0,&quot;en&quot;],&quot;path&quot;:[0,&quot;&quot;]}],&quot;data-astro-transition-scope&quot;:[0,&quot;astro-cyn5a256-1&quot;]}" ssr="" client="load" opts="{&quot;name&quot;:&quot;Header&quot;,&quot;value&quot;: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="{&quot;title&quot;:[0,&quot;How Tea is Meant to Be&quot;],&quot;description&quot;:[0,&quot;Freshly brewed, whole leaf tea crafted by our  tea experts for a rich, smooth flavour.    Experience the taste of real tea, done right.&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1800x800/5df0ec9e35/hero-bubble-tea.jpeg&quot;],&quot;alt&quot;:[0,&quot;Bubble Tea Hero&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;Discover Our Tea&quot;],&quot;url&quot;:[0,&quot;/tea&quot;]}],&quot;ctas&quot;:[1,[[0,{&quot;label&quot;:[0,&quot;Discover Our Tea&quot;],&quot;url&quot;:[0,&quot;/tea&quot;]}]]],&quot;backgroundColor&quot;:[0,&quot;white&quot;],&quot;accentColor&quot;:[0,&quot;white&quot;],&quot;circleColor&quot;:[0,&quot;gongcha-red&quot;],&quot;dividerColor&quot;:[0,&quot;milk-03&quot;],&quot;badge&quot;:[0,&quot;&quot;],&quot;titleSize&quot;:[0,&quot;&quot;],&quot;desktopAlignment&quot;:[0,&quot;center&quot;],&quot;mobileAlignment&quot;:[0,&quot;top&quot;],&quot;dialogType&quot;:[0,&quot;franchise&quot;],&quot;formContent&quot;:[0,{&quot;endpoint&quot;:[0,&quot;&quot;],&quot;title&quot;:[0,&quot;&quot;],&quot;terms&quot;:[0,&quot;Unable to find form content&quot;],&quot;automated&quot;:[0,&quot;&quot;],&quot;unsubscribe&quot;:[0,&quot;&quot;],&quot;communications&quot;:[0,false],&quot;automatedOption&quot;:[0,false],&quot;inputs&quot;:[1,[]]}],&quot;spacerBgColorOverride&quot;:[0,&quot;white&quot;],&quot;mobileImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/375x723/394137694d/bubble-tea-hero-mobile.png&quot;],&quot;alt&quot;:[0,&quot;Bubble Tea hero mobile&quot;]}],&quot;spacing&quot;:[0,{&quot;mobile&quot;:[0,{&quot;top&quot;:[0,&quot;0px&quot;],&quot;bottom&quot;:[0,&quot;0px&quot;]}],&quot;desktop&quot;:[0,{&quot;top&quot;:[0,&quot;0px&quot;],&quot;bottom&quot;:[0,&quot;0px&quot;]}]}]}" ssr="" client="load" opts="{&quot;name&quot;:&quot;modules.Hero&quot;,&quot;value&quot;: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="{&quot;cards&quot;:[1,[[0,{&quot;id&quot;:[0,&quot;2b4270db-1460-4116-b631-800eaaa5848d&quot;],&quot;backgroundGradient&quot;:[0,&quot;fresh-milk-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;MILK TEA&quot;],&quot;activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours.&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/8-pearl-milk-tea-black&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/12a247b040/08-pearl-milk-tea-black.png&quot;],&quot;alt&quot;:[0,&quot;Milk pearl black tea&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/760x865/da42677d01/tea-leaf-transparent-background-export-gong-cha-6.png&quot;],&quot;alt&quot;:[0,&quot;A small branch with fresh, vibrant green leaves against a plain white background.&quot;]}],&quot;title&quot;:[0,&quot;Black Milk Tea with Pearl&quot;],&quot;backsideTitle&quot;:[0,&quot;Rich and creamy blend&quot;],&quot;backsideDescription&quot;:[0,&quot;Black tea blended for a smooth and comforting milk tea experience with chewy pearls.&quot;]}],[0,{&quot;id&quot;:[0,&quot;debb9367-7472-4f4a-85fb-81f5fcb280df&quot;],&quot;backgroundGradient&quot;:[0,&quot;wintermelon-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;FRUIT TEA&quot;],&quot;activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/17-qq-passionfruit-green-tea&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/22a167c9b2/17-qq-passionfruit-green-tea.png&quot;],&quot;alt&quot;:[0,&quot;QQ Passionfruit Green Tea&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/760x707/182c0c0a9e/passion-fruit.webp&quot;],&quot;alt&quot;:[0,&quot;Passionfruit&quot;]}],&quot;title&quot;:[0,&quot;QQ Passionfruit Green Tea&quot;],&quot;backsideTitle&quot;:[0,&quot;Fruit Tea Series&quot;],&quot;backsideDescription&quot;:[0,&quot;Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.&quot;]}],[0,{&quot;id&quot;:[0,&quot;7d19c359-f76a-44a7-8fb8-df51c508e697&quot;],&quot;backgroundGradient&quot;:[0,&quot;thai-iced-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;CREATIONS&quot;],&quot;
35activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours.&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/20-brown-sugar-milk-with-pearls&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/0d2d87122c/20-brown-sugar-black-milk-tea-with-pearl.png&quot;],&quot;alt&quot;:[0,&quot;Brown Sugar Milk Tea with Pearl&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/500x287/137381a6b1/brown-sugar.png&quot;],&quot;alt&quot;:[0,&quot;Brown Sugar&quot;]}],&quot;title&quot;:[0,&quot;Brown Sugar Milk with Pearls&quot;],&quot;backsideTitle&quot;:[0,&quot;Brown Sugar Richness&quot;],&quot;backsideDescription&quot;:[0,&quot;Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.&quot;]}],[0,{&quot;id&quot;:[0,&quot;6f4357c2-7434-4633-886c-f0786b5208e2&quot;],&quot;backgroundGradient&quot;:[0,&quot;thai-iced-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;CREATIONS&quot;],&quot;activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours.&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/35-taro-milk-tea-with-pearl&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/c3f2768398/35-taro-milk-with-pearls.png&quot;],&quot;alt&quot;:[0,&quot;Taro Milk with Pearls&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/760x865/4284399489/taro.png&quot;],&quot;alt&quot;:[0,&quot;unknown&quot;]}],&quot;title&quot;:[0,&quot;Taro Milk Tea with Pearls&quot;],&quot;backsideTitle&quot;:[0,&quot;Taro Milk Tea with Pearls&quot;],&quot;backsideDescription&quot;:[0,&quot;Creamy and smooth taro plant milk tea with tapioca pearls.&quot;]}],[0,{&quot;id&quot;:[0,&quot;92bb7515-6a0e-4951-ba56-795a76e199d2&quot;],&quot;backgroundGradient&quot;:[0,&quot;wintermelon-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;FRUIT TEA&quot;],&quot;activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/16-matcha-strawberry-milk-tea&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/1e27092cab/16-matcha-strawberry-milk-tea.png&quot;],&quot;alt&quot;:[0,&quot;Matcha Strawberry Milk Tea&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1024x1024/3dd95ea2e5/strawberry.png&quot;],&quot;alt&quot;:[0,&quot;unknown&quot;]}],&quot;title&quot;:[0,&quot;Matcha Strawberry Milk Tea&quot;],&quot;backsideTitle&quot;:[0,&quot;Fruity and Creamy&quot;],&quot;backsideDescription&quot;:[0,&quot;Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.&quot;]}]]]}" ssr="" client="load" opts="{&quot;name&quot;:&quot;modules.ProductCarouselMobile&quot;,&quot;value&quot;:true}" await-children=""><div class="flex lg:hidden w-full"><div class="w-full flex flex-col gap-4 [&amp;
35_.slick-list]:h-auto [&amp;_.slick-track]:h-auto [&amp;_.slick-slide&gt;div]:flex [&amp;_.slick-slide&gt;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="{&quot;cards&quot;:[1,[[0,{&quot;id&quot;:[0,&quot;2b4270db-1460-4116-b631-800eaaa5848d&quot;],&quot;backgroundGradient&quot;:[0,&quot;fresh-milk-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;MILK TEA&quot;],&quot;activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours.&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/8-pearl-milk-tea-black&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/12a247b040/08-pearl-milk-tea-black.png&quot;],&quot;alt&quot;:[0,&quot;Milk pearl black tea&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/760x865/da42677d01/tea-leaf-transparent-background-export-gong-cha-6.png&quot;],&quot;alt&quot;:[0,&quot;A small branch with fresh, vibrant green leaves against a plain white background.&quot;]}],&quot;title&quot;:[0,&quot;Black Milk Tea with Pearl&quot;],&quot;backsideTitle&quot;:[0,&quot;Rich and creamy blend&quot;],&quot;backsideDescription&quot;:[0,&quot;Black tea blended for a smooth and comforting milk tea experience with chewy pearls.&quot;]}],[0,{&quot;id&quot;:[0,&quot;debb9367-7472-4f4a-85fb-81f5fcb280df&quot;],&quot;backgroundGradient&quot;:[0,&quot;wintermelon-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;FRUIT TEA&quot;],&quot;
35activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/17-qq-passionfruit-green-tea&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/22a167c9b2/17-qq-passionfruit-green-tea.png&quot;],&quot;alt&quot;:[0,&quot;QQ Passionfruit Green Tea&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/760x707/182c0c0a9e/passion-fruit.webp&quot;],&quot;alt&quot;:[0,&quot;Passionfruit&quot;]}],&quot;title&quot;:[0,&quot;QQ Passionfruit Green Tea&quot;],&quot;backsideTitle&quot;:[0,&quot;Fruit Tea Series&quot;],&quot;backsideDescription&quot;:[0,&quot;Green tea infused with refreshing passionfruit flavour, paired with chewy pearls and coconut jelly.&quot;]}],[0,{&quot;id&quot;:[0,&quot;7d19c359-f76a-44a7-8fb8-df51c508e697&quot;],&quot;backgroundGradient&quot;:[0,&quot;thai-iced-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;CREATIONS&quot;],&quot;activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours.&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/20-brown-sugar-milk-with-pearls&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/0d2d87122c/20-brown-sugar-black-milk-tea-with-pearl.png&quot;],&quot;alt&quot;:[0,&quot;Brown Sugar Milk Tea with Pearl&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/500x287/137381a6b1/brown-sugar.png&quot;],&quot;alt&quot;:[0,&quot;Brown Sugar&quot;]}],&quot;title&quot;:[0,&quot;Brown Sugar Milk with Pearls&quot;],&quot;backsideTitle&quot;:[0,&quot;Brown Sugar Richness&quot;],&quot;backsideDescription&quot;:[0,&quot;Smooth and sweet milk paired with the rich flavour of brown sugar and chewy pearls. Caffeine-free.&quot;]}],[0,{&quot;id&quot;:[0,&quot;6f4357c2-7434-4633-886c-f0786b5208e2&quot;],&quot;backgroundGradient&quot;:[0,&quot;thai-iced-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;CREATIONS&quot;],&quot;activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours.&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/35-taro-milk-tea-with-pearl&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/c3f2768398/35-taro-milk-with-pearls.png&quot;],&quot;alt&quot;:[0,&quot;Taro Milk with Pearls&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/760x865/4284399489/taro.png&quot;],&quot;alt&quot;:[0,&quot;unknown&quot;]}],&quot;title&quot;:[0,&quot;
35Taro Milk Tea with Pearls&quot;],&quot;backsideTitle&quot;:[0,&quot;Taro Milk Tea with Pearls&quot;],&quot;backsideDescription&quot;:[0,&quot;Creamy and smooth taro plant milk tea with tapioca pearls.&quot;]}],[0,{&quot;id&quot;:[0,&quot;92bb7515-6a0e-4951-ba56-795a76e199d2&quot;],&quot;backgroundGradient&quot;:[0,&quot;wintermelon-tea-gradient&quot;],&quot;category&quot;:[0,{&quot;name&quot;:[0,&quot;FRUIT TEA&quot;],&quot;activeBackgroundColor&quot;:[0,&quot;gongcha-taro&quot;],&quot;activeTextColor&quot;:[0,&quot;gongcha-black&quot;],&quot;activeShape&quot;:[0,&quot;cloud_one&quot;],&quot;bannerImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x667/09cd9b1faf/cups-in-the-air.jpg&quot;],&quot;alt&quot;:[0,&quot;Three hands holding bubble tea cups with red straws against a clear blue sky.&quot;]}],&quot;bannerHeadline&quot;:[0,&quot;Make it yours&quot;],&quot;bannerSubheadline&quot;:[0,&quot;&quot;],&quot;bannerTextsColor&quot;:[0,&quot;white&quot;]}],&quot;cta&quot;:[0,{&quot;label&quot;:[0,&quot;More Info&quot;],&quot;url&quot;:[0,&quot;/global/en/16-matcha-strawberry-milk-tea&quot;]}],&quot;description&quot;:[0,&quot;&quot;],&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/420x784/1e27092cab/16-matcha-strawberry-milk-tea.png&quot;],&quot;alt&quot;:[0,&quot;Matcha Strawberry Milk Tea&quot;]}],&quot;hoverImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1024x1024/3dd95ea2e5/strawberry.png&quot;],&quot;alt&quot;:[0,&quot;unknown&quot;]}],&quot;title&quot;:[0,&quot;Matcha Strawberry Milk Tea&quot;],&quot;backsideTitle&quot;:[0,&quot;Fruity and Creamy&quot;],&quot;backsideDescription&quot;:[0,&quot;Matcha tea blended with sweet, fruity strawberry for a delicious, creamy, and refreshing drink.&quot;]}]]]}" ssr="" client="load" opts="{&quot;name&quot;:&quot;modules.ProductCarouselDesktop&quot;,&quot;value&quot;: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="{&quot;carouselItems&quot;:[1,[[0,{&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/800x999/df609483c3/tea-riple-tea-hreat.jpg&quot;],&quot;alt&quot;:[0,&quot;Gong Cha promotion poster featuring three bubble tea drinks on a pink gradient background with the text \&quot;Triple Treats\&quot; and \&quot;3 Drinks, 3 Days, £3\&quot;.&quot;]}],&quot;title&quot;:[0,&quot;Gong cha’s Tea-riple Tea-hreat!&quot;],&quot;titleColor&quot;:[0,&quot;gongcha-red&quot;],&quot;body&quot;:[0,&quot;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.&quot;],&quot;bodyColor&quot;:[0,&quot;gongcha-black&quot;],&quot;linkURL&quot;:[0,&quot;/&quot;],&quot;badge&quot;:[0,{&quot;text&quot;:[0,&quot;New Product&quot;],&quot;textColor&quot;:[0,&quot;gongcha-red&quot;],&quot;color&quot;:[0,&quot;white&quot;],&quot;style&quot;:[0,&quot;solid&quot;],&quot;linkURL&quot;:[0,&quot;/&quot;]}]}],[0,{&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1000x563/69113379fe/gong-cha-staff.jpg&quot;],&quot;alt&quot;:[0,&quot;Gong cha staff members&quot;]}],&quot;title&quot;:[0,&quot;Gong cha expands to Middle East&quot;],&quot;titleColor&quot;:[0,&quot;gongcha-black&quot;],&quot;body&quot;:[0,&quot;Gong cha signed its largest master franchise agreement, 300 stores across the Middle East region, with restaurant operator Shahia Foods Group.&quot;],&quot;bodyColor&quot;:[0,&quot;gongcha-black&quot;],&quot;linkURL&quot;:[0,&quot;https://qsrmedia.asia/executive-insights/exclusive/gong-cha-counts-decadent-drinks-capture-mid
35dle-east-market&quot;],&quot;badge&quot;:[0,{&quot;text&quot;:[0,&quot;News&quot;],&quot;textColor&quot;:[0,&quot;gongcha-black&quot;],&quot;color&quot;:[0,&quot;white&quot;],&quot;style&quot;:[0,&quot;solid&quot;],&quot;linkURL&quot;:[0,&quot;/&quot;]}]}],[0,{&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/800x534/0780148341/gongcha-store-crowd.jpeg&quot;],&quot;alt&quot;:[0,&quot;People lined up outside a Gong Cha store on a busy street, waiting to enter. A sign displays promotional offers near the entrance.&quot;]}],&quot;title&quot;:[0,&quot;Our first store in Reunion Island&quot;],&quot;titleColor&quot;:[0,&quot;gongcha-black&quot;],&quot;body&quot;:[0,&quot;Island Reunion habitants’ can now enjoy Gong cha’s freshly brewed whole leaf tea.&quot;],&quot;bodyColor&quot;:[0,&quot;gongcha-black&quot;],&quot;linkURL&quot;:[0,&quot;https://www.linkedin.com/feed/update/urn:li:activity:7258148345217519616/&quot;],&quot;badge&quot;:[0,{&quot;text&quot;:[0,&quot;News&quot;],&quot;textColor&quot;:[0,&quot;gongcha-black&quot;],&quot;color&quot;:[0,&quot;white&quot;],&quot;style&quot;:[0,&quot;solid&quot;],&quot;linkURL&quot;:[0,&quot;/&quot;]}]}],[0,{&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1200x600/dcd4cbb98b/august-2025.jpg&quot;],&quot;alt&quot;:[0,&quot;Four friends sit on grass, smiling and enjoying bubble tea with red straws on a sunny day.&quot;]}],&quot;title&quot;:[0,&quot;Gong cha selected for the Franchise Times Top 400&quot;],&quot;titleColor&quot;:[0,&quot;gongcha-black&quot;],&quot;body&quot;:[0,&quot;Gong cha has climbed 11 spots to rank #140 on the Franchise Times Top 400 list this year!&quot;],&quot;bodyColor&quot;:[0,&quot;gongcha-black&quot;],&quot;linkURL&quot;:[0,&quot;https://www.linkedin.com/feed/update/urn:li:activity:7252951631992864768/&quot;],&quot;badge&quot;:[0,{&quot;text&quot;:[0,&quot;News&quot;],&quot;textColor&quot;:[0,&quot;gongcha-black&quot;],&quot;color&quot;:[0,&quot;white&quot;],&quot;style&quot;:[0,&quot;solid&quot;],&quot;linkURL&quot;:[0,&quot;/&quot;]}]}],[0,{&quot;image&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/352x367/946f9fb22e/gong-cha-x-peanuts.png&quot;],&quot;alt&quot;:[0,&quot;unknown&quot;]}],&quot;title&quot;:[0,&quot;Gong cha X PEANUTS collaboration in the Americas&quot;],&quot;titleColor&quot;:[0,&quot;gongcha-black&quot;],&quot;body&quot;:[0,&quot;Gong cha x PEANUTS partnered to introduce a limited-edition collection of 24oz tumblers.&quot;],&quot;bodyColor&quot;:[0,&quot;gongcha-black&quot;],&quot;linkURL&quot;:[0,&quot;https://www.linkedin.com/feed/update/urn:li:activity:7252257081255170048/&quot;],&quot;badge&quot;:[0,{&quot;text&quot;:[0,&quot;News&quot;],&quot;textColor&quot;:[0,&quot;gongcha-black&quot;],&quot;color&quot;:[0,&quot;white&quot;],&quot;style&quot;:[0,&quot;solid&quot;],&quot;linkURL&quot;:[0,&quot;/&quot;]}]}]]],&quot;dir&quot;:[0,&quot;ltr&quot;]}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;modules.ContentCarouselSlider&quot;,&quot;value&quot;: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 &quot;Triple Treats&quot; and &quot;3 Drinks, 3 Days, £3&quot;." 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 &quot;Triple Treats&quot; and &quot;3 Drinks, 3 Days, £3&quot;." 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 &quot;Triple Treats&quot; and &quot;3 Drinks, 3 Days, £3&quot;." 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="{&quot;bgColor&quot;:[0,&quot;milk-03&quot;],&quot;bgImage&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1500x1001/e4897fe8d8/tea-garden.jpg&quot;],&quot;alt&quot;:[0,&quot;Lush green tea plantation with two workers in conical hats, set against a vibrant sunset sky and distant mountains.&quot;]}],&quot;centerMedia&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/1500x1059/55e730d374/tea-in-hands.jpg&quot;],&quot;alt&quot;:[0,&quot;Hands holding freshly picked green tea leaves above a lush tea plant, with vibrant green foliage in the background.&quot;]}],&quot;topText&quot;:[0,&quot;Premium tea sourced from Taiwan, Vietnam and Sri Lanka.&quot;],&quot;bottomText&quot;:[0,&quot; Slow grown at over 1000m altitude&quot;],&quot;rotation&quot;:[0,&quot;horizontal&quot;],&quot;spacing&quot;:[0,{&quot;mobile&quot;:[0,{&quot;top&quot;:[0,&quot;0px&quot;],&quot;bottom&quot;:[0,&quot;64px&quot;]}],&quot;desktop&quot;:[0,{&quot;top&quot;:[0,&quot;0px&quot;],&quot;bottom&quot;:[0,&quot;96px&quot;]}]}]}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;modules.ImageSpotlight&quot;,&quot;value&quot;: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="{&quot;backToTopButton&quot;:[0,{&quot;backgroundColor&quot;:[0,&quot;white&quot;],&quot;arrowColor&quot;:[0,&quot;gongcha-red&quot;]}],&quot;textColor&quot;:[0,&quot;white&quot;],&quot;backgroundColor&quot;:[0,&quot;gongcha-red&quot;],&quot;socials&quot;:[0,{&quot;headline&quot;:[0,&quot;Follow us on social media&quot;],&quot;iconsContainer&quot;:[0,{&quot;variant&quot;:[0,&quot;white&quot;],&quot;items&quot;:[1,[[0,{&quot;url&quot;:[0,&quot;https://www.facebook.com/gongchatea&quot;],&quot;icon&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/150x150/f663cf875c/facebook-icon.svg&quot;],&quot;alt&quot;:[0,&quot;Facebook Icon&quot;]}]}],[0,{&quot;url&quot;:[0,&quot;https://www.instagram.com/gongchatea/&quot;],&quot;icon&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/150x150/b32ab7d540/instagram-icon.svg&quot;],&quot;alt&quot;:[0,&quot;Instagram Icon&quot;]}]}],[0,{&quot;url&quot;:[0,&quot;https://www.tiktok.com/@gongchausa&quot;],&quot;icon&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/150x150/7677e38b80/tiktok-icon.svg&quot;],&quot;alt&quot;:[0,&quot;TikTok Icon&quot;]}]}]]]}]}],&quot;logo&quot;:[0,{&quot;src&quot;:[0,&quot;https://a.storyblok.com/f/287879189776283/650x140/aa2c064c43/gong-cha-bubble-tea-logo-footer.png&quot;],&quot;alt&quot;:[0,&quot;Gong-cha bubble tea logo footer&quot;]}],&quot;trademarkImage&quot;:[0],&quot;navLinks&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Press &amp; Media&quot;],&quot;url&quot;:[0,&quot;mailto:[email protected]&quot;]}],[0,{&quot;name&quot;:[0,&quot;Terms &amp; Conditions&quot;],&quot;url&quot;:[0,&quot;/terms-conditions&quot;]}],[0,{&quot;name&quot;:[0,&quot;Privacy Policy&quot;],&quot;url&quot;:[0,&quot;/privacy-policy&quot;]}]]],&quot;copyrightText&quot;:[0,&quot;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.&quot;],&quot;spacing&quot;:[0,{&quot;mobile&quot;:[0,{&quot;top&quot;:[0,&quot;0px&quot;],&quot;bottom&quot;:[0,&quot;32px&quot;]}],&quot;desktop&quot;:[0,{&quot;top&quot;:[0,&quot;0px&quot;],&quot;bottom&quot;:[0,&quot;32px&quot;]}]}],&quot;dir&quot;:[0,&quot;ltr&quot;]}" ssr="" client="load" opts="{&quot;name&quot;:&quot;Footer&quot;,&quot;value&quot;: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 &amp; Media</a><a class="pointer-events-auto text-desktop-small" href="/terms-conditions">Terms &amp; 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.