Corner Station Bar<\/title>\n\n<style>\n\/* ===== RESET ===== *\/\n*, *::before, *::after { box-sizing: border-box; }\n\nbody {\n margin: 0;\n background: #f6f7fb;\n color: #111;\n}\nbody.modal-open { overflow: hidden; }\n\n\/* ===== WRAPPER ===== *\/\n.wrap {\n max-width: 980px;\n margin: 0 auto;\n padding: 16px;\n}\n\n\/* ===== HEADER ===== *\/\n.menu-top {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 14px;\n margin-bottom: 24px;\n}\n.menu-logo { max-width: 180px; }\n.menu-title { font-size: 22px; font-weight: 800; }\n\n\/* ===== CATEGORIES ===== *\/\n.cats {\n display: grid;\n grid-template-columns: repeat(2,1fr);\n gap: 14px;\n}\n.cat-card {\n position: relative;\n min-height: 170px;\n border-radius: 16px;\n overflow: hidden;\n cursor: pointer;\n}\n.cat-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.cat-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: flex-end;\n padding: 14px;\n color: #fff;\n background: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.15));\n}\n\n\/* Responsive *\/\n@media (min-width:720px){\n .cats{ grid-template-columns: repeat(3,1fr); }\n}\n\n\/* ===== MODAL ===== *\/\n.modal{\n position:fixed;\n inset:0;\n background:rgba(0,0,0,.6);\n display:none;\n align-items:flex-end;\n justify-content:center;\n z-index:999;\n}\n\n.modal.is-open{\n display:flex;\n}\n\n.modal-sheet{\n background:#fff;\n width:100%;\n max-width:700px;\n height:85vh;\n border-radius:24px 24px 0 0;\n overflow:hidden;\n display:flex;\n flex-direction:column;\n}\n\n\/* Update the existing .modal-header style *\/\n.modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 30px 20px; \/* Increased padding for better design *\/\n border-bottom: 1px solid #eee;\n background-size: 130px;\n background-repeat: no-repeat;\n background-position: right;\n position: relative;\n color: #fff !important; \/* Ensure text is white *\/\n}\n\n\/* Dark overlay for the header background *\/\n.modal-header::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: rgba(f, f, f, 0.3); \/* Adjust darkness here *\/\n z-index: 1;\n}\n\n\/* Ensure text and button stay above the overlay *\/\n.modal-header div, \n#closeModal {\n position: right;\n z-index: 2;\n}\n\n#modalCatName {\n font-size: 20px;\n font-weight: 800;\n text-transform: uppercase;\n}\n\n#modalCatSub {\n font-size: 14px;\n opacity: 0.9;\n}\n\n\/* ===== ITEMS ===== *\/\n.items{\n display:flex;\n flex-direction:column;\n gap:14px;\n}\n\n.item{\n display:flex;\n gap:14px;\n background:#fff;\n border-radius:14px;\n overflow:hidden;\n border:1px solid #eee;\n}\n\n.item img{\n width:110px;\n height:110px;\n object-fit:cover;\n}\n\n.item-info{\n padding:10px 10px 10px 0;\n flex:1;\n}\n\n.item-name{\n font-weight:700;\n margin:0 0 6px;\n}\n\n.item-desc{\n font-size:14px;\n color:#666;\n margin-bottom:10px;\n}\n\n.price{\n display:inline-block;\n background:#111;\n color:#fff;\n padding:6px 10px;\n border-radius:999px;\n font-size:13px;\n}\n\/* Target the area circled in Screenshot (27).png *\/\n.category-header {\n background-size: cover;\n background-position: center;\n position: relative;\n padding: 40px 20px;\n color: white;\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"wrap\">\n <div class=\"menu-top\">\n <img decoding=\"async\"\n src=\"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/17778654403026.png\"\n class=\"menu-logo\"\n alt=\"logo\"\n >\n <\/div>\n\n <div class=\"cats\" id=\"menuCategories\"><\/div>\n<\/div>\n\n\n<div class=\"modal\" id=\"menuModal\" aria-hidden=\"true\">\n <div class=\"modal-sheet\">\n <div class=\"modal-header\">\n <div>\n <strong id=\"modalCatName\"><\/strong><br>\n <span id=\"modalCatSub\"><\/span>\n <\/div>\n <button id=\"closeModal\">\u2715<\/button>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"items\" id=\"itemsContainer\"><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n const modal = document.getElementById(\"menuModal\");\n const itemsContainer = document.getElementById(\"itemsContainer\");\n const catsWrap = document.getElementById(\"menuCategories\");\n\n if (!modal || !itemsContainer || !catsWrap) return;\n\n function closeProductModal(){\n modal.classList.remove(\"is-open\");\n modal.setAttribute(\"aria-hidden\", \"true\");\n document.body.classList.remove(\"modal-open\");\n }\n\n document.getElementById(\"closeModal\")\n ?.addEventListener(\"click\", closeProductModal);\n\n modal.addEventListener(\"click\", (e) => {\n if (e.target === modal) closeProductModal();\n });\n\ncatsWrap.addEventListener(\"click\", (e) => {\n const card = e.target.closest(\".cat-card\");\n if (!card) return;\n\n const key = card.dataset.category;\n const cat = window.MENU_DATA?.[key];\n if (!cat) return;\n\n modal.classList.add(\"is-open\");\n modal.setAttribute(\"aria-hidden\", \"false\");\n document.body.classList.add(\"modal-open\");\n\n \/\/ --- NEW: Set Header Background Image ---\n const modalHeader = document.querySelector(\".modal-header\");\n \/\/ Use header_bg if it exists, otherwise fallback to cover\n const bgUrl = cat.header_bg || cat.cover || cat.bg_image; \n modalHeader.style.backgroundImage = `url('${bgUrl}')`;\n\n document.getElementById(\"modalCatName\").textContent = cat.title || \"\";\n document.getElementById(\"modalCatSub\").textContent = cat.sub || \"\";\n\n \/\/ Render items...\n itemsContainer.innerHTML = (cat.items || []).map(i => {\n const prices = Array.isArray(i.prices) ? i.prices : (i.price ? [i.price] : []);\n return `\n <div class=\"item\">\n <img decoding=\"async\" src=\"${i.img || \"\"}\" loading=\"lazy\" alt=\"\">\n <div class=\"item-info\">\n <p class=\"item-name\">${i.name || \"\"}<\/p>\n ${i.desc ? `<div class=\"item-desc\">${i.desc}<\/div>` : ``}\n <div class=\"item-meta\">\n ${prices.map(p => `<div class=\"price\">${p}<\/div>`).join(\"\")}\n <\/div>\n <\/div>\n <\/div>\n `;\n }).join(\"\");\n});\n\n window.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\") closeProductModal();\n });\n\n});\n\n\nwindow.MENU_DATA = {\n dotty: {\n title: \"Barber Dotty\",\n sub: \"Professional Barber\",\n header_bg: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-57.jpg\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-57.jpg\",\n items: [\n { name: \"Haircut\", desc: \"\", price: \"Ks 25,000\", img: \"\" },\n { name: \"Hair Wash\", desc: \"\", price: \"Ks 9,000\", img: \"\" },\n { name: \"Styling\", desc: \"\", price: \"Ks 5,000\", img: \"\" },\n { name: \"Perming\", desc: \"\", price: \"Ks 75,000\", img: \"\" },\n { name: \"Beard Trimming\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Hot Towel Shaving\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Black Coloring\", desc: \"\", price: \"Ks 40,000\", img: \"\" },\n { name: \"Normal Coloring\", desc: \"\", price: \"Ks 60,000\", img: \"\" },\n { name: \"Highlights\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring\", desc: \"\", price: \"Ks 100,000\", img: \"\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 32,000\", img: \"\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Beard Trimming + Styling)\", price: \"Ks 40,000\", img: \"\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 60,000\", img: \"\" }\n ]\n },\n snoopy: {\n title: \"Barber Snoopy\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2025-12-20_19-54-11.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2025-12-20_19-54-11.jpg\",\n items: [\n { name: \"Haircut\", desc: \"\", price: \"Ks 25,000\", img: \"https:\/\/images.unsplash.com\/photo-1621605815971-fbc98d665033?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Hair Wash\", desc: \"\", price: \"Ks 9,000\", img: \"https:\/\/images.unsplash.com\/photo-1521590832167-7bcbfaa6381f?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Styling\", desc: \"\", price: \"Ks 5,000\", img: \"https:\/\/images.unsplash.com\/photo-1503951458645-643d53bfd90f?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Perming\", desc: \"\", price: \"Ks 75,000\", img: \"https:\/\/images.unsplash.com\/photo-1521119989659-a83eee488004?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Beard Trimming\", desc: \"\", price: \"Ks 12,000\", img: \"https:\/\/images.unsplash.com\/photo-1622286342621-4bd786c2447c?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Hot Towel Shaving\", desc: \"\", price: \"Ks 12,000\", img: \"https:\/\/images.unsplash.com\/photo-1519014816548-bf5fe059798b?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Black Coloring\", desc: \"\", price: \"Ks 40,000\", img: \"\" },\n { name: \"Normal Coloring\", desc: \"\", price: \"Ks 60,000\", img: \"\" },\n { name: \"Highlights\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring\", desc: \"\", price: \"Ks 100,000\", img: \"\" },\n { name: \"Grooming Combo (A)\", desc: \"Haircut + Hair Wash + Styling\", price: \"Ks 32,000\", img: \"\" },\n { name: \"Grooming Combo (B)\", desc: \"Haircut + Hair Wash + Styling + Beard Shaving\", price: \"Ks 40,000\", img: \"\" },\n { name: \"Grooming Combo (C)\", desc: \"Haircut + Black Coloring + Hair Wash + Styling\", price: \"Ks 60,000\", img: \"\" }\n ]\n },\n gabby: {\n title: \"Barber Gabby\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-46.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-46.jpg\",\n items: [\n { name: \"Haircut\", desc: \"\", price: \"Ks 18,000\", img: \"https:\/\/images.unsplash.com\/photo-1621605815971-fbc98d665033?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Hair Wash\", desc: \"\", price: \"Ks 9,000\", img: \"https:\/\/images.unsplash.com\/photo-1521590832167-7bcbfaa6381f?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Styling\", desc: \"\", price: \"Ks 5,000\", img: \"https:\/\/images.unsplash.com\/photo-1503951458645-643d53bfd90f?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Perming (Short)\", desc: \"\", price: \"Ks 65,000\", img: \"https:\/\/images.unsplash.com\/photo-1521119989659-a83eee488004?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Perming (Medium)\", desc: \"\", price: \"Ks 75,000\", img: \"https:\/\/images.unsplash.com\/photo-1504257432389-52343af06ae3?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Afro\", desc: \"\", price: \"Ks 90,000\", img: \"https:\/\/images.unsplash.com\/photo-1521572267360-ee0c2909d518?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Beard Trimming\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Hot Towel Shaving\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Black Coloring\", desc: \"\", price: \"Ks 30,000\", img: \"\" },\n { name: \"Normal Coloring (Short)\", desc: \"\", price: \"Ks 50,000\", img: \"\" },\n { name: \"Normal Coloring (Medium)\", desc: \"\", price: \"Ks 60,000\", img: \"\" },\n { name: \"Highlights (Short)\", desc: \"\", price: \"Ks 80,000\", img: \"\" },\n { name: \"Highlights (Medium)\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring (Short)\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring (Medium)\", desc: \"\", price: \"Ks 100,000\", img: \"\" },\n { name: \"Braids\", desc: \"Prices may vary depending on the chosen style and design\", price: \"Custom\", img: \"\" },\n { name: \"Dreadlocks\", desc: \"Prices may vary depending on the chosen style and design\", price: \"Custom\", img: \"\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 24,000\", img: \"\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Styling + Beard Shaving)\", price: \"Ks 30,000\", img: \"\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 45,000\", img: \"\" }\n ]\n },\n nico: {\n title: \"Barber Nico\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-50.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-50.jpg\",\n items: [\n { name: \"Haircut\", desc: \"\", price: \"Ks 18,000\", img: \"\" },\n { name: \"Hair Wash\", desc: \"\", price: \"Ks 9,000\", img: \"\" },\n { name: \"Styling\", desc: \"\", price: \"Ks 5,000\", img: \"\" },\n { name: \"Perming (Short)\", desc: \"\", price: \"Ks 65,000\", img: \"\" },\n { name: \"Perming (Medium)\", desc: \"\", price: \"Ks 75,000\", img: \"\" },\n { name: \"Ruffled Style\", desc: \"\", price: \"Ks 85,000\", img: \"\" },\n { name: \"Afro\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Beard Trimming\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Hot Towel Shaving\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Black Coloring\", desc: \"\", price: \"Ks 30,000\", img: \"\" },\n { name: \"Normal Coloring (Short)\", desc: \"\", price: \"Ks 50,000\", img: \"\" },\n { name: \"Normal Coloring (Medium)\", desc: \"\", price: \"Ks 60,000\", img: \"\" },\n { name: \"Highlights (Short)\", desc: \"\", price: \"Ks 80,000\", img: \"\" },\n { name: \"Highlights (Medium)\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring (Short)\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring (Medium)\", desc: \"\", price: \"Ks 100,000\", img: \"\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 24,000\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Styling + Beard Shaving)\", price: \"Ks 30,000\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 45,000\" }\n ]\n },\n\/* ryan: {\n title: \"Barber Ryan\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-16-02.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-16-02.jpg\",\n items: [\n { name: \"Haircut\", price: \"Ks 18,000\" },\n { name: \"Hair Wash\", price: \"Ks 9,000\" },\n { name: \"Styling\", price: \"Ks 5,000\" },\n { name: \"Perming (Short)\", price: \"Ks 65,000\" },\n { name: \"Perming (Medium)\", price: \"Ks 75,000\" },\n { name: \"Ruffled Style\", price: \"Ks 85,000\" },\n { name: \"Beard Trimming\", price: \"Ks 12,000\" },\n { name: \"Hot Towel Shaving\", price: \"Ks 12,000\" },\n { name: \"Black Coloring\", price: \"Ks 30,000\" },\n { name: \"Normal Coloring (Short)\", price: \"Ks 50,000\" },\n { name: \"Normal Coloring (Medium)\", price: \"Ks 60,000\" },\n { name: \"Highlights (Short)\", price: \"Ks 80,000\" },\n { name: \"Highlights (Medium)\", price: \"Ks 90,000\" },\n { name: \"Crazy Coloring (Short)\", price: \"Ks 90,000\" },\n { name: \"Crazy Coloring (Medium)\", price: \"Ks 100,000\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 24,000\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Styling + Beard Shaving)\", price: \"Ks 30,000\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 45,000\" }\n ]\n }, *\/\n og: {\n title: \"Barber OG\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-54.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-54.jpg\",\n items: [\n { name: \"Haircut\", price: \"Ks 18,000\" },\n { name: \"Hair Wash\", price: \"Ks 9,000\" },\n { name: \"Styling\", price: \"Ks 5,000\" },\n { name: \"Perming (Short)\", price: \"Ks 65,000\" },\n { name: \"Perming (Medium)\", price: \"Ks 75,000\" },\n { name: \"Ruffled Style\", price: \"Ks 85,000\" },\n { name: \"Beard Trimming\", price: \"Ks 12,000\" },\n { name: \"Hot Towel Shaving\", price: \"Ks 12,000\" },\n { name: \"Black Coloring\", price: \"Ks 30,000\" },\n { name: \"Normal Coloring (Short)\", price: \"Ks 50,000\" },\n { name: \"Normal Coloring (Medium)\", price: \"Ks 60,000\" },\n { name: \"Highlights (Short)\", price: \"Ks 80,000\" },\n { name: \"Highlights (Medium)\", price: \"Ks 90,000\" },\n { name: \"Crazy Coloring (Short)\", price: \"Ks 90,000\" },\n { name: \"Crazy Coloring (Medium)\", price: \"Ks 100,000\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 24,000\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Styling + Beard Shaving)\", price: \"Ks 30,000\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 45,000\" }\n ]\n }\n};\n\n\n\n\/* ===== RENDER CATEGORY CARDS ===== *\/\n\nconst catsWrap = document.getElementById(\"menuCategories\");\n\nObject.entries(window.MENU_DATA).forEach(([key, cat]) => {\n\n catsWrap.innerHTML += `\n <div class=\"cat-card\" data-category=\"${key}\">\n <img decoding=\"async\" src=\"${cat.cover}\" alt=\"\">\n <div class=\"cat-overlay\">\n <div>\n <strong>${cat.title}<\/strong><br>\n <small>${cat.sub}<\/small>\n <\/div>\n <\/div>\n <\/div>\n `;\n\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Corner Station Bar \u2715<\/p>\n","protected":false},"author":56,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":82,"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":1525,"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/pages\/22\/revisions\/1525"}],"wp:attachment":[{"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22,"date":"2026-01-06T04:13:52","date_gmt":"2026-01-06T04:13:52","guid":{"rendered":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/?page_id=22"},"modified":"2026-06-01T03:38:29","modified_gmt":"2026-06-01T03:38:29","slug":"menu","status":"publish","type":"page","link":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/","title":{"rendered":"Menu"},"content":{"rendered":"\n\n\n\n\n\nCorner Station Bar<\/title>\n\n<style>\n\/* ===== RESET ===== *\/\n*, *::before, *::after { box-sizing: border-box; }\n\nbody {\n margin: 0;\n background: #f6f7fb;\n color: #111;\n}\nbody.modal-open { overflow: hidden; }\n\n\/* ===== WRAPPER ===== *\/\n.wrap {\n max-width: 980px;\n margin: 0 auto;\n padding: 16px;\n}\n\n\/* ===== HEADER ===== *\/\n.menu-top {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 14px;\n margin-bottom: 24px;\n}\n.menu-logo { max-width: 180px; }\n.menu-title { font-size: 22px; font-weight: 800; }\n\n\/* ===== CATEGORIES ===== *\/\n.cats {\n display: grid;\n grid-template-columns: repeat(2,1fr);\n gap: 14px;\n}\n.cat-card {\n position: relative;\n min-height: 170px;\n border-radius: 16px;\n overflow: hidden;\n cursor: pointer;\n}\n.cat-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.cat-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: flex-end;\n padding: 14px;\n color: #fff;\n background: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.15));\n}\n\n\/* Responsive *\/\n@media (min-width:720px){\n .cats{ grid-template-columns: repeat(3,1fr); }\n}\n\n\/* ===== MODAL ===== *\/\n.modal{\n position:fixed;\n inset:0;\n background:rgba(0,0,0,.6);\n display:none;\n align-items:flex-end;\n justify-content:center;\n z-index:999;\n}\n\n.modal.is-open{\n display:flex;\n}\n\n.modal-sheet{\n background:#fff;\n width:100%;\n max-width:700px;\n height:85vh;\n border-radius:24px 24px 0 0;\n overflow:hidden;\n display:flex;\n flex-direction:column;\n}\n\n\/* Update the existing .modal-header style *\/\n.modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 30px 20px; \/* Increased padding for better design *\/\n border-bottom: 1px solid #eee;\n background-size: 130px;\n background-repeat: no-repeat;\n background-position: right;\n position: relative;\n color: #fff !important; \/* Ensure text is white *\/\n}\n\n\/* Dark overlay for the header background *\/\n.modal-header::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: rgba(f, f, f, 0.3); \/* Adjust darkness here *\/\n z-index: 1;\n}\n\n\/* Ensure text and button stay above the overlay *\/\n.modal-header div, \n#closeModal {\n position: right;\n z-index: 2;\n}\n\n#modalCatName {\n font-size: 20px;\n font-weight: 800;\n text-transform: uppercase;\n}\n\n#modalCatSub {\n font-size: 14px;\n opacity: 0.9;\n}\n\n\/* ===== ITEMS ===== *\/\n.items{\n display:flex;\n flex-direction:column;\n gap:14px;\n}\n\n.item{\n display:flex;\n gap:14px;\n background:#fff;\n border-radius:14px;\n overflow:hidden;\n border:1px solid #eee;\n}\n\n.item img{\n width:110px;\n height:110px;\n object-fit:cover;\n}\n\n.item-info{\n padding:10px 10px 10px 0;\n flex:1;\n}\n\n.item-name{\n font-weight:700;\n margin:0 0 6px;\n}\n\n.item-desc{\n font-size:14px;\n color:#666;\n margin-bottom:10px;\n}\n\n.price{\n display:inline-block;\n background:#111;\n color:#fff;\n padding:6px 10px;\n border-radius:999px;\n font-size:13px;\n}\n\/* Target the area circled in Screenshot (27).png *\/\n.category-header {\n background-size: cover;\n background-position: center;\n position: relative;\n padding: 40px 20px;\n color: white;\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"wrap\">\n <div class=\"menu-top\">\n <img decoding=\"async\"\n src=\"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/17778654403026.png\"\n class=\"menu-logo\"\n alt=\"logo\"\n >\n <\/div>\n\n <div class=\"cats\" id=\"menuCategories\"><\/div>\n<\/div>\n\n\n<div class=\"modal\" id=\"menuModal\" aria-hidden=\"true\">\n <div class=\"modal-sheet\">\n <div class=\"modal-header\">\n <div>\n <strong id=\"modalCatName\"><\/strong><br>\n <span id=\"modalCatSub\"><\/span>\n <\/div>\n <button id=\"closeModal\">\u2715<\/button>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"items\" id=\"itemsContainer\"><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n const modal = document.getElementById(\"menuModal\");\n const itemsContainer = document.getElementById(\"itemsContainer\");\n const catsWrap = document.getElementById(\"menuCategories\");\n\n if (!modal || !itemsContainer || !catsWrap) return;\n\n function closeProductModal(){\n modal.classList.remove(\"is-open\");\n modal.setAttribute(\"aria-hidden\", \"true\");\n document.body.classList.remove(\"modal-open\");\n }\n\n document.getElementById(\"closeModal\")\n ?.addEventListener(\"click\", closeProductModal);\n\n modal.addEventListener(\"click\", (e) => {\n if (e.target === modal) closeProductModal();\n });\n\ncatsWrap.addEventListener(\"click\", (e) => {\n const card = e.target.closest(\".cat-card\");\n if (!card) return;\n\n const key = card.dataset.category;\n const cat = window.MENU_DATA?.[key];\n if (!cat) return;\n\n modal.classList.add(\"is-open\");\n modal.setAttribute(\"aria-hidden\", \"false\");\n document.body.classList.add(\"modal-open\");\n\n \/\/ --- NEW: Set Header Background Image ---\n const modalHeader = document.querySelector(\".modal-header\");\n \/\/ Use header_bg if it exists, otherwise fallback to cover\n const bgUrl = cat.header_bg || cat.cover || cat.bg_image; \n modalHeader.style.backgroundImage = `url('${bgUrl}')`;\n\n document.getElementById(\"modalCatName\").textContent = cat.title || \"\";\n document.getElementById(\"modalCatSub\").textContent = cat.sub || \"\";\n\n \/\/ Render items...\n itemsContainer.innerHTML = (cat.items || []).map(i => {\n const prices = Array.isArray(i.prices) ? i.prices : (i.price ? [i.price] : []);\n return `\n <div class=\"item\">\n <img decoding=\"async\" src=\"${i.img || \"\"}\" loading=\"lazy\" alt=\"\">\n <div class=\"item-info\">\n <p class=\"item-name\">${i.name || \"\"}<\/p>\n ${i.desc ? `<div class=\"item-desc\">${i.desc}<\/div>` : ``}\n <div class=\"item-meta\">\n ${prices.map(p => `<div class=\"price\">${p}<\/div>`).join(\"\")}\n <\/div>\n <\/div>\n <\/div>\n `;\n }).join(\"\");\n});\n\n window.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\") closeProductModal();\n });\n\n});\n\n\nwindow.MENU_DATA = {\n dotty: {\n title: \"Barber Dotty\",\n sub: \"Professional Barber\",\n header_bg: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-57.jpg\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-57.jpg\",\n items: [\n { name: \"Haircut\", desc: \"\", price: \"Ks 25,000\", img: \"\" },\n { name: \"Hair Wash\", desc: \"\", price: \"Ks 9,000\", img: \"\" },\n { name: \"Styling\", desc: \"\", price: \"Ks 5,000\", img: \"\" },\n { name: \"Perming\", desc: \"\", price: \"Ks 75,000\", img: \"\" },\n { name: \"Beard Trimming\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Hot Towel Shaving\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Black Coloring\", desc: \"\", price: \"Ks 40,000\", img: \"\" },\n { name: \"Normal Coloring\", desc: \"\", price: \"Ks 60,000\", img: \"\" },\n { name: \"Highlights\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring\", desc: \"\", price: \"Ks 100,000\", img: \"\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 32,000\", img: \"\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Beard Trimming + Styling)\", price: \"Ks 40,000\", img: \"\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 60,000\", img: \"\" }\n ]\n },\n snoopy: {\n title: \"Barber Snoopy\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2025-12-20_19-54-11.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2025-12-20_19-54-11.jpg\",\n items: [\n { name: \"Haircut\", desc: \"\", price: \"Ks 25,000\", img: \"https:\/\/images.unsplash.com\/photo-1621605815971-fbc98d665033?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Hair Wash\", desc: \"\", price: \"Ks 9,000\", img: \"https:\/\/images.unsplash.com\/photo-1521590832167-7bcbfaa6381f?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Styling\", desc: \"\", price: \"Ks 5,000\", img: \"https:\/\/images.unsplash.com\/photo-1503951458645-643d53bfd90f?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Perming\", desc: \"\", price: \"Ks 75,000\", img: \"https:\/\/images.unsplash.com\/photo-1521119989659-a83eee488004?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Beard Trimming\", desc: \"\", price: \"Ks 12,000\", img: \"https:\/\/images.unsplash.com\/photo-1622286342621-4bd786c2447c?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Hot Towel Shaving\", desc: \"\", price: \"Ks 12,000\", img: \"https:\/\/images.unsplash.com\/photo-1519014816548-bf5fe059798b?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Black Coloring\", desc: \"\", price: \"Ks 40,000\", img: \"\" },\n { name: \"Normal Coloring\", desc: \"\", price: \"Ks 60,000\", img: \"\" },\n { name: \"Highlights\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring\", desc: \"\", price: \"Ks 100,000\", img: \"\" },\n { name: \"Grooming Combo (A)\", desc: \"Haircut + Hair Wash + Styling\", price: \"Ks 32,000\", img: \"\" },\n { name: \"Grooming Combo (B)\", desc: \"Haircut + Hair Wash + Styling + Beard Shaving\", price: \"Ks 40,000\", img: \"\" },\n { name: \"Grooming Combo (C)\", desc: \"Haircut + Black Coloring + Hair Wash + Styling\", price: \"Ks 60,000\", img: \"\" }\n ]\n },\n gabby: {\n title: \"Barber Gabby\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-46.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-46.jpg\",\n items: [\n { name: \"Haircut\", desc: \"\", price: \"Ks 18,000\", img: \"https:\/\/images.unsplash.com\/photo-1621605815971-fbc98d665033?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Hair Wash\", desc: \"\", price: \"Ks 9,000\", img: \"https:\/\/images.unsplash.com\/photo-1521590832167-7bcbfaa6381f?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Styling\", desc: \"\", price: \"Ks 5,000\", img: \"https:\/\/images.unsplash.com\/photo-1503951458645-643d53bfd90f?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Perming (Short)\", desc: \"\", price: \"Ks 65,000\", img: \"https:\/\/images.unsplash.com\/photo-1521119989659-a83eee488004?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Perming (Medium)\", desc: \"\", price: \"Ks 75,000\", img: \"https:\/\/images.unsplash.com\/photo-1504257432389-52343af06ae3?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Afro\", desc: \"\", price: \"Ks 90,000\", img: \"https:\/\/images.unsplash.com\/photo-1521572267360-ee0c2909d518?q=80&w=1200&auto=format&fit=crop\" },\n { name: \"Beard Trimming\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Hot Towel Shaving\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Black Coloring\", desc: \"\", price: \"Ks 30,000\", img: \"\" },\n { name: \"Normal Coloring (Short)\", desc: \"\", price: \"Ks 50,000\", img: \"\" },\n { name: \"Normal Coloring (Medium)\", desc: \"\", price: \"Ks 60,000\", img: \"\" },\n { name: \"Highlights (Short)\", desc: \"\", price: \"Ks 80,000\", img: \"\" },\n { name: \"Highlights (Medium)\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring (Short)\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring (Medium)\", desc: \"\", price: \"Ks 100,000\", img: \"\" },\n { name: \"Braids\", desc: \"Prices may vary depending on the chosen style and design\", price: \"Custom\", img: \"\" },\n { name: \"Dreadlocks\", desc: \"Prices may vary depending on the chosen style and design\", price: \"Custom\", img: \"\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 24,000\", img: \"\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Styling + Beard Shaving)\", price: \"Ks 30,000\", img: \"\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 45,000\", img: \"\" }\n ]\n },\n nico: {\n title: \"Barber Nico\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-50.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-50.jpg\",\n items: [\n { name: \"Haircut\", desc: \"\", price: \"Ks 18,000\", img: \"\" },\n { name: \"Hair Wash\", desc: \"\", price: \"Ks 9,000\", img: \"\" },\n { name: \"Styling\", desc: \"\", price: \"Ks 5,000\", img: \"\" },\n { name: \"Perming (Short)\", desc: \"\", price: \"Ks 65,000\", img: \"\" },\n { name: \"Perming (Medium)\", desc: \"\", price: \"Ks 75,000\", img: \"\" },\n { name: \"Ruffled Style\", desc: \"\", price: \"Ks 85,000\", img: \"\" },\n { name: \"Afro\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Beard Trimming\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Hot Towel Shaving\", desc: \"\", price: \"Ks 12,000\", img: \"\" },\n { name: \"Black Coloring\", desc: \"\", price: \"Ks 30,000\", img: \"\" },\n { name: \"Normal Coloring (Short)\", desc: \"\", price: \"Ks 50,000\", img: \"\" },\n { name: \"Normal Coloring (Medium)\", desc: \"\", price: \"Ks 60,000\", img: \"\" },\n { name: \"Highlights (Short)\", desc: \"\", price: \"Ks 80,000\", img: \"\" },\n { name: \"Highlights (Medium)\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring (Short)\", desc: \"\", price: \"Ks 90,000\", img: \"\" },\n { name: \"Crazy Coloring (Medium)\", desc: \"\", price: \"Ks 100,000\", img: \"\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 24,000\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Styling + Beard Shaving)\", price: \"Ks 30,000\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 45,000\" }\n ]\n },\n\/* ryan: {\n title: \"Barber Ryan\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-16-02.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-16-02.jpg\",\n items: [\n { name: \"Haircut\", price: \"Ks 18,000\" },\n { name: \"Hair Wash\", price: \"Ks 9,000\" },\n { name: \"Styling\", price: \"Ks 5,000\" },\n { name: \"Perming (Short)\", price: \"Ks 65,000\" },\n { name: \"Perming (Medium)\", price: \"Ks 75,000\" },\n { name: \"Ruffled Style\", price: \"Ks 85,000\" },\n { name: \"Beard Trimming\", price: \"Ks 12,000\" },\n { name: \"Hot Towel Shaving\", price: \"Ks 12,000\" },\n { name: \"Black Coloring\", price: \"Ks 30,000\" },\n { name: \"Normal Coloring (Short)\", price: \"Ks 50,000\" },\n { name: \"Normal Coloring (Medium)\", price: \"Ks 60,000\" },\n { name: \"Highlights (Short)\", price: \"Ks 80,000\" },\n { name: \"Highlights (Medium)\", price: \"Ks 90,000\" },\n { name: \"Crazy Coloring (Short)\", price: \"Ks 90,000\" },\n { name: \"Crazy Coloring (Medium)\", price: \"Ks 100,000\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 24,000\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Styling + Beard Shaving)\", price: \"Ks 30,000\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 45,000\" }\n ]\n }, *\/\n og: {\n title: \"Barber OG\",\n sub: \"Professional Barber\",\n cover: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-54.jpg\",\n bg_image: \"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-content\/uploads\/sites\/127\/2026\/05\/photo_2026-05-12_00-15-54.jpg\",\n items: [\n { name: \"Haircut\", price: \"Ks 18,000\" },\n { name: \"Hair Wash\", price: \"Ks 9,000\" },\n { name: \"Styling\", price: \"Ks 5,000\" },\n { name: \"Perming (Short)\", price: \"Ks 65,000\" },\n { name: \"Perming (Medium)\", price: \"Ks 75,000\" },\n { name: \"Ruffled Style\", price: \"Ks 85,000\" },\n { name: \"Beard Trimming\", price: \"Ks 12,000\" },\n { name: \"Hot Towel Shaving\", price: \"Ks 12,000\" },\n { name: \"Black Coloring\", price: \"Ks 30,000\" },\n { name: \"Normal Coloring (Short)\", price: \"Ks 50,000\" },\n { name: \"Normal Coloring (Medium)\", price: \"Ks 60,000\" },\n { name: \"Highlights (Short)\", price: \"Ks 80,000\" },\n { name: \"Highlights (Medium)\", price: \"Ks 90,000\" },\n { name: \"Crazy Coloring (Short)\", price: \"Ks 90,000\" },\n { name: \"Crazy Coloring (Medium)\", price: \"Ks 100,000\" },\n { name: \"Grooming Combo (A)\", desc: \"(Haircut + Hair Wash + Styling)\", price: \"Ks 24,000\" },\n { name: \"Grooming Combo (B)\", desc: \"(Haircut + Hair Wash + Styling + Beard Shaving)\", price: \"Ks 30,000\" },\n { name: \"Grooming Combo (C)\", desc: \"(Haircut + Black Coloring + Hair Wash + Styling)\", price: \"Ks 45,000\" }\n ]\n }\n};\n\n\n\n\/* ===== RENDER CATEGORY CARDS ===== *\/\n\nconst catsWrap = document.getElementById(\"menuCategories\");\n\nObject.entries(window.MENU_DATA).forEach(([key, cat]) => {\n\n catsWrap.innerHTML += `\n <div class=\"cat-card\" data-category=\"${key}\">\n <img decoding=\"async\" src=\"${cat.cover}\" alt=\"\">\n <div class=\"cat-overlay\">\n <div>\n <strong>${cat.title}<\/strong><br>\n <small>${cat.sub}<\/small>\n <\/div>\n <\/div>\n <\/div>\n `;\n\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Corner Station Bar \u2715<\/p>\n","protected":false},"author":56,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":82,"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":1525,"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/pages\/22\/revisions\/1525"}],"wp:attachment":[{"href":"https:\/\/mm2.ezyqrmenu.com\/culturebarbershop\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}