{"id":8,"date":"2026-06-10T20:47:10","date_gmt":"2026-06-10T20:47:10","guid":{"rendered":"https:\/\/kapitalcoffee.com\/?page_id=8"},"modified":"2026-06-10T23:03:10","modified_gmt":"2026-06-10T23:03:10","slug":"8-2","status":"publish","type":"page","link":"https:\/\/kapitalcoffee.com\/","title":{"rendered":""},"content":{"rendered":"\n<div id=\"kapital-app\">\n\n    <!-- CATEGORY FILTER -->\n    <div class=\"tabs\">\n        <button class=\"tab active\" onclick=\"filter('all',this)\">All<\/button>\n        <button class=\"tab\" onclick=\"filter('coffee',this)\">Coffee<\/button>\n        <button class=\"tab\" onclick=\"filter('pasta',this)\">Pasta<\/button>\n        <button class=\"tab\" onclick=\"filter('mocktail',this)\">Mocktails<\/button>\n        <button class=\"tab\" onclick=\"filter('milkshake',this)\">Milkshakes<\/button>\n    <\/div>\n\n    <!-- PRODUCTS -->\n\n    <div class=\"product pasta\">\n        <div class=\"info\">\n            <h3>Lasagna<\/h3>\n            <p>Italian baked pasta with beef rag\u00f9 and cheese.<\/p>\n            <div class=\"price\">KES 990<\/div>\n\n            <div class=\"qty\">\n                <button onclick=\"changeQty('lasagna',990,-1)\">\u2212<\/button>\n                <span id=\"lasagna\">0<\/span>\n                <button onclick=\"changeQty('lasagna',990,1)\">+<\/button>\n            <\/div>\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/kapitalcoffee.com\/wp-content\/uploads\/2026\/06\/IMG_1787.jpeg\">\n    <\/div>\n\n    <div class=\"product pasta\">\n        <div class=\"info\">\n            <h3>Spaghetti Bolognese<\/h3>\n            <p>Rich Italian meat sauce with premium pasta.<\/p>\n            <div class=\"price\">KES 890<\/div>\n\n            <div class=\"qty\">\n                <button onclick=\"changeQty('spaghetti',890,-1)\">\u2212<\/button>\n                <span id=\"spaghetti\">0<\/span>\n                <button onclick=\"changeQty('spaghetti',890,1)\">+<\/button>\n            <\/div>\n        <\/div>\n        <img decoding=\"async\" src=\"SPAGHETTI_IMAGE_URL\">\n    <\/div>\n\n    <div class=\"product coffee\">\n        <div class=\"info\">\n            <h3>Cappuccino<\/h3>\n            <p>Espresso with silky milk foam.<\/p>\n            <div class=\"price\">KES 350<\/div>\n\n            <div class=\"qty\">\n                <button onclick=\"changeQty('coffee',350,-1)\">\u2212<\/button>\n                <span id=\"coffee\">0<\/span>\n                <button onclick=\"changeQty('coffee',350,1)\">+<\/button>\n            <\/div>\n        <\/div>\n        <img decoding=\"async\" src=\"COFFEE_IMAGE_URL\">\n    <\/div>\n\n    <div class=\"product mocktail\">\n        <div class=\"info\">\n            <h3>Tropical Mocktail<\/h3>\n            <p>Fresh fruit blended refreshment.<\/p>\n            <div class=\"price\">KES 490<\/div>\n\n            <div class=\"qty\">\n                <button onclick=\"changeQty('mocktail',490,-1)\">\u2212<\/button>\n                <span id=\"mocktail\">0<\/span>\n                <button onclick=\"changeQty('mocktail',490,1)\">+<\/button>\n            <\/div>\n        <\/div>\n        <img decoding=\"async\" src=\"MOCKTAIL_IMAGE_URL\">\n    <\/div>\n\n    <div class=\"product milkshake\">\n        <div class=\"info\">\n            <h3>Chocolate Milkshake<\/h3>\n            <p>Creamy chocolate milkshake with whipped cream.<\/p>\n            <div class=\"price\">KES 590<\/div>\n\n            <div class=\"qty\">\n                <button onclick=\"changeQty('milkshake',590,-1)\">\u2212<\/button>\n                <span id=\"milkshake\">0<\/span>\n                <button onclick=\"changeQty('milkshake',590,1)\">+<\/button>\n            <\/div>\n        <\/div>\n        <img decoding=\"async\" src=\"MILKSHAKE_IMAGE_URL\">\n    <\/div>\n\n<\/div>\n\n<!-- CART -->\n<div class=\"cart-summary\">\n    <div class=\"summary-text\">\n        Items: <span id=\"items\">0<\/span> |\n        Total: KES <span id=\"total\">0<\/span>\n    <\/div>\n\n    <a id=\"whatsappBtn\" target=\"_blank\">Order via WhatsApp<\/a>\n<\/div>\n\n<script>\n\nfunction setActive(el){\ndocument.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));\nel.classList.add('active');\n}\n\nfunction filter(cat,el){\nsetActive(el);\n\ndocument.querySelectorAll('.product').forEach(i=>{\ni.style.display = (cat==='all' || i.classList.contains(cat)) ? 'flex' : 'none';\n});\n}\n\nfunction changeQty(id,price,change){\n\nlet el=document.getElementById(id);\nlet qty=parseInt(el.innerText);\n\nqty+=change;\nif(qty<0) qty=0;\n\nel.innerText=qty;\nupdateCart();\n}\n\nfunction updateCart(){\n\nlet products={\nlasagna:[990,parseInt(document.getElementById('lasagna').innerText)],\nspaghetti:[890,parseInt(document.getElementById('spaghetti').innerText)],\ncoffee:[350,parseInt(document.getElementById('coffee').innerText)],\nmocktail:[490,parseInt(document.getElementById('mocktail').innerText)],\nmilkshake:[590,parseInt(document.getElementById('milkshake').innerText)]\n};\n\nlet total=0;\nlet items=0;\nlet msg=\"Kapital Coffee Order:%0A\";\n\nfor(let p in products){\n\nlet price=products[p][0];\nlet qty=products[p][1];\n\nif(qty>0){\ntotal+=price*qty;\nitems+=qty;\nmsg+=p+\" x\"+qty+\"%0A\";\n}\n\n}\n\ndocument.getElementById('items').innerText=items;\ndocument.getElementById('total').innerText=total;\n\ndocument.getElementById('whatsappBtn').href=\n\"https:\/\/wa.me\/254700000000?text=\"+msg+\"Total: KES \"+total;\n\n}\n\n<\/script>\n\n<style>\n\n\/* =========================\n   TRUE APP BALANCED FIX\n========================= *\/\n\nhtml, body{\nmargin:0;\npadding:0;\nwidth:100%;\noverflow-x:hidden;\nbackground:#000;\nfont-family:Arial;\n}\n\n\/* APP WRAPPER *\/\n#kapital-app{\nwidth:100%;\npadding:0 10px;   \/* \ud83d\udc48 THIS FIXES LEFT + RIGHT BALANCE *\/\nbox-sizing:border-box;\n}\n\n\/* CATEGORY *\/\n.tabs{\ndisplay:flex;\ngap:10px;\npadding:10px 0;\noverflow-x:auto;\n}\n\n.tab{\nbackground:#d4af37;\nborder:none;\npadding:10px 15px;\nborder-radius:20px;\nfont-weight:bold;\ncolor:#000;\nwhite-space:nowrap;\n}\n\n.tab.active{\ncolor:#fff;\n}\n\n\/* PRODUCT CARD (BALANCED MARGINS) *\/\n.product{\nbackground:#fff;\nwidth:100%;\nmargin:10px 0;\nborder-radius:18px;\ndisplay:flex;\noverflow:hidden;\n}\n\n\/* LEFT *\/\n.info{\nwidth:55%;\npadding:14px;\ndisplay:flex;\nflex-direction:column;\njustify-content:center;\n}\n\n\/* RIGHT IMAGE *\/\n.product img{\nwidth:45%;\nobject-fit:cover;\n}\n\n\/* TEXT *\/\n.info h3{\nmargin:0;\nfont-size:16px;\nfont-weight:bold;\n}\n\n.info p{\nmargin:5px 0;\nfont-size:12px;\nopacity:0.85;\n}\n\n.price{\nfont-size:16px;\nfont-weight:bold;\nmargin:8px 0;\n}\n\n\/* QTY BUTTONS (CENTERED PERFECTLY) *\/\n.qty{\ndisplay:flex;\nalign-items:center;\ngap:10px;\nmargin-top:8px;\n}\n\n.qty button{\nwidth:34px;\nheight:34px;\nborder-radius:50%;\nbackground:#d4af37;\nborder:2px solid #d4af37;\ncolor:#000;\nfont-size:16px;\nfont-weight:bold;\ndisplay:flex;\njustify-content:center;\nalign-items:center;\ntext-align:center;   \/* \ud83d\udc48 ensures perfect centering *\/\nline-height:1;\ncursor:pointer;\n}\n\n\/* CART *\/\n.cart-summary{\nposition:fixed;\nbottom:0;\nleft:0;\nright:0;\nbackground:#000;\npadding:12px;\ntext-align:center;\nborder-top:1px solid #d4af37;\nbox-sizing:border-box;\n}\n\n.summary-text{\ncolor:#d4af37;\nfont-weight:bold;\nmargin-bottom:8px;\n}\n\n#whatsappBtn{\ndisplay:block;\nbackground:#111;\ncolor:#d4af37;\npadding:10px;\nborder-radius:10px;\ntext-decoration:none;\nborder:1px solid #d4af37;\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>All Coffee Pasta Mocktails Milkshakes Lasagna Italian baked pasta with beef rag\u00f9 and cheese. KES 990 \u2212 0 + Spaghetti Bolognese Rich Italian meat sauce with premium pasta. KES 890 \u2212 0 + Cappuccino Espresso with silky milk foam. KES 350 \u2212 0 + Tropical Mocktail Fresh fruit blended refreshment. KES 490 \u2212 0 + [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>- Kapital Coffee<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kapitalcoffee.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Kapital Coffee\" \/>\n<meta property=\"og:description\" content=\"All Coffee Pasta Mocktails Milkshakes Lasagna Italian baked pasta with beef rag\u00f9 and cheese. KES 990 \u2212 0 + Spaghetti Bolognese Rich Italian meat sauce with premium pasta. KES 890 \u2212 0 + Cappuccino Espresso with silky milk foam. KES 350 \u2212 0 + Tropical Mocktail Fresh fruit blended refreshment. KES 490 \u2212 0 + [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kapitalcoffee.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Kapital Coffee\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T23:03:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kapitalcoffee.com\/wp-content\/uploads\/2026\/06\/IMG_1787.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kapitalcoffee.com\\\/\",\"url\":\"https:\\\/\\\/kapitalcoffee.com\\\/\",\"name\":\"- Kapital Coffee\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kapitalcoffee.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kapitalcoffee.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kapitalcoffee.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kapitalcoffee.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/IMG_1787.jpeg\",\"datePublished\":\"2026-06-10T20:47:10+00:00\",\"dateModified\":\"2026-06-10T23:03:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kapitalcoffee.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kapitalcoffee.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kapitalcoffee.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kapitalcoffee.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/IMG_1787.jpeg\",\"contentUrl\":\"https:\\\/\\\/kapitalcoffee.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/IMG_1787.jpeg\",\"width\":1206,\"height\":963,\"caption\":\"Screenshot\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kapitalcoffee.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kapitalcoffee.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sample Page\",\"item\":\"https:\\\/\\\/kapitalcoffee.com\\\/?page_id=2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kapitalcoffee.com\\\/#website\",\"url\":\"https:\\\/\\\/kapitalcoffee.com\\\/\",\"name\":\"Kapital Coffee\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kapitalcoffee.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"- Kapital Coffee","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kapitalcoffee.com\/","og_locale":"en_US","og_type":"article","og_title":"- Kapital Coffee","og_description":"All Coffee Pasta Mocktails Milkshakes Lasagna Italian baked pasta with beef rag\u00f9 and cheese. KES 990 \u2212 0 + Spaghetti Bolognese Rich Italian meat sauce with premium pasta. KES 890 \u2212 0 + Cappuccino Espresso with silky milk foam. KES 350 \u2212 0 + Tropical Mocktail Fresh fruit blended refreshment. KES 490 \u2212 0 + [&hellip;]","og_url":"https:\/\/kapitalcoffee.com\/","og_site_name":"Kapital Coffee","article_modified_time":"2026-06-10T23:03:10+00:00","og_image":[{"url":"https:\/\/kapitalcoffee.com\/wp-content\/uploads\/2026\/06\/IMG_1787.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kapitalcoffee.com\/","url":"https:\/\/kapitalcoffee.com\/","name":"- Kapital Coffee","isPartOf":{"@id":"https:\/\/kapitalcoffee.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kapitalcoffee.com\/#primaryimage"},"image":{"@id":"https:\/\/kapitalcoffee.com\/#primaryimage"},"thumbnailUrl":"https:\/\/kapitalcoffee.com\/wp-content\/uploads\/2026\/06\/IMG_1787.jpeg","datePublished":"2026-06-10T20:47:10+00:00","dateModified":"2026-06-10T23:03:10+00:00","breadcrumb":{"@id":"https:\/\/kapitalcoffee.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kapitalcoffee.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kapitalcoffee.com\/#primaryimage","url":"https:\/\/kapitalcoffee.com\/wp-content\/uploads\/2026\/06\/IMG_1787.jpeg","contentUrl":"https:\/\/kapitalcoffee.com\/wp-content\/uploads\/2026\/06\/IMG_1787.jpeg","width":1206,"height":963,"caption":"Screenshot"},{"@type":"BreadcrumbList","@id":"https:\/\/kapitalcoffee.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kapitalcoffee.com\/"},{"@type":"ListItem","position":2,"name":"Sample Page","item":"https:\/\/kapitalcoffee.com\/?page_id=2"}]},{"@type":"WebSite","@id":"https:\/\/kapitalcoffee.com\/#website","url":"https:\/\/kapitalcoffee.com\/","name":"Kapital Coffee","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kapitalcoffee.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/kapitalcoffee.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kapitalcoffee.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kapitalcoffee.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kapitalcoffee.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kapitalcoffee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/kapitalcoffee.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/kapitalcoffee.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/41"}],"up":[{"embeddable":true,"href":"https:\/\/kapitalcoffee.com\/index.php?rest_route=\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/kapitalcoffee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}