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="uGTrNW25fAo5qMHB5rsQ9Q7vDaCyUJatD3d2HVIU" /> <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="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="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="1102018" class="item _sm"> <a href="/product/1102018" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102018/1102018_01.webp" /> </a> <a href="/product/1102018" class="heading">Ham & Gruyere pack of 6</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="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="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="1105042" class="item _sm"> <a href="/product/1105042" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/HPSIpAdPtui8KtJQrLHWc7WCZ2Iwfmzh17stBXcM.webp" /> </a> <a href="/product/1105042" class="heading">Zucchini Bread Loaf</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 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> <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="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="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="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 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> <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="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="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="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="1909011" class="item _sm"> <a href="/product/1909011" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909011_07172024_0019_edited.webp" /> </a> <a href="/product/1909011" class="heading">Cake Server and Forks</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="1909007" class="item _sm"> <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> <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="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="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="1909010" class="item _sm"> <a href="/product/1909010" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1909010_07172024_0009_edited.webp" /> </a> <a href="/product/1909010" class="heading">Cake Server and Knife</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"> <section id="hero" class="hero _index"> <div class="hero-container"> <div class="flex flex-col justify-center items-center gap-6 max-w-full"> <span class="hero-intro-sub subtitle">bonjour</span> <h1 class="heading text-center">The Taste of France is <strong>Just a Click Away</strong> </h1> </div> <div class="hero-banner"> <a href="/menu/1" class="hero-banner-cat-wrap" style="--gcat-image: url(https://orders.chezalicecafe.com/storage/images/f9AxlTzDWgXArtccALG3H5lHPd2N9nKohBc4Hznz.png)"> <div class="hero-banner-cat _edible"> <div class="hero-banner-cat-inner"> <span class="hero-intro-sub subtitle"> <span class="material-symbols-outlined"> bakery_dining </span> </span> <h2 class="subtitle">Edible</h2> </div> </div> </a> <a href="/menu/2" class="hero-banner-cat-wrap" style="--gcat-image: url(https://orders.chezalicecafe.com/storage/images/QDSNHqV6gpsFZqXFOInUtJBsrypJNIQFkR2Y04b4.webp)"> <div class="hero-banner-cat _edible"> <div class="hero-banner-cat-inner"> <span class="hero-intro-sub subtitle"> <span class="material-symbols-outlined"> coffee </span> </span> <h2 class="subtitle">Drinkable</h2> </div> </div> </a> <a href="/menu/3" class="hero-banner-cat-wrap" style="--gcat-image: url(https://orders.chezalicecafe.com/storage/images/ZCvPbchop27Ut3Eu8xiG2rYRi6nrpEm9rWGGK2cn.webp)"> <div class="hero-banner-cat _edible"> <div class="hero-banner-cat-inner"> <span class="hero-intro-sub subtitle"> <span class="material-symbols-outlined"> featured_seasonal_and_gifts </span> </span> <h2 class="subtitle">Collectible</h2> </div> </div> </a> <div class="hero-banner-bg"> <span class="hero-banner-bg-side left"></span> <span class="hero-banner-bg-top"></span> <span class="hero-banner-bg-side right"></span> </div> </div> </div> </section> <section id="featured" class="featured carousel"> <div class="section-cont"> <div class="featured-intro"> <h2 class="heading _2">Chez Alice Recommends</h2> <div class="featured-carousel-ctrl"> <button class="featured-carousel-ctrl-btn carousel-arrow _left _disabled"></button> <button class="featured-carousel-ctrl-btn carousel-arrow _right"></button> </div> </div> <div class="featured-carousel carousel-row"> <div data-item-id="1102025" class="item "> <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 data-item-id="1102025" 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">$27</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="1102025"]' 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="1102020" class="item "> <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 data-item-id="1102020" 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="1102020"]' 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="1102018" class="item "> <a href="/product/1102018" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102018/1102018_01.webp" /> </a> <a href="/product/1102018" class="heading">Ham & Gruyere pack of 6</a> <div data-item-id="1102018" 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="1102018"]' 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="1105039" class="item "> <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 data-item-id="1105039" 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">$15</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="1105039"]' 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="1102024" class="item "> <a href="/product/1102024" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/1102024/1102024_01.webp" /> </a> <a href="/product/1102024" class="heading">Hot Dog Croissant pack of 6</a> <div data-item-id="1102024" 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">$27</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="1102024"]' 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="1606016" class="item "> <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 data-item-id="1606016" 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">$31</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="1606016"]' 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="1105041" class="item "> <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 data-item-id="1105041" 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">$15</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="1105041"]' 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="1105042" class="item "> <a href="/product/1105042" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/HPSIpAdPtui8KtJQrLHWc7WCZ2Iwfmzh17stBXcM.webp" /> </a> <a href="/product/1105042" class="heading">Zucchini Bread Loaf</a> <div data-item-id="1105042" 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">$15</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="1105042"]' 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="1102022" class="item "> <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 data-item-id="1102022" 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="1102022"]' 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="1105040" class="item "> <a href="/product/1105040" class="item-img-wrap _full-width"> <img class="item-img" src="https://orders.chezalicecafe.com/storage/images/4ItZRlZkeFM0GGappkSS5TE1KnzGPwsn7bTpPRUk.webp" /> </a> <a href="/product/1105040" class="heading">Olive Oil Cake Loaf</a> <div data-item-id="1105040" 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">$15</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="1105040"]' 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" 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">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" 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">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" 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">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" /> </body> </html>