CINXE.COM
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="IgkabZJ4mV2iyCnhy60ExdGwWttPtW38mxA7CXaX" /> <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/" /> <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="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="1102016" class="item _sm"> <a href="/product/1102016" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102016_01.webp" /> </a> <a href="/product/1102016" class="heading">Plain 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="1105036" class="item _sm"> <a href="/product/1105036" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/0KFv6ZhUb7E4larkm399lAYlFkFPG415dPsOBG41.webp" /> </a> <a href="/product/1105036" class="heading">Carrot Bread Loaf</a> </div> <div data-item-id="1102025" class="item _sm"> <a href="/product/1102025" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102025/1102025_01.webp" /> </a> <a href="/product/1102025" class="heading">Roasted Pear danish pack of 6</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="1102026" class="item _sm"> <a href="/product/1102026" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102026/1102026_01.webp" /> </a> <a href="/product/1102026" class="heading">Apple Turnover pack of 6</a> </div> <div data-item-id="1106004" class="item _sm"> <a href="/product/1106004" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1106004/1106004_01.webp" /> </a> <a href="/product/1106004" class="heading">Blueberry Scones pack of 6</a> </div> <div data-item-id="1105033" class="item _sm"> <a href="/product/1105033" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/RSYm0mOPPPyTxNjm6yOsbzH6JlBmML2AqUUr64up.webp" /> </a> <a href="/product/1105033" class="heading">Almond Bread Loaf (GF)</a> </div> <div data-item-id="1105038" class="item _sm"> <a href="/product/1105038" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/0fMeYBva8p7BmDyM4AL1HDYzVdCjwwskks32Rrhk.webp" /> </a> <a href="/product/1105038" class="heading">Coconut Orange Bread Loaf</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="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="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="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="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="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="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 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="1909006" class="item _sm"> <a href="/product/1909006" class="item-img-wrap "> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909006_02.webp" /> </a> <a href="/product/1909006" class="heading">Blue Purse Mug and Tray Set</a> </div> <div data-item-id="1909008" class="item _sm"> <a href="/product/1909008" class="item-img-wrap "> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909008_02.webp" /> </a> <a href="/product/1909008" class="heading">Black Purse Mug and Tray Set</a> </div> <div data-item-id="1905003" class="item _sm"> <a href="/product/1905003" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/Qgxwkzqvp9nm2VsFdrX3VxGzEhdsTwyuRHiA7ukl.webp" /> </a> <a href="/product/1905003" class="heading">Magnetic To-Do pads</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="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="1909003" class="item _sm"> <a href="/product/1909003" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909003_07102024_0011_edited.webp" /> </a> <a href="/product/1909003" class="heading">Crane tea set</a> </div> <div data-item-id="1909014" class="item _sm"> <a href="/product/1909014" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909014_07172024_0009_edited.webp" /> </a> <a href="/product/1909014" class="heading">Tea 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="1909005" data-item-type="App\Menu"> <div class="prod-col gallery"> <div class="prod-img-wrap gallery-slides"> <div class="gallery-slide "> <img class="item-img _no-filter" src="https://orders.chezalicecafe.com/storage/images/1909005_02.webp" /> </div> <div class="gallery-slide _cover-cont"> <img class="item-img _no-filter" src="https://orders.chezalicecafe.com/storage/images/1909005_07172024_0009_edited.webp" /> </div> <div class="gallery-slide "> <img class="item-img _no-filter" src="https://orders.chezalicecafe.com/storage/images/1909005_03.webp" /> </div> <div class="gallery-slide "> <img class="item-img _no-filter" src="https://orders.chezalicecafe.com/storage/images/1909005_07.webp" data-fancybox /> </div> <div class="gallery-slide "> <img class="item-img _no-filter" src="https://orders.chezalicecafe.com/storage/images/1909005_11.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/3">Collectible</a> <span class="material-symbols-outlined">chevron_right</span> <a class="paragraph _0-5" href="/category/6">Mug and Tray Sets</a> <span class="material-symbols-outlined">chevron_right</span> <span class="paragraph _0-5">Pink Purse Mug and Tray Set </span> </div> <div class="prod-meta"> <h1 class="heading _2-5">Pink Purse Mug and Tray Set</h1> </div> <h2 class="prod-price">$24</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">Sophistication meets playful in this cleverly designed set that features a mug that transforms into a charming quilted purse. Enjoy a delightful cup of tea, then simply lay it on its side for a touch of whimsical style. A matching tray and spoon keep your teabag or treat close at hand. This stylish set makes a perfect gift for your favorite fashionista. • Includes mug, tray and spoon • Available in pink, blue, white or black • Tray: 7L x 5W in. • Hand wash. Do not microwave. • Material: Ceramic</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="1909005" data-item-type="App\Menu" class="item _related checkout-popup-item"> <a href="/product/1909005" class="item-img-wrap "> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909005_02.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">Pink Purse Mug and Tray Set, $24 </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="1909016" data-item-type="App\Menu" class="item _related"> <a href="/product/1909016" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/oxw3EyzCZjIlRdgNryaig26uyHjukRW12L9xykRq.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">Glass Mug with Chez Alice Logo</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">The perfect balance of style and function! Elevate your everyday moments with a mug that seamlessly blends modern elegance with casual comfort. Featuring crisp, straight sides that taper gracefully from a balanced base to a wider rim, this mug exudes a timeless aesthetic. Perfect for both hot beverages like tea and cocoa, or refreshing iced coffee and juices, this mug keeps your drink at the ideal temperature. The elegant foot ensures stability, while the contoured handle provides a comfortable, satisfying grip. Includes: • 1 mug – 8 oz • Material: glass • Dishwasher safe • Do NOT microwave • Not for use with boiling liquids </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">$5</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="1909007" data-item-type="App\Menu" class="item _related"> <a href="/product/1909007" class="item-img-wrap "> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909007_02.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">White Purse Mug and Tray Set</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">Sophistication meets playful in this cleverly designed set that features a mug that transforms into a charming quilted purse. Enjoy a delightful cup of tea, then simply lay it on its side for a touch of whimsical style. A matching tray and spoon keep your teabag or treat close at hand. This stylish set makes a perfect gift for your favorite fashionista. • Includes mug, tray and spoon • Available in pink, blue, white or black • Tray: 7L x 5W in. • Hand wash. Do not microwave. • Material: Ceramic </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">$24</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="1909006" data-item-type="App\Menu" class="item _related"> <a href="/product/1909006" class="item-img-wrap "> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909006_02.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">Blue Purse Mug and Tray Set</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">Sophistication meets playful in this cleverly designed set that features a mug that transforms into a charming quilted purse. Enjoy a delightful cup of tea, then simply lay it on its side for a touch of whimsical style. A matching tray and spoon keep your teabag or treat close at hand. This stylish set makes a perfect gift for your favorite fashionista. • Includes mug, tray and spoon • Available in pink, blue, white or black • Tray: 7L x 5W in. • Hand wash. Do not microwave. • Material: Ceramic </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">$24</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="1909017" data-item-type="App\Menu" class="item _related"> <a href="/product/1909017" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/812jUJzfaieLqEJASgLBSvr4VISvYLdWx0m3h5EX.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">Glass Mug</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">The perfect balance of style and function! Elevate your everyday moments with a mug that seamlessly blends modern elegance with casual comfort. Featuring crisp, straight sides that taper gracefully from a balanced base to a wider rim, this mug exudes a timeless aesthetic. Perfect for both hot beverages like tea and cocoa, or refreshing iced coffee and juices, this mug keeps your drink at the ideal temperature. The elegant foot ensures stability, while the contoured handle provides a comfortable, satisfying grip. Includes: • 1 mug – 8 oz • Material: glass • Dishwasher safe • Do NOT microwave • Not for use with boiling liquids </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">$5</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="1909008" data-item-type="App\Menu" class="item _related"> <a href="/product/1909008" class="item-img-wrap "> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909008_02.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">Black Purse Mug and Tray Set</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">Sophistication meets playful in this cleverly designed set that features a mug that transforms into a charming quilted purse. Enjoy a delightful cup of tea, then simply lay it on its side for a touch of whimsical style. A matching tray and spoon keep your teabag or treat close at hand. This stylish set makes a perfect gift for your favorite fashionista. • Includes mug, tray and spoon • Available in pink, blue, white or black • Tray: 7L x 5W in. • Hand wash. Do not microwave. • Material: Ceramic </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">$24</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="1909016" class="item "> <a href="/product/1909016" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/oxw3EyzCZjIlRdgNryaig26uyHjukRW12L9xykRq.webp" /> </a> <a href="/product/1909016" class="heading">Glass Mug with Chez Alice Logo</a> <div data-item-id="1909016" 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">$5</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="1909016"]' 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="1909007" class="item "> <a href="/product/1909007" class="item-img-wrap "> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909007_02.webp" /> </a> <a href="/product/1909007" class="heading">White Purse Mug and Tray Set</a> <div data-item-id="1909007" 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">$24</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="1909007"]' 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="1909006" class="item "> <a href="/product/1909006" class="item-img-wrap "> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909006_02.webp" /> </a> <a href="/product/1909006" class="heading">Blue Purse Mug and Tray Set</a> <div data-item-id="1909006" 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">$24</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="1909006"]' 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"> <!-- Initial Consent Screen --> <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> <!-- Consent Preferences Modal --> <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" > <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" > <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" /> </body> </html>