Chez Alice Store

<!DOCTYPE html> <html lang="en" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="csrf-token" content="Z4iBMvphQM3TAGhOFb9TV2oMRoS9pqVQZXZFuaJ3" /> <title>Chez Alice Store</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Chez Alice offers a delightful selection of handcrafted pastries, croissants and macarons all made with the finest ingredients and a passion for quality. With our bakery delivery in Princeton, you can enjoy fresh, delicious baked goods delivered right to your doorstep. Whether you're planning a special event or simply craving a treat, we provide everything from elegant tarts and croissants to luxurious cakes. Combining tradition with modern flavours, we bring the taste of perfection to you. Order today and let our sweet creations brighten your day with every bite!" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Chez Alice Store" /> <meta property="og:description" content="Chez Alice offers a delightful selection of handcrafted pastries, croissants and macarons all made with the finest ingredients and a passion for quality. With our bakery delivery in Princeton, you can enjoy fresh, delicious baked goods delivered right to your doorstep. Whether you're planning a special event or simply craving a treat, we provide everything from elegant tarts and croissants to luxurious cakes. Combining tradition with modern flavours, we bring the taste of perfection to you. Order today and let our sweet creations brighten your day with every bite!" /> <meta property="og:image" content="https://orders.chezalicecafe.com/upload/logo.png" /> <meta property="og:url" content="https://orders.chezalicecafe.com" /> <meta name="main-url" content="https://www.chezalicecafe.com/" /> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T5W9XDDZ');</script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@300" rel="stylesheet" /> <link rel="icon" href="https://orders.chezalicecafe.com/favicon.ico"> <link rel="preload" as="style" href="https://orders.chezalicecafe.com/build/assets/app-3kEo7r7I.css" /><link rel="modulepreload" href="https://orders.chezalicecafe.com/build/assets/app-COlPZvWO.js" /><link rel="stylesheet" href="https://orders.chezalicecafe.com/build/assets/app-3kEo7r7I.css" /><script type="module" src="https://orders.chezalicecafe.com/build/assets/app-COlPZvWO.js"></script> </head> <body> <div id="app"> <header class="header"> <div class="header-upper"> <div class="header-upper-cont"> <div class="header-upper-cont-col"> <p class="header-upper-callout"> The Taste of France Delivered to Your Door </p> </div> <div class="header-upper-cont-col"> <a class="header-upper-btn" href="/about">About Us</a> <button class="header-upper-btn" data-click="front:showModal" data-target=".popup-login">My Account</button> <a href="/cart" class="group header-upper-btn _bg-dashed"> <span class="material-symbols-outlined">shopping_cart</span> Cart <span class="cart-num"></span> <div id="cart-preview" class="hidden lg:flex opacity-0 max-h-0 group-hover:opacity-100 group-hover:max-h-screen overflow-hidden absolute right-0"> <div class="w-96 h-full bg-ca-white z-10 flex flex-col justify-between border border-solid border-ca-secondary/50"> <div class="free-shipping-tracker flex flex-col px-5 py-4 border-y border-solid border-ca-secondary/50 bg-ca-peach border-none"> <p class="text-md md:text-lg font-display text-center text-ca-black text-md" id="until-free-shipping-amount"> </p> <div class="flex items-center gap-4 mt-1 "> <span class="font-bold text-ca-black">$0</span> <div class="flex flex-1 h-2 bg-ca-white rounded-sm overflow-hidden "> <span class="bg-ca-black bg-ca-primary" id="shipping-progress-bar" style="width: 0%;"></span> </div> <span class="font-bold text-ca-black" id="free-shipping-goal">$123</span> </div> </div> <div class="flex justify-between p-5 border-y border-solid border-ca-secondary/50"> <h3 id="cart-preview-items-num" class="text-lg font-display"></h3> <h3 id="cart-preview-total-sum" class="text-lg font-display"></h3> </div> <div id="cart-preview-items" class="flex flex-col flex-1 py-0 bg-ca-secondary/15 scroll-thin px-5 gap-4 max-h-96 overflow-auto"> </div> </div> </div> </a> </div> </div> </div> <div class="header-main"> <div class="header-main-cont"> <div class="header-main-cont-col"> <div class="header-main-link "> <a class="" href="/menu/1"> Edible <span class="hidden"> Coming Soon </span> </a> <div class="header-main-subhead"> <div class="header-main-subhead-cont"> <div class="header-main-subhead-cont-col"> <h2 class="heading _4">Edible</h2> <div class="header-main-subhead-links"> <a class="header-main-subhead-link" href="/category/4"> Ready-To-Bake Croissants </a> <a class="header-main-subhead-link" href="/category/8"> Macarons </a> <a class="header-main-subhead-link" href="/category/11"> Sweet Breads </a> </div> </div> <div class="header-main-subhead-cont-col _bestsellers"> <h2 class="heading _4">Bestsellers</h2> <div class="header-main-subhead-carousel carousel"> <button class="carousel-arrow _left _disabled"></button> <div class="carousel-row"> <div data-item-id="1105039" class="item _sm"> <a href="/product/1105039" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/ajsQjZLgOqwJ9VOsKFr6Sh4HLUKzaAoCicGl6hb3.webp" /> </a> <a href="/product/1105039" class="heading">Honey Cake Loaf</a> </div> <div data-item-id="1102021" class="item _sm"> <a href="/product/1102021" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102021/1102021_01.webp" /> </a> <a href="/product/1102021" class="heading">Onion Anchovy pack of 6</a> </div> <div data-item-id="1102017" class="item _sm"> <a href="/product/1102017" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102017/1102017_01.webp" /> </a> <a href="/product/1102017" class="heading">Chocolate pack of 6</a> </div> <div data-item-id="1102020" class="item _sm"> <a href="/product/1102020" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102020_01.webp" /> </a> <a href="/product/1102020" class="heading">Mushroom Mascarpone pack of 6</a> </div> <div data-item-id="1606016" class="item _sm"> <a href="/product/1606016" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1NLqmh8rJtHa3AjpHvfgigLaItTg80x9Ec1qVGPZ.webp" /> </a> <a href="/product/1606016" class="heading">Assorted Macarons, pack of 12</a> </div> <div data-item-id="1102022" class="item _sm"> <a href="/product/1102022" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102022_01.webp" /> </a> <a href="/product/1102022" class="heading">Pain au Cranberry pack of 6</a> </div> <div data-item-id="1102019" class="item _sm"> <a href="/product/1102019" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102019/1102019_01.webp" /> </a> <a href="/product/1102019" class="heading">Smoked Salmon pack of 6</a> </div> <div data-item-id="1105041" class="item _sm"> <a href="/product/1105041" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/DJroVZZlHVpAcaw9ameQFq7b66M7LahIm9eVz45x.webp" /> </a> <a href="/product/1105041" class="heading">Pumpkin Bread Loaf</a> </div> <div data-item-id="1606015" class="item _sm"> <a href="/product/1606015" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/iqfPLKxrqAOWdg1EaUFFMXVNLOqC1MXNDerN6qyQ.webp" /> </a> <a href="/product/1606015" class="heading">Assorted Macarons, pack of 6</a> </div> <div data-item-id="1106007" class="item _sm"> <a href="/product/1106007" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/Kb7Zg6f6o164DR1ApQZaEsw6SJExuH4zpN0OwZVF.webp" /> </a> <a href="/product/1106007" class="heading">Truffled Cheddar and Chive Scones 6 Pack</a> </div> </div> <button class="carousel-arrow _right"></button> </div> </div> </div> </div> </div> <div class="header-main-link "> <a class="" href="/menu/2"> Drinkable <span class="hidden"> Coming Soon </span> </a> <div class="header-main-subhead"> <div class="header-main-subhead-cont"> <div class="header-main-subhead-cont-col"> <h2 class="heading _4">Drinkable</h2> <div class="header-main-subhead-links"> <a class="header-main-subhead-link" href="/category/1"> Loose Leaf Teas </a> <a class="header-main-subhead-link" href="/category/2"> Hot Chocolate </a> </div> </div> <div class="header-main-subhead-cont-col _bestsellers"> <h2 class="heading _4">Bestsellers</h2> <div class="header-main-subhead-carousel carousel"> <button class="carousel-arrow _left _disabled"></button> <div class="carousel-row"> <div data-item-id="1005020" class="item _sm"> <a href="/product/1005020" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/mOPRUBnmpTE7Or2eOoBSNgseHKvOv96jAprP6m16.webp" /> </a> <a href="/product/1005020" class="heading">French Garden Herbal</a> </div> <div data-item-id="1005018" class="item _sm"> <a href="/product/1005018" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/6VyhLWV41zMOudBXlU9C8j1sTf6ryMdBZxthTVKj.webp" /> </a> <a href="/product/1005018" class="heading">Citrus Symphony Black</a> </div> <div data-item-id="1005017" class="item _sm"> <a href="/product/1005017" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/ri16kZAniFf5AZowQgDu6jOTi3zLg5p547KwtkTi.webp" /> </a> <a href="/product/1005017" class="heading">French Blue Earl Grey</a> </div> <div data-item-id="1005019" class="item _sm"> <a href="/product/1005019" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/yXMRFU0iRk9bSjlrPtQxrJkPEFVF8azubGoNG675.webp" /> </a> <a href="/product/1005019" class="heading">Madmoiselle Rose Green</a> </div> <div data-item-id="1007005" class="item _sm"> <a href="/product/1007005" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/BVBfmEQt2Ext5mhi6YIJVyf4EOeLZRBoXPQlhAbD.webp" /> </a> <a href="/product/1007005" class="heading">Classic French Hot Chocolate</a> </div> <div data-item-id="1005016" class="item _sm"> <a href="/product/1005016" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/jLAoSDSd0weB0zmRqz7Ns3Zakk9CHqb9Ui9vrwJE.webp" /> </a> <a href="/product/1005016" class="heading">City of Lights Black</a> </div> </div> <button class="carousel-arrow _right"></button> </div> </div> </div> </div> </div> </div> <div class="header-main-cont-col"> <div class="header-main-link "> <a class="" href="/menu/3"> Collectible <span class="hidden"> Coming Soon </span> </a> <div class="header-main-subhead"> <div class="header-main-subhead-cont"> <div class="header-main-subhead-cont-col"> <h2 class="heading _4">Collectible</h2> <div class="header-main-subhead-links"> <a class="header-main-subhead-link" href="/category/3"> Stationary </a> <a class="header-main-subhead-link" href="/category/5"> Tea sets </a> <a class="header-main-subhead-link" href="/category/6"> Mug and Tray Sets </a> <a class="header-main-subhead-link" href="/category/7"> Cake Service Sets </a> <a class="header-main-subhead-link" href="/category/9"> Candle Sets </a> <a class="header-main-subhead-link" href="/category/15"> Accessories </a> </div> </div> <div class="header-main-subhead-cont-col _bestsellers"> <h2 class="heading _4">Bestsellers</h2> <div class="header-main-subhead-carousel carousel"> <button class="carousel-arrow _left _disabled"></button> <div class="carousel-row"> <div data-item-id="1905001" class="item _sm"> <a href="/product/1905001" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/EEnwY0VCuZZigbkPRlwY2HfsPRGGhoL1oqGWUJ2F.webp" /> </a> <a href="/product/1905001" class="heading">Patisserie Notepad</a> </div> <div data-item-id="1909012" class="item _sm"> <a href="/product/1909012" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909012_07172024_0033_edited.webp" /> </a> <a href="/product/1909012" class="heading">Cake Server, Knife, Forks, and Spoons</a> </div> <div data-item-id="1909004" class="item _sm"> <a href="/product/1909004" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909004_07102024_0005_edited.webp" /> </a> <a href="/product/1909004" class="heading">Eiffel Tower Tea Set</a> </div> <div data-item-id="1909002" class="item _sm"> <a href="/product/1909002" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909002_07102024_0010_edited.webp" /> </a> <a href="/product/1909002" class="heading">Butterfly tea set</a> </div> <div data-item-id="1909009" class="item _sm"> <a href="/product/1909009" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909009_07172024_0007_edited.webp" /> </a> <a href="/product/1909009" class="heading">Cake Server</a> </div> <div data-item-id="1909017" class="item _sm"> <a href="/product/1909017" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/812jUJzfaieLqEJASgLBSvr4VISvYLdWx0m3h5EX.webp" /> </a> <a href="/product/1909017" class="heading">Glass Mug</a> </div> <div data-item-id="1909005" class="item _sm"> <a href="/product/1909005" class="item-img-wrap "> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909005_02.webp" /> </a> <a href="/product/1909005" class="heading">Pink Purse Mug and Tray Set</a> </div> <div data-item-id="1905002" class="item _sm"> <a href="/product/1905002" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/tC2BS8EEvJ0f67Ca8f5WRSo85igAWfexlGtjB4Zw.webp" /> </a> <a href="/product/1905002" class="heading">Notecards</a> </div> <div data-item-id="1909015" class="item _sm"> <a href="/product/1909015" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909015_07172024_0009_edited.webp" /> </a> <a href="/product/1909015" class="heading">Garden Candle Set</a> </div> <div data-item-id="1909013" class="item _sm"> <a href="/product/1909013" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909013_07172024_0009_edited.webp" /> </a> <a href="/product/1909013" class="heading">Macaron Candle Set</a> </div> </div> <button class="carousel-arrow _right"></button> </div> </div> </div> </div> </div> <div class="header-main-link _coming-soon"> <a class="flex flex-col -mt-1.5 !text-md pointer-events-none !text-gray-500" href="/menu/4"> Giftable <span class="text-xs italic -mt-1 text-ca-primary"> Coming Soon </span> </a> <div class="header-main-subhead"> <div class="header-main-subhead-cont"> <div class="header-main-subhead-cont-col"> <h2 class="heading _4">Giftable</h2> <div class="header-main-subhead-links"> <a class="header-main-subhead-link" href="/category/12"> Gift Baskets </a> </div> </div> </div> </div> </div> </div> <a href="/" class="header-main-logo"> <img class="header-main-logo-text" src="/img/ca-logo-chez.png"> <div class="header-main-logo-tower-wrap"> <img class="header-main-logo-tower" src="/img/ca-logo-tower.png"> </div> <img class="header-main-logo-text" src="/img/ca-logo-alice.png"> </a> <div class="header-main-cont-col _mob-menu"> <button data-target="#mobile-menu" data-effect="_active" class="header-upper-btn _large"> <span class="material-symbols-outlined">menu</span> </button> </div> </div> </div> <div id="mobile-menu" class="header-side"> <div class="header-side-head"> <div class="header-side-head-upper"> <img class="header-main-logo-text" src="/img/ca-logo-chez.png"> <img class="header-main-logo-text" src="/img/ca-logo-alice.png"> </div> <div class="header-side-head-lower"> <a href="/cart" class="header-upper-btn"> <span class="material-symbols-outlined">shopping_cart</span> Cart <span class="cart-num"></span> </a> <button data-target="#mobile-menu" data-effect="_active" class="header-upper-btn"> <span class="material-symbols-outlined">close</span> Close </button> </div> </div> <div class="header-side-body flex flex-col"> <div class="header-side-item"> <button class="header-side-btn" data-click="front:showModal" data-target=".popup-login"> My Account </button> </div> <div id="dropdown-profile" class="header-side-dropdown"> <a class="header-side-btn" href="/profile"> Account Information </a> <a class="header-side-btn" href="/address-book"> Address Book </a> <a class="header-side-btn" href="/orders"> My Orders </a> </div> <div class="header-side-item"> <a href="/menu/1" class="header-side-btn "> Edible </a> <span class="hidden"> Coming Soon </span> <button class="" data-target="#dropdown-1" data-effect="_open"> <span class="material-symbols-outlined">chevron_right</span> </button> </div> <div id="dropdown-1" class="header-side-dropdown"> <a class="header-side-btn" href="/category/4"> Ready-To-Bake Croissants </a> <a class="header-side-btn" href="/category/8"> Macarons </a> <a class="header-side-btn" href="/category/11"> Sweet Breads </a> </div> <div class="header-side-item"> <a href="/menu/2" class="header-side-btn "> Drinkable </a> <span class="hidden"> Coming Soon </span> <button class="" data-target="#dropdown-2" data-effect="_open"> <span class="material-symbols-outlined">chevron_right</span> </button> </div> <div id="dropdown-2" class="header-side-dropdown"> <a class="header-side-btn" href="/category/1"> Loose Leaf Teas </a> <a class="header-side-btn" href="/category/2"> Hot Chocolate </a> </div> <div class="header-side-item"> <a href="/menu/3" class="header-side-btn "> Collectible </a> <span class="hidden"> Coming Soon </span> <button class="" data-target="#dropdown-3" data-effect="_open"> <span class="material-symbols-outlined">chevron_right</span> </button> </div> <div id="dropdown-3" class="header-side-dropdown"> <a class="header-side-btn" href="/category/3"> Stationary </a> <a class="header-side-btn" href="/category/5"> Tea sets </a> <a class="header-side-btn" href="/category/6"> Mug and Tray Sets </a> <a class="header-side-btn" href="/category/7"> Cake Service Sets </a> <a class="header-side-btn" href="/category/9"> Candle Sets </a> <a class="header-side-btn" href="/category/15"> Accessories </a> </div> <div class="header-side-item"> <a href="/menu/4" class="header-side-btn pointer-events-none"> Giftable </a> <span class="text-xs italic text-ca-primary flex m-auto min-w-fit px-8"> Coming Soon </span> <button class="!hidden" data-target="#dropdown-4" data-effect="_open"> <span class="material-symbols-outlined">chevron_right</span> </button> </div> <div id="dropdown-4" class="header-side-dropdown"> <a class="header-side-btn" href="/category/12"> Gift Baskets </a> </div> <div class="header-side-item"> <a href="/about" class="header-side-btn"> About Us </a> </div> </div> </header> <main class="main"> <div class="prod-main"> <div class="prod-cont" data-item-id="1005019" data-item-type="App\Menu"> <div class="prod-col gallery"> <div class="prod-img-wrap gallery-slides"> <div class="gallery-slide _cover-cont"> <img class="item-img _no-filter" src="https://orders.chezalicecafe.com/storage/images/yXMRFU0iRk9bSjlrPtQxrJkPEFVF8azubGoNG675.webp" /> </div> <div class="gallery-slide _cover-cont"> <img class="item-img _no-filter" src="https://orders.chezalicecafe.com/storage/images/i3UxNfXDbeOEPN1gjIfgexbzW62euDXPpFTaRKvy.webp" /> </div> <div class="gallery-slide "> <img class="item-img _no-filter" src="https://orders.chezalicecafe.com/storage/images/4a41dWTnQe4hFcgKir9Yuqo0rhM5OO6PDfn7Svze.webp" /> </div> <div class="gallery-slide "> <img class="item-img _no-filter" src="https://orders.chezalicecafe.com/storage/images/YzJD2q4KJXoO5b3DJlkw2Ysxz95f8wuH6SIXDwVs.webp" data-fancybox /> </div> </div> <div class="gallery-btn-row"></div> </div> <div class="prod-col"> <div class="breadcrumbs"> <a class="paragraph _0-5" href="/">Home</a> <span class="material-symbols-outlined">chevron_right</span> <a class="paragraph _0-5" href="/menu/2">Drinkable</a> <span class="material-symbols-outlined">chevron_right</span> <a class="paragraph _0-5" href="/category/1">Loose Leaf Teas</a> <span class="material-symbols-outlined">chevron_right</span> <span class="paragraph _0-5">Madmoiselle Rose Green </span> </div> <div class="prod-meta"> <h1 class="heading _2-5">Madmoiselle Rose Green</h1> </div> <h2 class="prod-price">$12</h2> <div class="prod-ctrl"> <h4 class="heading _6">Quantity</h4> <div class="quantity"> <button class="quantity-btn" data-dir="down" data-click="front:changeQuantity"> <span class="material-symbols-outlined">remove</span> </button> <form-input-checkout-quantity class="quantity-num" type="number" value="1" action="changeQuantity"></form-input-checkout-quantity> <button class="quantity-btn" data-dir="up" data-click="front:changeQuantity"> <span class="material-symbols-outlined">add</span> </button> </div> </div> <button class="btn" data-notif="upsell" data-scope=".prod-main" data-click="front:addMultipleToCart">Add to cart</button> <div class="prod-meta"> <p class="paragraph">Imagine a delicate Parisian garden captured in a cup that whispers of springtime elegance with a mosaic of flavors. The foundation is an organic, high-quality green tea sourced from France with light vegetal notes. Delicate French rose petals add a touch of floral sweetness and a hint of perfume to the tea. Sun-ripened raspberries bring a burst of juicy tartness that cuts through the green tea's slight bitterness. Exotic and unexpected lychee pieces add a touch of tropical sweetness and floral aroma with subtle musky notes that add complexity to the blend. Perfect for afternoon tea parties or just relaxing after a long day, this well-rounded and captivating tea will leave you wanting more.</p> </div> </div> </div> </div> <div id="upsell-modal" class="p-4 w-screen h-screen fixed inset-0 md:p-8 flex justify-end transition-opacity opacity-0 pointer-events-none checkout-popup"> <div id="upsell-modal-close" class="absolute w-full h-full inset-0 z-0 bg-black/20"></div> <div class="max-w-lg w-full bg-ca-white h-full z-10 flex flex-col justify-between checkout-popup-inner"> <div class="free-shipping-tracker flex flex-col px-5 py-4 border-y border-solid border-ca-secondary/50 bg-ca-peach pt-5 border-t-0"> <p class="text-md md:text-lg font-display text-center text-ca-black md:text-xl" id="until-free-shipping-amount"> </p> <div class="flex items-center gap-4 mt-1 "> <span class="font-bold text-ca-black">$0</span> <div class="flex flex-1 h-2 bg-ca-white rounded-sm overflow-hidden "> <span class="bg-ca-black bg-ca-primary" id="shipping-progress-bar" style="width: 0%;"></span> </div> <span class="font-bold text-ca-black" id="free-shipping-goal">$123</span> </div> </div> <div class="flex flex-col p-3 md:p-5 border-b border-solid border-ca-secondary/50"> <div data-item-id="1005019" data-item-type="App\Menu" class="item _related checkout-popup-item"> <a href="/product/1005019" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/yXMRFU0iRk9bSjlrPtQxrJkPEFVF8azubGoNG675.webp" /> </a> <div class="flex flex-col flex-1"> <div class="flex flex-col sm:flex-row sm:items-center gap-2"> <div class="w-6 h-6 flex items-center justify-center bg-ca-peach rounded-full"> <span class="material-symbols-outlined text-lg text-ca-primary">check</span> </div> <h3 class="text-sm sm:text-xl font-display">Item successfully added</h3> </div> <p class="text-md sm:text-lg flex-1 flex items-center">Madmoiselle Rose Green, $12 </p> <div class="hidden sm:block"> <a class="btn w-full mt-2 md:mt-0" href="/cart">Review & Checkout</a> </div> </div> </div> <div class="block sm:hidden"> <a class="btn w-full mt-2 md:mt-0" href="/cart">Review & Checkout</a> </div> </div> <div class="flex flex-col flex-1 py-0 bg-ca-secondary/15 checkout-popup-other"> <div class="prod-main-aside-prod p-3 md:p-5"> <div class="item-related-wrap"> <div data-item-id="1005018" data-item-type="App\Menu" class="item _related"> <a href="/product/1005018" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/6VyhLWV41zMOudBXlU9C8j1sTf6ryMdBZxthTVKj.webp" /> </a> <div class="item-meta _App\Menu"> <div class="item-meta-col"> <div class="flex items-center gap-2 w-full"> <h3 class="text-md sm:text-xl truncate">Citrus Symphony Black</h3> <div class="in-cart-check w-6 h-6 min-w-6 min-h-6 flex items-center justify-center bg-ca-black rounded-full"> <span class="material-symbols-outlined text-lg text-ca-white">check</span> </div> </div> <p class="paragraph one-liner">This invigorating black tea is bursting with citrusy goodness. A medley of bright and zesty lemon, lime, and orange flavors balances the robust black tea base. Sweet orange adds a touch of juicy sunshine, while bitter orange offers a balancing depth. Grapefruit lends a refreshingly tart note, and Mandarin rounds out the blend with a hint of honeyed sweetness. With its distinctive earl grey-like character, Bergamot brings a touch of floral perfume. This complex citrus tea is perfect for any time of day. Enjoy it hot for a morning pick-me-up or iced for a cool and refreshing afternoon drink. </p> </div> <input hidden class="quantity-num" type="number" value="1"> <div class="flex items-center gap-4"> <h2 class="item-meta-price w-10 text-center">$12</h2> <button class="btn _sec flex items-center" data-notif="upsell" data-scope=".item-related-wrap" data-click="front:addMultipleToCart"><span class="material-symbols-outlined text-md"> add_shopping_cart </span> <span class="hidden sm:block">Add to cart<span></button> </div> </div> </div> </div> <div class="item-related-wrap"> <div data-item-id="1005016" data-item-type="App\Menu" class="item _related"> <a href="/product/1005016" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/jLAoSDSd0weB0zmRqz7Ns3Zakk9CHqb9Ui9vrwJE.webp" /> </a> <div class="item-meta _App\Menu"> <div class="item-meta-col"> <div class="flex items-center gap-2 w-full"> <h3 class="text-md sm:text-xl truncate">City of Lights Black</h3> <div class="in-cart-check w-6 h-6 min-w-6 min-h-6 flex items-center justify-center bg-ca-black rounded-full"> <span class="material-symbols-outlined text-lg text-ca-white">check</span> </div> </div> <p class="paragraph one-liner">This organic black tea blend is like a warm Parisian evening, alive with bright and comforting flavors. The foundation is a robust organic black tea. The illumination of citrus invigorates the blend with a splash of lemon and orange zest, adding a touch of tang and vibrancy to awaken the senses. A sprinkle of coriander adds an intriguing twist, creating a unique layer of flavor. Gentle finishes of vanilla bean weave through the blend, offering a touch of sweetness and comforting warmth. Each sip takes you on a journey perfect for an afternoon pick-me-up or a relaxing evening wind-down. </p> </div> <input hidden class="quantity-num" type="number" value="1"> <div class="flex items-center gap-4"> <h2 class="item-meta-price w-10 text-center">$12</h2> <button class="btn _sec flex items-center" data-notif="upsell" data-scope=".item-related-wrap" data-click="front:addMultipleToCart"><span class="material-symbols-outlined text-md"> add_shopping_cart </span> <span class="hidden sm:block">Add to cart<span></button> </div> </div> </div> </div> <div class="item-related-wrap"> <div data-item-id="1005020" data-item-type="App\Menu" class="item _related"> <a href="/product/1005020" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/mOPRUBnmpTE7Or2eOoBSNgseHKvOv96jAprP6m16.webp" /> </a> <div class="item-meta _App\Menu"> <div class="item-meta-col"> <div class="flex items-center gap-2 w-full"> <h3 class="text-md sm:text-xl truncate">French Garden Herbal</h3> <div class="in-cart-check w-6 h-6 min-w-6 min-h-6 flex items-center justify-center bg-ca-black rounded-full"> <span class="material-symbols-outlined text-lg text-ca-white">check</span> </div> </div> <p class="paragraph one-liner">Immerse yourself in the opulence of the Palace of Versailles with this regal herbal blend. Inspired by the vibrant blooms of the 17th-century gardens, this exquisite infusion boasts soothing colors and a calming aroma. Sweet pear and apple notes dance with a touch of tartness, while rose hips add a burst of vitamin C and a subtle floral complexity. Bright yellow marigold petals lend a touch of sunshine, both to the cup and the flavor profile. This naturally caffeine-free blend is the perfect way to unwind after a long day. Breathe deeply, sip slowly, and be transported to a world of tranquility. C'est magnifique! </p> </div> <input hidden class="quantity-num" type="number" value="1"> <div class="flex items-center gap-4"> <h2 class="item-meta-price w-10 text-center">$12</h2> <button class="btn _sec flex items-center" data-notif="upsell" data-scope=".item-related-wrap" data-click="front:addMultipleToCart"><span class="material-symbols-outlined text-md"> add_shopping_cart </span> <span class="hidden sm:block">Add to cart<span></button> </div> </div> </div> </div> <div class="item-related-wrap"> <div data-item-id="1005017" data-item-type="App\Menu" class="item _related"> <a href="/product/1005017" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/ri16kZAniFf5AZowQgDu6jOTi3zLg5p547KwtkTi.webp" /> </a> <div class="item-meta _App\Menu"> <div class="item-meta-col"> <div class="flex items-center gap-2 w-full"> <h3 class="text-md sm:text-xl truncate">French Blue Earl Grey</h3> <div class="in-cart-check w-6 h-6 min-w-6 min-h-6 flex items-center justify-center bg-ca-black rounded-full"> <span class="material-symbols-outlined text-lg text-ca-white">check</span> </div> </div> <p class="paragraph one-liner">This tea promises a luxurious experience, blending the classic sophistication of Earl Grey with the rich depth of Yunnan black tea. Bergamot infuses the tea with its signature bright and zesty notes for an invigorating start, followed by the smooth, malty sweetness of the Yunnan. Cornflower petals add a touch of whimsy and a subtle floral note with vibrant blue flecks that dance in the cup in this visually stunning infusion. This tea blend is designed to be a luxurious and complex experience that could be a delightful afternoon tea or a sophisticated after-dinner drink. </p> </div> <input hidden class="quantity-num" type="number" value="1"> <div class="flex items-center gap-4"> <h2 class="item-meta-price w-10 text-center">$12</h2> <button class="btn _sec flex items-center" data-notif="upsell" data-scope=".item-related-wrap" data-click="front:addMultipleToCart"><span class="material-symbols-outlined text-md"> add_shopping_cart </span> <span class="hidden sm:block">Add to cart<span></button> </div> </div> </div> </div> </div> </div> </div> </div> <section class="highlight-section"> <div class="prod-cont _mx-auto _col"> <h2 class="heading _3">Showcased Products</h2> <div class="cat-items-res-list"> <div data-item-id="1005018" class="item "> <a href="/product/1005018" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/6VyhLWV41zMOudBXlU9C8j1sTf6ryMdBZxthTVKj.webp" /> </a> <a href="/product/1005018" class="heading">Citrus Symphony Black</a> <div data-item-id="1005018" data-item-type="App\Menu" class="flex items-stretch justify-between gap-2"> <div class="flex-1 my-auto"> <span class="text-xl font-semibold">$12</span> </div> <div class="min-h-12 flex overflow-hidden rounded-sm border border-solid border-ca-secondary"> <button class="pl-2" data-dir="down" data-click="front:changeQuantity"> <span class="material-symbols-outlined text-base">remove</span> </button> <form-input-checkout-quantity class="quantity-num text-center" type="number" value="1" action="changeQuantity"></form-input-checkout-quantity> <button class="pr-2" data-dir="up" data-click="front:changeQuantity"> <span class="material-symbols-outlined text-base">add</span> </button> </div> <button data-scope='.item[data-item-id="1005018"]' data-click="front:addMultipleToCart" class="min-h-12 flex items-center justify-center bg-ca-black text-white px-4 text-lg rounded-sm tracking-tight transition-opacity hover:opacity-80"> Add to cart </button> </div> </div> <div data-item-id="1005016" class="item "> <a href="/product/1005016" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/jLAoSDSd0weB0zmRqz7Ns3Zakk9CHqb9Ui9vrwJE.webp" /> </a> <a href="/product/1005016" class="heading">City of Lights Black</a> <div data-item-id="1005016" data-item-type="App\Menu" class="flex items-stretch justify-between gap-2"> <div class="flex-1 my-auto"> <span class="text-xl font-semibold">$12</span> </div> <div class="min-h-12 flex overflow-hidden rounded-sm border border-solid border-ca-secondary"> <button class="pl-2" data-dir="down" data-click="front:changeQuantity"> <span class="material-symbols-outlined text-base">remove</span> </button> <form-input-checkout-quantity class="quantity-num text-center" type="number" value="1" action="changeQuantity"></form-input-checkout-quantity> <button class="pr-2" data-dir="up" data-click="front:changeQuantity"> <span class="material-symbols-outlined text-base">add</span> </button> </div> <button data-scope='.item[data-item-id="1005016"]' data-click="front:addMultipleToCart" class="min-h-12 flex items-center justify-center bg-ca-black text-white px-4 text-lg rounded-sm tracking-tight transition-opacity hover:opacity-80"> Add to cart </button> </div> </div> <div data-item-id="1005020" class="item "> <a href="/product/1005020" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/mOPRUBnmpTE7Or2eOoBSNgseHKvOv96jAprP6m16.webp" /> </a> <a href="/product/1005020" class="heading">French Garden Herbal</a> <div data-item-id="1005020" data-item-type="App\Menu" class="flex items-stretch justify-between gap-2"> <div class="flex-1 my-auto"> <span class="text-xl font-semibold">$12</span> </div> <div class="min-h-12 flex overflow-hidden rounded-sm border border-solid border-ca-secondary"> <button class="pl-2" data-dir="down" data-click="front:changeQuantity"> <span class="material-symbols-outlined text-base">remove</span> </button> <form-input-checkout-quantity class="quantity-num text-center" type="number" value="1" action="changeQuantity"></form-input-checkout-quantity> <button class="pr-2" data-dir="up" data-click="front:changeQuantity"> <span class="material-symbols-outlined text-base">add</span> </button> </div> <button data-scope='.item[data-item-id="1005020"]' data-click="front:addMultipleToCart" class="min-h-12 flex items-center justify-center bg-ca-black text-white px-4 text-lg rounded-sm tracking-tight transition-opacity hover:opacity-80"> Add to cart </button> </div> </div> </div> </div> </section> </main> <footer class="footer"> <div class="footer-upper"> <div class="footer-upper-cont"> <div class="footer-upper-logo"> <img class="footer-upper-logo-text" src="/img/ca-logo-chez.png"> <div class="footer-upper-logo-tower-wrap"> <img class="footer-upper-logo-tower" src="/img/ca-logo-tower.png"> </div> <img class="footer-upper-logo-text" src="/img/ca-logo-alice.png"> </div> </div> </div> <div class="footer-main"> <div class="footer-main-cont"> <div class="footer-main-cont-col"> <h4 class="heading _4 color-peach">Contact Us</h4> <div class="footer-main-cont-col-inner"> <p class="color-white"><strong>+1-609-921-6760</strong></p> </div> </div> <div class="footer-main-cont-col"> <h4 class="heading _4 color-peach">Information</h4> <div class="footer-main-cont-col-inner"> <a class="color-white" href="https://www.genesisbiotechgroup.com/legal?type=hos#privacy">Privacy Policy</a> <a class="color-white" href="https://www.genesisbiotechgroup.com/legal?type=hos">Terms of Use</a> </div> </div> <div class="footer-main-cont-col"> <h4 class="heading _4 color-peach">Connect with us</h4> <div class="footer-socials"> <a href="https://www.facebook.com/chezalicecafe/" target="_blank" class="footer-social" rel="nofollow"> <img src="/img/icon_facebook.svg" alt="Facebook"> </a> <a href="https://x.com/ChezAliceNJ/" target="_blank" class="footer-social" rel="nofollow"> <img src="/img/icon_x.svg" alt="Twitter"> </a> <a href="https://www.instagram.com/chezaliceprinceton/" target="_blank" class="footer-social" rel="nofollow"> <img src="/img/icon_instagram.svg" alt="Instagram"> </a> </div> <button data-click="front:showModal" data-target=".popup-newsletter" class="btn mailing mt-4"> Join our mailing list </button> </div> <div class="footer-main-cont-col"> <a href="https://www.genesis-hospitality.com/" class="footer-gh"> <img alt="Genesis Hospitality" src="/img/gh-member-logo.png"> </a> </div> </div> </div> <div class="footer-mini"> <p class="text-center color-white">© 2024 Chez Alice Patisserie. All rights reserved. </p> </div> </footer> <div id="notif" class="notif"><span class="notif-text">Success!</span></div> <div class="popup" data-click="front:closeModalByBgc"></div> <div id="password-requirements-template" class="password-requirements hidden absolute right-0 top-full mt-2 w-72 p-4 bg-white rounded-lg shadow-lg border border-gray-200 z-50"> <h5 class="font-medium mb-2">Password Requirements:</h5> <ul class="space-y-2 text-sm"> <li class="flex items-center gap-2"> <span id="req-length" class="text-gray-400">●</span> <span>At least 8 characters long</span> </li> <li class="flex items-center gap-2"> <span id="req-match" class="text-gray-400">●</span> <span>Passwords match</span> </li> </ul> </div> <div class="hidden"> <div class="popup-reset popup-inner"> <form class="form p-6 popup-newsletter-form _active" id="resetForm" data-submit="front:doReset"> <div class="flex flex-col gap-3"> <h4 class="heading _4">Forgot Your Password?</h4> <p class="paragraph _2">Please enter your email address below to receive a password reset link.</p> </div> <div id="reset-password-warning" class="flex bg-ca-white/80 -my-3"> <div class="flex gap-4 p-4"> <span class="material-symbols-outlined text-ca-primary mt-1">info</span> <p class="text-lg text-ca-black">If your email is registered with us, you’ll receive a password reset link shortly.</p> </div> </div> <div class="flex flex-col gap-3"> <label class="field-wrap"> <input required class="field" type="email" name="email" data-input="front:clearInputValidate"> <span class="field-label">Email</span> </label> <div class="field-group"> <button class="btn">Reset</button> <button class="btn _secondary" type="button" data-click="front:showModal" data-target=".popup-login"> <span class="material-symbols-outlined"> arrow_back </span> Back to Login</button> </div> </div> </form> </div> <div class="popup-login popup-inner"> <div class="popup-login-head"> <button class="popup-login-head-btn _active" data-target="loginForm" data-click="front:changeLoginForm">Login</button> <button class="popup-login-head-btn" data-target="signupForm" data-click="front:changeLoginForm">Create Account</button> </div> <form class="form popup-login-form _active" id="loginForm" data-submit="front:doLogin"> <p class="paragraph _2">If you have an account, sign in with your email address.</p> <div class="field-group"> <label class="field-wrap"> <input required data-required class="field" type="text" name="email" data-input="front:clearInputValidate"> <span class="field-label">Email</span> </label> <label class="field-wrap"> <input required class="field" type="password" name="password" data-input="front:clearInputValidate"> <span class="field-label">Password</span> <button class="field-eye" type="button" data-click="front:showPassword"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.916504 11C0.916504 11 4.58317 4.58337 10.9998 4.58337C17.4165 4.58337 21.0832 11 21.0832 11C21.0832 11 17.4165 17.4167 10.9998 17.4167C4.58317 17.4167 0.916504 11 0.916504 11Z" stroke="#898989" stroke-width="0.916667" stroke-linecap="round" stroke-linejoin="round"> </path> <path d="M11 13.75C11.7293 13.75 12.4288 13.4603 12.9445 12.9445C13.4603 12.4288 13.75 11.7293 13.75 11C13.75 10.2707 13.4603 9.57118 12.9445 9.05546C12.4288 8.53973 11.7293 8.25 11 8.25C10.2707 8.25 9.57118 8.53973 9.05546 9.05546C8.53973 9.57118 8.25 10.2707 8.25 11C8.25 11.7293 8.53973 12.4288 9.05546 12.9445C9.57118 13.4603 10.2707 13.75 11 13.75Z" stroke="#898989" stroke-width="0.916667" stroke-linecap="round" stroke-linejoin="round"> </path> </svg> </button> </label> </div> <div class="field-group"> <button class="btn">Sign In</button> <button class="btn _secondary" type="button" data-click="front:showModal" data-target=".popup-reset">Forgot your password?</button> </div> </form> <form class="form popup-login-form" id="signupForm" data-submit="front:doPreRegister"> <p class="paragraph _2">Creating an account has many benefits: check out faster, keep more than one address, track orders and more.</p> <div class="field-group"> <label class="field-wrap"> <input required class="field" type="text" name="first_name" data-input="front:clearInputValidate"> <span class="field-label">First Name</span> </label> <label class="field-wrap"> <input required class="field" type="text" name="last_name" data-input="front:clearInputValidate"> <span class="field-label">Last Name</span> </label> </div> <span class="h-px w-full bg-ca-secondary/50 -my-2"></span> <div class="field-group"> <label class="field-wrap"> <input data-required class="field" type="text" name="email" data-input="front:clearInputValidate"> <span class="field-label">Email</span> </label> <label class="field-wrap"> <input pattern=".{14,}" class="field phone " type="text" name="mobile" > <div class="field-label" inputmode="numeric" pattern="[0-9]*">Phone Number</div> </label> <label class="field-wrap"> <input required class="field" type="password" name="password" data-input="front:clearInputValidate"> <span class="field-label">Password</span> <button class="field-eye" type="button" data-click="front:showPassword"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.916504 11C0.916504 11 4.58317 4.58337 10.9998 4.58337C17.4165 4.58337 21.0832 11 21.0832 11C21.0832 11 17.4165 17.4167 10.9998 17.4167C4.58317 17.4167 0.916504 11 0.916504 11Z" stroke="#898989" stroke-width="0.916667" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11 13.75C11.7293 13.75 12.4288 13.4603 12.9445 12.9445C13.4603 12.4288 13.75 11.7293 13.75 11C13.75 10.2707 13.4603 9.57118 12.9445 9.05546C12.4288 8.53973 11.7293 8.25 11 8.25C10.2707 8.25 9.57118 8.53973 9.05546 9.05546C8.53973 9.57118 8.25 10.2707 8.25 11C8.25 11.7293 8.53973 12.4288 9.05546 12.9445C9.57118 13.4603 10.2707 13.75 11 13.75Z" stroke="#898989" stroke-width="0.916667" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </label> <label class="field-wrap"> <input required class="field" type="password" name="password_confirmation" data-input="front:clearInputValidate"> <span class="field-label">Confirm Password</span> <button class="field-eye" type="button" data-click="front:showPassword"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.916504 11C0.916504 11 4.58317 4.58337 10.9998 4.58337C17.4165 4.58337 21.0832 11 21.0832 11C21.0832 11 17.4165 17.4167 10.9998 17.4167C4.58317 17.4167 0.916504 11 0.916504 11Z" stroke="#898989" stroke-width="0.916667" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11 13.75C11.7293 13.75 12.4288 13.4603 12.9445 12.9445C13.4603 12.4288 13.75 11.7293 13.75 11C13.75 10.2707 13.4603 9.57118 12.9445 9.05546C12.4288 8.53973 11.7293 8.25 11 8.25C10.2707 8.25 9.57118 8.53973 9.05546 9.05546C8.53973 9.57118 8.25 10.2707 8.25 11C8.25 11.7293 8.53973 12.4288 9.05546 12.9445C9.57118 13.4603 10.2707 13.75 11 13.75Z" stroke="#898989" stroke-width="0.916667" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </label> <div class="code-wrapper hidden"> <label class="field-wrap "> <input onkeypress="return (event.charCode !=8 && event.charCode == 0 || (event.charCode >= 48 && event.charCode <= 57))" class="field" pattern="\d{4}" maxlength="4" type="text" name="code" /> <span class="field-label">Code*</span> </label> <p style="margin-top: 5px">Didn't get the code? <button type="button" id="resend-code" class="text-ca-primary">Resend it.</button> </p> </div> </div> <input type="hidden" value="User" name="usertype"> <button class="btn create-account-btn">Create an Account</button> <p> By providing your email address, you agree to our <a class="text-ca-primary" href="https://www.genesisbiotechgroup.com/legal?type=hos#privacy" target="_blank">Privacy Policy</a> and <a class="text-ca-primary" href="https://www.genesisbiotechgroup.com/legal?type=hos" target="_blank">Terms & Conditions</a>. </p> </form> </div> </div> <div class="hidden"> <div class="popup-newsletter popup-inner"> <form class="form p-6 popup-newsletter-form _active" data-submit="front:subscribeMailing" id="newsletterForm"> <div class="flex flex-col gap-3"> <h4 class="heading _4">Sign Up for Our Emails</h4> <p class="paragraph _2">Sign up for our newsletter and be the first to discover our latest baked goods, exclusive offers, and upcoming events. </p> </div> <div class="flex flex-col gap-3"> <label class="field-wrap"> <input required class="field" pattern="[^@\s]+@[^@\s]+\.[^@\s]+" type="email" name="email"> <span class="field-label">Email Address*</span> </label> <button type="submit" class="btn">Sign Up</button> </div> </form> </div> </div> <div id="consent" class="fixed inset-0 min-h-screen flex items-center justify-center z-[101] hidden">  <div id="consent-popup" class="absolute left-0 right-0 mx-auto bottom-0 sm:bottom-4 sm:left-[unset] sm:right-4 bg-ca-white p-6 max-w-lg w-full border border-solid border-ca-secondary/50"> <h2 class="text-2xl font-display mb-4 text-ca-black ">We use cookies</h2> <p class="mb-6">We use cookies and other tracking technologies to improve your browsing experience on our website, to show you personalized content and targeted ads, to analyze our website traffic, and to understand where our visitors are coming from.</p> <div class="flex justify-between gap-2 w-full"> <button data-click="front:handleCookies" data-cookies="all" class="btn _sm">Accept cookies</button> <button id="change-preferences" class="btn _sec _sm">Preferences</button> </div> </div>  <div id="consent-modal" class="flex flex-col bg-ca-white border border-solid border-ca-secondary/50 py-6 w-full h-full md:max-w-2xl md:h-[calc(100%-2rem)] hidden"> <div class="flex flex-col px-4 sm:px-6"> <h2 class="text-xl sm:text-2xl font-display text-ca-black mb-4">Customize Consent Preferences</h2> <p class="text-sm sm:text-base mb-2">We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p> <p class="text-sm sm:text-base mb-2">The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site.</p> </div> <div class="flex-1 overflow-auto border-y border-solid border-ca-secondary/50 px-4 sm:px-6 ca-scrollbar"> <div data-category="necessary" class="preference py-4 border-b border-solid border-ca-secondary/50"> <div class="flex justify-between items-center"> <h3 class="text-lg font-display text-ca-black">Necessary</h3> <span class="text-sm text-ca-primary">Always Active</span> </div> <p class="text-sm">Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p> </div> <div data-category="functional" class="preference py-4 border-b border-solid border-ca-secondary/50"> <div class="flex justify-between items-center"> <h3 class="text-lg font-display text-ca-black">Functional</h3> <label class="relative inline-flex items-center cursor-pointer"> <input type="checkbox" class="sr-only peer" name="cookie_functional" id="cookie_functional" > <div class="w-9 h-5 items-center flex justify-center bg-ca-secondary peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-ca-peach rounded-full peer after:-translate-x-1/2 peer-checked:after:translate-x-1/2 after:bg-white after:rounded-full after:w-4 after:h-4 after:transition-all peer-checked:bg-ca-primary"> </div> </label> </div> <p class="text-sm">Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p> </div> <div data-category="analytics" class="preference py-4 border-b border-solid border-ca-secondary/50"> <div class="flex justify-between items-center"> <h3 class="text-lg font-display text-ca-black">Analytics</h3> <label class="relative inline-flex items-center cursor-pointer"> <input type="checkbox" class="sr-only peer" name="cookie_analytics" id="cookie_analytics" > <div class="w-9 h-5 items-center flex justify-center bg-ca-secondary peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-ca-peach rounded-full peer after:-translate-x-1/2 peer-checked:after:translate-x-1/2 after:bg-white after:rounded-full after:w-4 after:h-4 after:transition-all peer-checked:bg-ca-primary"> </div> </label> </div> <p class="text-sm">Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p> </div> <div data-category="performance" class="preference py-4 border-b border-solid border-ca-secondary/50"> <div class="flex justify-between items-center"> <h3 class="text-lg font-display text-ca-black">Performance</h3> <label class="relative inline-flex items-center cursor-pointer"> <input type="checkbox" class="sr-only peer" name="cookie_performance" id="cookie_performance" > <div class="w-9 h-5 items-center flex justify-center bg-ca-secondary peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-ca-peach rounded-full peer after:-translate-x-1/2 peer-checked:after:translate-x-1/2 after:bg-white after:rounded-full after:w-4 after:h-4 after:transition-all peer-checked:bg-ca-primary"> </div> </label> </div> <p class="text-sm">Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p> </div> <div data-category="advertisement" class="preference py-4 border-b border-solid border-ca-secondary/50"> <div class="flex justify-between items-center"> <h3 class="text-lg font-display text-ca-black">Advertisement</h3> <label class="relative inline-flex items-center cursor-pointer"> <input type="checkbox" class="sr-only peer" name="cookie_advertisement" id="cookie_advertisement" checked> <div class="w-9 h-5 items-center flex justify-center bg-ca-secondary peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-ca-peach rounded-full peer after:-translate-x-1/2 peer-checked:after:translate-x-1/2 after:bg-white after:rounded-full after:w-4 after:h-4 after:transition-all peer-checked:bg-ca-primary"> </div> </label> </div> <p class="text-sm">Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p> </div> <div data-category="others" class="preference py-4 border-b border-solid border-ca-secondary/50"> <div class="flex justify-between items-center"> <h3 class="text-lg font-display text-ca-black">Others</h3> <label class="relative inline-flex items-center cursor-pointer"> <input type="checkbox" class="sr-only peer" name="cookie_others" id="cookie_others" checked> <div class="w-9 h-5 items-center flex justify-center bg-ca-secondary peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-ca-peach rounded-full peer after:-translate-x-1/2 peer-checked:after:translate-x-1/2 after:bg-white after:rounded-full after:w-4 after:h-4 after:transition-all peer-checked:bg-ca-primary"> </div> </label> </div> <p class="text-sm">Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.</p> </div> </div> <div class="flex flex-col sm:flex-row justify-between gap-2 w-full mt-auto pt-4 px-4 sm:pt-6 sm:px-6"> <button data-click="front:handleCookies" data-cookies="none"class="btn _sec _sm flex-1">Reject All</button> <button data-click="front:handleCookies" id="change-preferences" class="btn _sec _sm flex-1">Save My Preferences</button> <button data-click="front:handleCookies" data-cookies="all" class="btn _sm flex-1">Accept All</button> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { document.getElementById('change-preferences').addEventListener('click', function() { document.getElementById('consent-popup').classList.add('hidden'); document.getElementById('consent-modal').classList.remove('hidden'); }); }); </script> </div> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.21/jquery.zoom.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" /> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T5W9XDDZ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </body> </html>

CINXE.COM

Chez Alice Store