{"id":56,"date":"2026-04-27T20:07:33","date_gmt":"2026-04-27T20:07:33","guid":{"rendered":"https:\/\/darksalmon-seal-746514.hostingersite.com\/?page_id=56"},"modified":"2026-05-11T07:52:17","modified_gmt":"2026-05-11T07:52:17","slug":"merchandise","status":"publish","type":"page","link":"https:\/\/coffeegram.in\/index.php\/merchandise\/","title":{"rendered":"merchandise"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"56\" class=\"elementor elementor-56\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e33c4a e-con-full e-flex e-con e-parent\" data-id=\"6e33c4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1376313 elementor-widget elementor-widget-html\" data-id=\"1376313\" 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>Merchandise<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;}\r\n\r\nbody{\r\n    background:#fff;\r\n    color:#111;\r\n}\r\n\r\n\/* NAV *\/\r\nnav{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    padding:20px 60px;\r\n    background:#fff;\r\n    border-bottom:1px solid #eee;\r\n}\r\n\r\n.logo{\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.logo img{\r\n    height:45px;\r\n    width:auto;\r\n}\r\n.back{\r\n    color:#666;\r\n    text-decoration:none;\r\n}\r\n\r\n\/* SECTION *\/\r\n.section{\r\n    padding:60px;\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\nh1{\r\n    font-size:42px;\r\n    margin-bottom:10px;\r\n    color:#898f6d;\r\n}\r\n\r\n.sub{\r\n    color:#666;\r\n    margin-bottom:40px;\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}\r\n\r\n\/* CARD *\/\r\n.card{\r\n    background:#fff;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    transition:.3s;\r\n    border:1px solid #eee;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.card img{\r\n    width:100%;\r\n    height:220px;\r\n    object-fit:cover;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.content{\r\n    padding:15px;\r\n}\r\n\r\n.content h3{\r\n    font-size:16px;\r\n    margin-bottom:5px;\r\n}\r\n\r\n.content p{\r\n    font-size:13px;\r\n    color:#666;\r\n    margin-bottom:10px;\r\n}\r\n\r\n\/* PRICE *\/\r\n.price{\r\n    color:#898f6d;\r\n    font-weight:600;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.btn{\r\n    margin-top:10px;\r\n    display:block;\r\n    text-align:center;\r\n    padding:8px;\r\n    border-radius:8px;\r\n    font-size:13px;\r\n    background:#898f6d;\r\n    color:#fff;\r\n}\r\n\r\n\/* HOVER *\/\r\n.card:hover{\r\n    transform:translateY(-8px);\r\n    box-shadow:0 20px 40px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* ===================== *\/\r\n\/* \ud83d\udd25 MOBILE OPTIMIZATION *\/\r\n\/* ===================== *\/\r\n@media(max-width:1000px){\r\n    .grid{grid-template-columns:repeat(2,1fr);}\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    nav{\r\n        padding:15px 18px;\r\n    }\r\n\r\n    .logo{\r\n        font-size:18px;\r\n    }\r\n    \r\n    .logo img{\r\n    height:35px;\r\n    width:auto;\r\n}\r\n\r\n\r\n    .back{\r\n        font-size:13px;\r\n    }\r\n\r\n    .section{\r\n        padding:30px 18px;\r\n    }\r\n\r\n    h1{\r\n        font-size:28px;\r\n    }\r\n\r\n    .sub{\r\n        font-size:13px;\r\n        margin-bottom:25px;\r\n    }\r\n\r\n    .grid{\r\n        gap:15px;\r\n    }\r\n\r\n    .card img{\r\n        height:160px; \/* \ud83d\udd25 better mobile ratio *\/\r\n    }\r\n\r\n    .content{\r\n        padding:12px;\r\n    }\r\n\r\n    .content h3{\r\n        font-size:14px;\r\n    }\r\n\r\n    .content p{\r\n        font-size:12px;\r\n    }\r\n\r\n    .price{\r\n        font-size:14px;\r\n    }\r\n\r\n    .btn{\r\n        padding:10px;\r\n        font-size:14px;\r\n    }\r\n}\r\n\r\n@media(max-width:480px){\r\n    .grid{grid-template-columns:1fr;}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav>\r\n     <a href=\"index.html\" 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<\/a>\r\n    <a href=\"https:\/\/darksalmon-seal-746514.hostingersite.com\/\" class=\"back\">\u2190 Back<\/a>\r\n<\/nav>\r\n\r\n<div class=\"section\">\r\n\r\n<h1>Merchandise \ud83d\udecd\ufe0f<\/h1>\r\n<p class=\"sub\">Bring the Coffeegram experience home<\/p>\r\n\r\n<div class=\"grid\">\r\n\r\n<!-- same cards -->\r\n<div class=\"card\" id=\"signature-coffee-beans\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511920170033-f8396924c348\">\r\n<div class=\"content\">\r\n<h3>Signature Coffee Beans<\/h3>\r\n<p>Fresh roasted house blend<\/p>\r\n<div class=\"price\">\u20b9499<\/div>\r\n<div class=\"btn\">View<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"ground-coffee-pack\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085\">\r\n<div class=\"content\">\r\n<h3>Ground Coffee Pack<\/h3>\r\n<p>Ready-to-brew blend<\/p>\r\n<div class=\"price\">\u20b9449<\/div>\r\n<div class=\"btn\">View<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"ceramic-mug\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509042239860-f550ce710b93\">\r\n<div class=\"content\">\r\n<h3>Ceramic Mug<\/h3>\r\n<p>Minimal coffee mug<\/p>\r\n<div class=\"price\">\u20b9320<\/div>\r\n<div class=\"btn\">View<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"glass-coffee-cup\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36\">\r\n<div class=\"content\">\r\n<h3>Glass Coffee Cup<\/h3>\r\n<p>Transparent aesthetic cup<\/p>\r\n<div class=\"price\">\u20b9280<\/div>\r\n<div class=\"btn\">View<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"travel-tumbler\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542291026-7eec264c27ff\">\r\n<div class=\"content\">\r\n<h3>Travel Tumbler<\/h3>\r\n<p>Insulated coffee mug<\/p>\r\n<div class=\"price\">\u20b9650<\/div>\r\n<div class=\"btn\">View<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"coffeegram-tshirt\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520975922284-9cdbb3b8c9f2\">\r\n<div class=\"content\">\r\n<h3>Coffeegram T-Shirt<\/h3>\r\n<p>Premium cotton tee<\/p>\r\n<div class=\"price\">\u20b9799<\/div>\r\n<div class=\"btn\">View<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"cap\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503342217505-b0a15ec3261c\">\r\n<div class=\"content\">\r\n<h3>Cap<\/h3>\r\n<p>Casual everyday cap<\/p>\r\n<div class=\"price\">\u20b9450<\/div>\r\n<div class=\"btn\">View<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"french-press\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551024601-bec78aea704b\">\r\n<div class=\"content\">\r\n<h3>French Press<\/h3>\r\n<p>Manual coffee brewer<\/p>\r\n<div class=\"price\">\u20b9999<\/div>\r\n<div class=\"btn\">View<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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>Merchandise \u2190 Back Merchandise \ud83d\udecd\ufe0f Bring the Coffeegram experience home Signature Coffee Beans Fresh roasted house blend \u20b9499 View Ground Coffee Pack Ready-to-brew blend \u20b9449 View Ceramic Mug Minimal coffee mug \u20b9320 View Glass Coffee Cup Transparent aesthetic cup \u20b9280 View Travel Tumbler Insulated coffee mug \u20b9650 View Coffeegram T-Shirt Premium cotton tee \u20b9799 View [&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-56","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\/56","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=56"}],"version-history":[{"count":31,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":719,"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions\/719"}],"wp:attachment":[{"href":"https:\/\/coffeegram.in\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}