{"id":8,"date":"2026-04-27T09:28:52","date_gmt":"2026-04-27T09:28:52","guid":{"rendered":"https:\/\/darksalmon-seal-746514.hostingersite.com\/?page_id=8"},"modified":"2026-05-11T19:05:39","modified_gmt":"2026-05-11T19:05:39","slug":"home","status":"publish","type":"page","link":"https:\/\/coffeegram.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e10e21e e-con-full e-flex e-con e-parent\" data-id=\"e10e21e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-951f792 elementor-widget elementor-widget-html\" data-id=\"951f792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Coffeegram<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- SEARCH ICON -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n    font-family:'Poppins',sans-serif;\r\n}\r\n\r\nhtml,body{\r\n    width:100%;\r\n    max-width:100%;\r\n    overflow-x:hidden;\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n    background:#fff;\r\n    color:#111;\r\n    position:relative;\r\n}\r\n\r\n\/* NAVBAR *\/\r\nnav{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    padding:20px 80px;\r\n    background:#fff;\r\n    border-bottom:1px solid #eee;\r\n    position:relative;\r\n    z-index:10;\r\n    animation:fadeDown 1s ease;\r\n}\r\n\r\n.logo{\r\n    display:flex;\r\n    height:30px;\r\n    width:250px;\r\n    align-items:center;\r\n}\r\n\r\n\/* MENU *\/\r\n.menu{\r\n    display:flex;\r\n    gap:40px;\r\n    align-items:center;\r\n}\r\n\r\n.menu a{\r\n    text-decoration:none;\r\n    color:#666;\r\n    position:relative;\r\n}\r\n\r\n.menu a::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    bottom:-5px;\r\n    left:0;\r\n    width:0%;\r\n    height:2px;\r\n    background:#898f6d;\r\n    transition:.3s;\r\n}\r\n\r\n.menu a:hover::after{width:100%;}\r\n.menu a:hover{color:#111;}\r\n\r\n.nav-btn{\r\n    background:#898f6d;\r\n    padding:8px 14px;\r\n    border-radius:8px;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-size:13px;\r\n    transition:.3s;\r\n}\r\n\r\n.nav-btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 20px rgba(137,143,109,1);\r\n}\r\n\r\n\/* SEARCH *\/\r\n.search-container{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n}\r\n\r\n.search-icon{\r\n    width:42px;\r\n    height:42px;\r\n    background:#f5f5f5;\r\n    border-radius:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    cursor:pointer;\r\n    transition:.3s;\r\n}\r\n\r\n.search-icon:hover{\r\n    transform:scale(1.05);\r\n}\r\n\r\n.search-icon i{\r\n    font-size:16px;\r\n    color:#111;\r\n}\r\n\r\n#searchInput{\r\n    width:0;\r\n    opacity:0;\r\n    padding:10px 14px;\r\n    border:none;\r\n    outline:none;\r\n    border-radius:30px;\r\n    background:#f5f5f5;\r\n    transition:.4s ease;\r\n    font-size:14px;\r\n}\r\n\r\n#searchInput.active{\r\n    width:240px;\r\n    opacity:1;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n    height:90vh;\r\n    display:flex;\r\n    align-items:center;\r\n    padding:60px 80px;\r\n    position:relative;\r\n    background:#fff;\r\n    animation:fadeIn 1.2s ease;\r\n    overflow:hidden;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.hero::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(\r\n        to right,\r\n        rgba(255,255,255,0.9) 30%,\r\n        rgba(255,255,255,0.4) 55%,\r\n        transparent 80%\r\n    );\r\n    z-index:1;\r\n}\r\n\r\n.content{\r\n    max-width:600px;\r\n    position:relative;\r\n    z-index:2;\r\n    margin-top:60px;\r\n}\r\n\r\n.content h1{\r\n    font-size:60px;\r\n    margin-top:-80px;\r\n    margin-right:110px;\r\n    line-height:1;\r\n    opacity:0;\r\n    transform:translateY(30px);\r\n    animation:fadeUp 0.8s ease forwards;\r\n}\r\n\r\n.content h1 span{\r\n    color:#898f6d;\r\n    font-size:60px;\r\n    font-weight:600;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.buttons{\r\n    display:flex;\r\n    gap:20px;\r\n    margin-top:20px;\r\n    opacity:0;\r\n    transform:translateY(30px);\r\n    animation:fadeUp 0.8s ease forwards;\r\n    animation-delay:.4s;\r\n}\r\n\r\n.btn-main{\r\n    background:#898f6d;\r\n    color:#fff;\r\n    padding:12px 20px;\r\n    border-radius:8px;\r\n    text-decoration:none;\r\n    transition:.3s;\r\n}\r\n\r\n.btn-main:hover{\r\n    transform:translateY(-4px) scale(1.05);\r\n    box-shadow:0 15px 30px rgba(137,143,109,1);\r\n}\r\n\r\n.btn-outline{\r\n    border:1px solid #898f6d;\r\n    padding:12px 20px;\r\n    border-radius:8px;\r\n    color:#898f6d;\r\n    text-decoration:none;\r\n    transition:.3s;\r\n}\r\n\r\n.btn-outline:hover{\r\n    background:#898f6d;\r\n    color:#fff;\r\n    transform:translateY(-4px);\r\n}\r\n\r\n\/* RATING *\/\r\n.rating{\r\n    position:absolute;\r\n    bottom:-60px;\r\n    right:-700px;\r\n    background:#f5f5f5;\r\n    padding:12px;\r\n    border-radius:10px;\r\n    font-size:12px;\r\n    animation:float 3s ease-in-out infinite;\r\n}\r\n\r\n\/* DESKTOP *\/\r\n@media(min-width:901px){\r\n\r\n    .hero{\r\n        background-image:url(\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/Web-home.png\") !important;\r\n        background-repeat:no-repeat !important;\r\n        background-position:85% center !important;\r\n        background-size:80% auto !important;\r\n        background-color:#fff !important;\r\n    }\r\n\r\n    .hero-img{\r\n        display:none !important;\r\n    }\r\n\r\n    .hero::after{\r\n        background:linear-gradient(\r\n            to right,\r\n            rgba(255,255,255,0.96) 28%,\r\n            rgba(255,255,255,0.55) 50%,\r\n            transparent 75%\r\n        ) !important;\r\n    }\r\n\r\n    .rating{\r\n        display:none;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){\r\n\r\n    nav{\r\n        padding:15px 20px;\r\n    }\r\n\r\n    .menu{\r\n        display:none;\r\n    }\r\n.search-container{\r\n    margin-left:auto;\r\n    transform:translateX(40px);\r\n}\r\n    #searchInput.active{\r\n        width:150px;\r\n    }\r\n\r\n    .hero{\r\n    width:100%;\r\n    max-width:100%;\r\n    overflow:hidden;\r\n    padding:40px 16px;\r\n\r\n        background:url(\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/Mobile-.png\") no-repeat top center !important;\r\n\r\n        background-size:contain !important;\r\n        background-color:#f7f7f5;\r\n    }\r\n\r\n    .hero-img{\r\n        display:none !important;\r\n    }\r\n\r\n    .hero::after{\r\n        content:none !important;\r\n        display:none !important;\r\n    }\r\n\r\n    .logo{\r\n        width:180px;\r\n    }\r\n\r\n    .content{\r\n        text-align:center;\r\n    }\r\n\r\n    .content h1{\r\n        font-size:35px;\r\n        margin-top:130px;\r\n        text-align:center;\r\n        line-height:1;\r\n        width:100%;\r\n    }\r\n\r\n    .content h1 br{\r\n        display:none;\r\n    }\r\n\r\n    .content h1 span{\r\n        display:block;\r\n        font-size:35px;\r\n        font-weight:700;\r\n        margin-top:-8px;\r\n    }\r\n\r\n    .buttons{\r\n        flex-direction:column;\r\n        align-items:center;\r\n    }\r\n\r\n    .btn-main,\r\n    .btn-outline{\r\n        width:80%;\r\n        text-align:center;\r\n    }\r\n\r\n    .rating{\r\n        position:static;\r\n        margin-top:20px;\r\n    }\r\n\r\n    .nav-btn{\r\n        display:none;\r\n    }\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes fadeDown{\r\n    from{opacity:0; transform:translateY(-30px);}\r\n    to{opacity:1; transform:translateY(0);}\r\n}\r\n\r\n@keyframes fadeUp{\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes fadeIn{\r\n    from{opacity:0;}\r\n    to{opacity:1;}\r\n}\r\n\r\n@keyframes float{\r\n    0%{transform:translateY(0);}\r\n    50%{transform:translateY(-6px);}\r\n    100%{transform:translateY(0);}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav>\r\n\r\n    <div class=\"logo\">\r\n        <img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/Logo-web.png\" alt=\"Coffeegram Logo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/185;\">\r\n    <\/div>\r\n\r\n    <div class=\"menu\">\r\n        <a href=\"#\">Home<\/a>\r\n        <a href=\"#\">About<\/a>\r\n        <a href=\"#\">Our Product<\/a>\r\n        <a href=\"#menu\">Category<\/a>\r\n        <a href=\"#\">Contact Us<\/a>\r\n    <\/div>\r\n\r\n    <!-- SEARCH -->\r\n    <div class=\"search-container\">\r\n\r\n        <div class=\"search-icon\" onclick=\"toggleSearch()\">\r\n            <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n        <\/div>\r\n\r\n        <input \r\n            type=\"search\" \r\n            id=\"searchInput\" \r\n            placeholder=\"Search menu...\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n    <a href=\"#menu\" class=\"nav-btn\">Explore Menu<\/a>\r\n\r\n<\/nav>\r\n\r\n<section class=\"hero\">\r\n\r\n    <img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/Web-home.png\" class=\"hero-img lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2173px; --smush-placeholder-aspect-ratio: 2173\/1130;\">\r\n\r\n    <div class=\"content\">\r\n\r\n        <h1>\r\n            Brewed for Your <br>\r\n            <span>Perfect Moment<\/span>\r\n        <\/h1>\r\n\r\n        <div class=\"buttons\">\r\n\r\n            <a href=\"#menu\" class=\"btn-main\">\r\n                Explore Menu\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/wa.me\/91XXXXXXXXXX\" class=\"btn-outline\" target=\"_blank\">\r\n                Order on WhatsApp\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"rating\">\r\n            \u2b50\u2b50\u2b50\u2b50\u2b50 <br>\r\n            4.9 out of 5 overall stars\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\nconst searchInput = document.getElementById(\"searchInput\");\r\n\r\n\/* TOGGLE SEARCH *\/\r\nfunction toggleSearch(){\r\n\r\n    searchInput.classList.toggle(\"active\");\r\n\r\n    if(searchInput.classList.contains(\"active\")){\r\n        searchInput.focus();\r\n    }\r\n}\r\n\r\n\/* SEARCH DATABASE *\/\r\nconst searchMap = {\r\n\r\n    \/* BEVERAGES *\/\r\n    \"mocha\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#mocha\",\r\n    \"latte\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#latte\",\r\n    \"cappuccino\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#cappuccino\",\r\n    \"frappe\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#hazelnut-frappe\",\r\n    \"frappes\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#hazelnut-frappe\",\r\n    \"cold coffee\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#creamy-cold-coffee\",\r\n    \"coffee\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#double-espresso\",\r\n    \"shake\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#walnut-choc-brownie\",\r\n    \"shakes\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#walnut-choc-brownie\",\r\n    \"cold coffee\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#creamy-cold-coffee\",\r\n    \"cold coffees\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#creamy-cold-coffee\",\r\n\r\n    \"hot tea\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#mango-mint-tea\",\r\n    \"tea\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#mango-mint-tea\",\r\n    \"teas\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#mango-mint-tea\",\r\n\r\n    \/* MATCHA *\/\r\n    \"matcha\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/matcha\/#classic-matcha-latte\",\r\n\r\n    \/* CONTINENTAL *\/\r\n    \"pizza\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#farm-out-pizza\",\r\n    \"pizzas\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#farm-out-pizza\",\r\n    \"pasta\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#penne-mixed-sauce-pasta\",\r\n    \"burger\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#denver-burger\",\r\n    \"fries\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#loaded-fries\",\r\n    \"sandwich\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#caprese-sandwich\",\r\n    \"sandwiches\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#caprese-sandwich\",\r\n\r\n    \/* CHINESE *\/\r\n    \"noodles\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#veg-hakka-noodles\",\r\n    \"fried rice\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#veg-fried-rice\",\r\n    \"manchurian\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#veg-manchurian\",\r\n\r\n    \/* DESSERTS *\/\r\n    \"waffle\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#coffeegram-waffle\",\r\n    \"waffles\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#coffeegram-waffle\",\r\n    \"pancake\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#nutella-banana-pancake\",\r\n    \"croissant\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#butter-croissant\",\r\n\r\n    \/* HEALTHY *\/\r\n    \"smoothie\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#berry-smoothie\",\r\n    \"salad\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#farm-fresh-salad\",\r\n    \"protein\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#protein-salad\",\r\n    \"avocado\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#smashed-avocado-toast\",\r\n\r\n    \/* MERCH *\/\r\n    \"mug\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/merchandise\/#ceramic-mug\",\r\n    \"coffee beans\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/merchandise\/#signature-coffee-beans\",\r\n    \"french press\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/merchandise\/#french-press\",\r\n    \"tshirt\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/merchandise\/#coffeegram-tshirt\",\r\n    \/* ========================= *\/\r\n\/* UPDATED SEARCH MAP TAGS   *\/\r\n\/* ========================= *\/\r\n\r\n\/* HOT COFFEE *\/\r\n\"vanilla cappuccino\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#vanilla-cappuccino\",\r\n\"honey cinnamon latte\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#honey-cinnamon-latte\",\r\n\"hazelnut cappuccino\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#hazelnut-cappuccino\",\r\n\"hazelnut mocha\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#hazelnut-mocha\",\r\n\"americano\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#americano\",\r\n\"flat white\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#flat-white\",\r\n\"double espresso\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#double-espresso\",\r\n\r\n\/* HOT TEA *\/\r\n\"mango mint\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#mango-mint-tea\",\r\n\"yoga herbal\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#yoga-herbal-blend\",\r\n\"kashmiri kahwa\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#kashmiri-kahwa\",\r\n\"organic green\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#organic-green-tea\",\r\n\"hojicha\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#hojicha-green-tea\",\r\n\"earl grey\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#earl-grey\",\r\n\"traditional tea\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#traditional-milk-tea\",\r\n\r\n\/* HOT CHOCOLATE *\/\r\n\"hot chocolate\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#hot-chocolate\",\r\n\"coffeegram signature\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#coffeegram-signature\",\r\n\"gronola nut choc\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#gronola-nut-choc\",\r\n\"pumpkin spiced\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#pumpkin-spiced\",\r\n\"peanut butter hot chocolate\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#peanut-butter-hot-chocolate\",\r\n\"mint hot chocolate\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#mint-hot-chocolate\",\r\n\r\n\/* COLD COFFEE *\/\r\n\"nutty chocolate\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#nutty-chocolate\",\r\n\"walnut\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#walnut-cold-coffee\",\r\n\"vanilla cinnamon\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#vanilla-cinnamon-frappe\",\r\n\"hazelnut frappe\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#hazelnut-frappe\",\r\n\"caramel frappe\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#caramel-frappe\",\r\n\"irish frappe\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#irish-frappe\",\r\n\"vietnamese\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#vietnamese\",\r\n\"choco bite\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#choco-bite\",\r\n\"coco loco\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#coco-loco\",\r\n\"creamy cold\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/#creamy-cold-coffee\",\r\n\r\n\/* MATCHA *\/\r\n\"strawberry matcha\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/matcha\/#strawberry-matcha\",\r\n\"mango matcha\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/matcha\/#mango-matcha\",\r\n\"iced matcha latte\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/matcha\/#iced-matcha-latte\",\r\n\"hot matcha latte\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/matcha\/#hot-matcha-latte\",\r\n\r\n\/* CHINESE *\/\r\n\"plain noodles\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#plain-noodles\",\r\n\"hakka noodles\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#hakka-noodles\",\r\n\"singaporean noodles\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#singaporean-noodles\",\r\n\"chili garlic noodles\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#chili-garlic-noodles\",\r\n\r\n\"classic fried rice\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#classic-fried-rice\",\r\n\"singaporean fried rice\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#singaporean-fried-rice\",\r\n\"chili garlic fried rice\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#chili-garlic-fried-rice\",\r\n\r\n\"chicken momos\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#chicken-momos\",\r\n\"paneer momos\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#paneer-momos\",\r\n\"veg momos\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/#veg-momos\",\r\n\r\n\/* DESSERTS *\/\r\n\"nutella pancake\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#nutella-banana-pancake\",\r\n\"cream berries pancake\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#cream-berries-pancake\",\r\n\"coffeegram waffle\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#coffeegram-waffle\",\r\n\"brownie sizzler\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#brownie-sizzler\",\r\n\"affogato trifle\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#affogato-trifle\",\r\n\"berries cream waffle\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#berries-cream-waffle\",\r\n\"chia pudding\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#chia-pudding\",\r\n\"custard pudding\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#custard-pudding\",\r\n\"dessert filled croissant\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/#dessert-filled-croissant\",\r\n\r\n\/* HEALTHY OPTIONS *\/\r\n\"fat burner meal\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#fat-burner-meal\",\r\n\"sesame chicken\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#sesame-chicken\",\r\n\"cous cous\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#cous-cous\",\r\n\"warm salad\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#warm-salad\",\r\n\"ceaser salad\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#ceaser-salad\",\r\n\"super green avocado\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#super-green-avocado\",\r\n\"smashed avocado\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#smashed-avocado\",\r\n\"super food bowl\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/#super-food-bowl\",\r\n\r\n\/* CONTINENTAL *\/\r\n\"marinated grilled chicken\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#marinated-grilled-chicken\",\r\n\"chicken shots\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#chicken-shots\",\r\n\"pepperoni garlic bread\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#pepperoni-garlic-bread\",\r\n\"veggie garlic bread\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#veggie-garlic-bread\",\r\n\"cheesy garlic bread\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#cheesy-garlic-bread\",\r\n\"hummus falafel\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#hummus-falafel\",\r\n\"peri peri fries\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#peri-peri-fries\",\r\n\"loaded fries\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#loaded-fries\",\r\n\r\n\"silhoutte chicken\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#silhoutte-chicken-wrap\",\r\n\"eggelicious\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#eggelicious-wrap\",\r\n\"tandoori paneer\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#tandoori-paneer-wrap\",\r\n\r\n\"penne al bechamel white\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#penne-al-bechamel-white\",\r\n\"penne spicy arrabiata\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#penne-spicy-arrabiata\",\r\n\"penne mixed sauce\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#penne-mixed-sauce\",\r\n\"spaghetti aglio olio\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#spaghetti-aglio-olio\",\r\n\r\n\"sydney burger\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#sydney-burger\",\r\n\"firecracker burger\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#firecracker-burger\",\r\n\"denver burger\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#denver-burger\",\r\n\r\n\"chef special sandwich\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#chef-special-sandwich\",\r\n\"pesto chicken sandwich\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#pesto-chicken-sandwich\",\r\n\"mixed business sandwich\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#mixed-business-sandwich\",\r\n\r\n\"all chicken pizza\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#all-chicken-pizza\",\r\n\"pepperoni pizza\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#pepperoni-pizza\",\r\n\"farm out pizza\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#farm-out-pizza\",\r\n\"margherita pizza\":\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/#margherita-pizza\"\r\n    \r\n    \r\n};\r\n\r\n\/* SEARCH FUNCTION *\/\r\nsearchInput.addEventListener(\"keydown\", function(event){\r\n\r\n    if(event.key === \"Enter\"){\r\n\r\n        let value = searchInput.value.toLowerCase().trim();\r\n\r\n        let found = false;\r\n\r\n        for(let keyword in searchMap){\r\n\r\n            if(value.includes(keyword)){\r\n\r\n                window.location.href = searchMap[keyword];\r\n\r\n                found = true;\r\n                break;\r\n            }\r\n        }\r\n\r\n        if(!found){\r\n\r\n            alert(\"No matching product found \ud83d\ude22\");\r\n        }\r\n    }\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c72f250 e-con-full e-flex e-con e-parent\" data-id=\"c72f250\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4347ce1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4347ce1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Menu<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* BG FIX *\/\r\nhtml, body, section, #menu{\r\n    background:#fff !important;\r\n}\r\n\r\n\/* RESET *\/\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n    font-family:'Poppins',sans-serif;\r\n}\r\n\r\nbody{color:#111;}\r\n\r\n\/* TITLE *\/\r\nh1{\r\n    font-family:'Great Vibes', cursive;\r\n    text-align:center;\r\n    margin:50px 0 30px;\r\n    font-size:62px;\r\n}\r\n.cursive{\r\n    font-family:'Great Vibes', cursive;\r\n    color:#4d3823;\r\n}\r\n\r\n.menu-word{\r\n    font-weight:600;\r\n    color:#898f6d;\r\n}\r\n\r\n\/* GRID *\/\r\n.grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:25px;\r\n    max-width:1100px;\r\n    margin:auto;\r\n    padding:20px;\r\n}\r\n\r\n\/* CARD *\/\r\n\/* CARD BASE *\/\r\n.card{\r\n    position:relative;\r\n    height:220px;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    text-decoration:none;\r\n    color:#111;\r\n    display:flex;\r\n    align-items:flex-end;\r\n    padding:20px;\r\n    cursor:pointer;\r\n    background:#fff;\r\n    border:1px solid #eee;\r\n\r\n    transition:all 0.4s ease;\r\n}\r\n\r\n\/* \ud83d\udd25 POP ON SCROLL *\/\r\n.card.show{\r\n    transform:translateY(-6px) scale(1.02);\r\n}\r\n\r\n\/* \ud83d\udd25 CENTER FOCUS *\/\r\n.card.focus{\r\n    transform:scale(1.08) translateY(-8px);\r\n    z-index:5;\r\n    box-shadow:0 20px 40px rgba(0,0,0,0.12);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.card img{\r\n    position:absolute;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    top:0;\r\n    left:0;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n    height:115%;   \/* \ud83d\udd25 thoda aur upar kheech diya *\/\r\n\r\n    background:linear-gradient(\r\n        to top,\r\n        rgba(0,0,0,0.85),\r\n        rgba(0,0,0,0.55),\r\n        rgba(0,0,0,0.25),\r\n        transparent 60%\r\n    );\r\n}\r\n\/* TEXT *\/\r\n.card div{\r\n    position:absolute;\r\n    bottom:12px;\r\n    left:15px;\r\n    z-index:2;\r\n}\r\n.card h2{\r\n    font-size:20px;\r\n    font-weight:700;\r\n    color:#eeee;\r\n    margin-bottom:2px;   \/* \ud83d\udd25 gap kam *\/\r\n}\r\n\r\n.card p{\r\n    font-size:10px;\r\n    font-weight:00;\r\n    color:#eee;\r\n    margin:0;            \/* \ud83d\udd25 extra gap hata diya *\/\r\n}\r\n\/* ARROW *\/\r\n.arrow{\r\n    position:absolute;\r\n    top:12px;\r\n    right:12px;\r\n    font-size:16px;\r\n    color:#52a447;\r\n    opacity:0;\r\n    transition:.3s;\r\n}\r\n\r\n.card:hover .arrow{opacity:1;}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1000px){\r\n    .grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n}\r\n\r\n@media(min-width:901px){\r\n\r\n    html, body, section, #menu{\r\n        background: url(\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-4-2026-12_08_49-AM.png\") no-repeat !important;\r\n        background-size:cover !important;\r\n        \r\n    }\r\n\r\n}\r\n\/* MOBILE *\/\r\n@media(max-width:600px){\r\n    .grid{\r\n        grid-template-columns:1fr;\r\n        gap:16px;\r\n    }\r\n\r\n    .card{\r\n        height:180px;\r\n    }\r\n\r\n    .arrow{opacity:1;}\r\n\r\n     html, body, section, #menu{\r\n        background:#EEEEEE !important;\r\n     }\r\n\r\n    h1{\r\n    font-family:'Great Vibes', cursive;\r\n    text-align:center;\r\n    margin:50px 0 30px;\r\n    font-size:42px;\r\n}\r\n.cursive{\r\n    font-family:'Great Vibes', cursive;\r\n    color:#4d3823;\r\n    \r\n}\r\n\r\n    \r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section id=\"menu\">\r\n\r\n<h1>\r\n    <span class=\"cursive\">Explore Our<\/span> \r\n    <span class=\"menu-word\">Menu<\/span>\r\n<\/h1>\r\n\r\n<div class=\"grid\">\r\n\r\n<a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/beverages\/\" class=\"card\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/645ca406c75f3976158a3b17a6fc03bd.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 600px; --smush-placeholder-aspect-ratio: 600\/451;\">\r\n<div><h2>Beverages<\/h2><p>Coffee \u2022 Shakes \u2022 Drinks<\/p><\/div>\r\n<span class=\"arrow\">\u2192<\/span>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/matcha\/\" class=\"card\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/matcha.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 736px; --smush-placeholder-aspect-ratio: 736\/736;\">\r\n<div><h2>Matcha<\/h2><p>Premium green blends<\/p><\/div>\r\n<span class=\"arrow\">\u2192<\/span>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/food-continental\/\" class=\"card\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/food-cont.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 736px; --smush-placeholder-aspect-ratio: 736\/1104;\">\r\n<div><h2>Food Continental<\/h2><p>Italian & western cuisine<\/p><\/div>\r\n<span class=\"arrow\">\u2192<\/span>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/chinese\/\" class=\"card\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/Mama_Chang_Signature_Dishes.6.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/900;\">\r\n<div><h2>Chinese Cuisine<\/h2><p>Spicy asian delights<\/p><\/div>\r\n<span class=\"arrow\">\u2192<\/span>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/best-seller\/\" class=\"card\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/best-seller.png\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 455px; --smush-placeholder-aspect-ratio: 455\/250;\">\r\n<div><h2>Best Sellers<\/h2><p>Top customer picks<\/p><\/div>\r\n<span class=\"arrow\">\u2192<\/span>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/desserts\/\" class=\"card\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/stack-golden-pancakes-drizzled-with-syrup-topped-with-fresh-berries.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 6998px; --smush-placeholder-aspect-ratio: 6998\/3938;\">\r\n<div><h2>Desserts<\/h2><p>Sweet treats & cakes<\/p><\/div>\r\n<span class=\"arrow\">\u2192<\/span>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/healty-options\/\" class=\"card\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1490645935967-10de6ba17061\">\r\n<div><h2>Healthy Options<\/h2><p>Fresh & nutritious<\/p><\/div>\r\n<span class=\"arrow\">\u2192<\/span>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/index.php\/merchandise\/\" class=\"card\">\r\n<img decoding=\"async\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/merch.jpg\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 736px; --smush-placeholder-aspect-ratio: 736\/920;\">\r\n<div><h2>Merchandise<\/h2><p>Coffee gear & more<\/p><\/div>\r\n<span class=\"arrow\">\u2192<\/span>\r\n<\/a>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst cards = document.querySelectorAll('.card');\r\n\r\n\/* \ud83d\udd25 SCROLL POP *\/\r\nconst observer = new IntersectionObserver((entries)=>{\r\n    entries.forEach(entry=>{\r\n        if(entry.isIntersecting){\r\n            entry.target.classList.add('show');\r\n        }\r\n    });\r\n},{threshold:0.2});\r\n\r\ncards.forEach(card=>observer.observe(card));\r\n\r\n\/* \ud83d\udd25 CENTER ZOOM *\/\r\nfunction updateFocus(){\r\n    let center = window.innerHeight \/ 2;\r\n\r\n    cards.forEach(card=>{\r\n        let rect = card.getBoundingClientRect();\r\n        let cardCenter = rect.top + rect.height\/2;\r\n\r\n        let distance = Math.abs(center - cardCenter);\r\n\r\n        if(distance < 150){\r\n            card.classList.add('focus');\r\n        }else{\r\n            card.classList.remove('focus');\r\n        }\r\n    });\r\n}\r\n\r\nwindow.addEventListener('scroll', updateFocus);\r\nwindow.addEventListener('load', updateFocus);\r\n\r\n\/* \ud83d\udd25 SEARCH FUNCTION *\/\r\nfunction searchProducts(){\r\n\r\n    let input = document.getElementById(\"searchInput\").value.toLowerCase();\r\n\r\n    let products = document.querySelectorAll(\".card\");\r\n\r\n    products.forEach(product => {\r\n\r\n        let productName = product.innerText.toLowerCase();\r\n\r\n        if(productName.includes(input)){\r\n            product.style.display = \"flex\";\r\n        } else {\r\n            product.style.display = \"none\";\r\n        }\r\n\r\n    });\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f3476c e-con-full e-flex e-con e-parent\" data-id=\"1f3476c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cbc6a9 elementor-widget elementor-widget-image-carousel\" data-id=\"6cbc6a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:1600,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image lazyload\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/coffee-caraousal-3.png\" alt=\"coffee caraousal 3\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1774px; --smush-placeholder-aspect-ratio: 1774\/887;\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image lazyload\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-30-2026-12_43_49-PM.png\" alt=\"ChatGPT Image Apr 30, 2026, 12_43_49 PM\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1774px; --smush-placeholder-aspect-ratio: 1774\/887;\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image lazyload\" data-src=\"https:\/\/coffeegram.in\/wp-content\/uploads\/2026\/05\/cofee-carousal-2.png\" alt=\"cofee carousal 2\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1774px; --smush-placeholder-aspect-ratio: 1774\/887;\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Coffeegram Home About Our Product Category Contact Us Explore Menu Brewed for Your Perfect Moment Explore Menu Order on WhatsApp \u2b50\u2b50\u2b50\u2b50\u2b50 4.9 out of 5 overall stars Menu Explore Our Menu Beverages Coffee \u2022 Shakes \u2022 Drinks \u2192 Matcha Premium green blends \u2192 Food Continental Italian &#038; western cuisine \u2192 Chinese Cuisine Spicy asian delights [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":376,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":814,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/814"}],"wp:attachment":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}