{"id":3429,"date":"2026-08-21T14:30:07","date_gmt":"2026-08-21T12:30:07","guid":{"rendered":"https:\/\/prodigitalclients.net\/cocoworld\/?page_id=3429"},"modified":"2026-08-30T14:32:27","modified_gmt":"2026-08-30T12:32:27","slug":"books-coffee","status":"publish","type":"page","link":"https:\/\/prodigitalclients.net\/cocoworld\/books-coffee\/","title":{"rendered":"Books & Coffee"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nBooks & Coffee | Coco Spa<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n * { box-sizing: border-box; }\n html, body { margin: 0; padding: 0; }\n a { color: oklch(78% 0.045 80); text-decoration: none; }\n a:hover { color: oklch(85% 0.045 80); }\n\n h1, h2, h3 { font-family: \"Cormorant Garamond\", Georgia, serif; font-weight: 600; margin: 0; color: oklch(97% 0.004 80); }\n p { font-family: \"Jost\", sans-serif; font-weight: 300; color: oklch(80% 0.01 80); line-height: 1.8; margin: 0; }\n .eyebrow { font-family: \"Jost\", sans-serif; font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase; color: oklch(78% 0.045 80); }\n\n .btn-outline { display: inline-flex; align-items: center; gap: 10px; background: transparent; color: oklch(97% 0.004 80); font-family: \"Jost\", sans-serif; font-weight: 500; font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; padding: 14px 26px; border-radius: 2px; border: 1px solid oklch(50% 0.01 80); transition: border-color 0.2s ease, color 0.2s ease; }\n .btn-outline:hover { border-color: oklch(78% 0.045 80); color: oklch(78% 0.045 80); }\n\n .placeholder { background: oklch(23% 0.006 80); border: 1px dashed oklch(48% 0.01 80); display: flex; align-items: center; justify-content: center; text-align: center; }\n .placeholder-label { font-family: \"Jost\", sans-serif; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: oklch(55% 0.01 80); padding: 0 20px; }\n\n @media (max-width: 900px) {\n .hero-heading { font-size: 40px !important; }\n .row { flex-direction: column !important; }\n .feature-strip { flex-direction: column !important; gap: 40px !important; }\n .feature-strip > div { border-left: none !important; padding-left: 0 !important; }\n .shelf-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }\n .site-padding { padding-left: 28px !important; padding-right: 28px !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div style=\"width: 100%; background: transparent;\">\n\n <!-- HERO -->\n <div class=\"site-padding\" style=\"position: relative; height: 620px; margin: 0; padding: 0 72px; background-image: linear-gradient(180deg, oklch(10% 0.004 80 \/ 0.1) 0%, oklch(8% 0.004 80 \/ 0.78) 100%), url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_5091-scaled.jpeg'); background-size: cover; background-position: center;\">\n <div style=\"position: absolute; left: 72px; bottom: 64px; max-width: 480px; display: flex; flex-direction: column; align-items: flex-start; gap: 22px; text-align: left;\">\n <h1 class=\"hero-heading\" style=\"font-size: 54px; line-height: 1.12; text-transform: uppercase; letter-spacing: 0.01em; text-align: left;\">Where Stories<br>Meet Coffee<\/h1>\n <p style=\"font-size: 16px; max-width: 420px;\">An eclectic, hand-selected range of books paired with your favourite cup of coffee — a quiet corner to browse, read, and stay a while.<\/p>\n <\/div>\n <\/div>\n\n <!-- FEATURE STRIP -->\n <div class=\"site-padding\" style=\"padding: 56px 72px; border-bottom: 1px solid oklch(28% 0.008 80);\">\n <div class=\"feature-strip\" style=\"display: flex; justify-content: center; gap: 0;\">\n\n <div style=\"flex: 1; max-width: 280px; text-align: center; display: flex; flex-direction: column; gap: 8px;\">\n <div class=\"eyebrow\">Hand-Selected<\/div>\n <p style=\"font-size: 14px;\">New titles, plus our Exchange Program<\/p>\n <\/div>\n\n <div style=\"flex: 1; max-width: 280px; text-align: center; display: flex; flex-direction: column; gap: 8px; border-left: 1px solid oklch(28% 0.008 80); padding-left: 40px;\">\n <div class=\"eyebrow\">Every Genre<\/div>\n <p style=\"font-size: 14px;\">Fiction to self-help, poetry to classics<\/p>\n <\/div>\n\n <div style=\"flex: 1; max-width: 280px; text-align: center; display: flex; flex-direction: column; gap: 8px; border-left: 1px solid oklch(28% 0.008 80); padding-left: 40px;\">\n <div class=\"eyebrow\">Slow Mornings<\/div>\n <p style=\"font-size: 14px;\">A quiet corner to read with your coffee<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- PHILOSOPHY SPLIT -->\n <div class=\"row\" style=\"display: flex; align-items: stretch;\">\n <div style=\"flex: 1 1 50%; min-height: 480px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4454.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"flex: 1 1 50%; display: flex; align-items: center;\">\n <div class=\"site-padding\" style=\"padding: 64px 72px; display: flex; flex-direction: column; gap: 20px; max-width: 460px;\">\n <div class=\"eyebrow\">Our Philosophy<\/div>\n <h2 style=\"font-size: 36px; line-height: 1.18; text-transform: uppercase;\">Books Are More<br>Than Pages<\/h2>\n <p style=\"font-size: 15.5px;\">Every book on our shelves is chosen because it deserves to be read. Our range spans fiction, non-fiction, autobiographies, and poetry, alongside a vast selection of classics, children’s books for every age, self-help, and religious titles. We also welcome books into our Exchange Program — bring one in, take one home — so every story gets to be read again, alongside your favourite coffee.<\/p>\n <a href=\"#\" class=\"btn-outline\" style=\"margin-top: 8px; align-self: flex-start;\">Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- EXPLORE OUR SHELVES -->\n <div class=\"site-padding\" style=\"padding: 100px 72px;\">\n <div style=\"text-align: center; margin-bottom: 56px;\">\n <div class=\"eyebrow\" style=\"margin-bottom: 14px;\">Browse By<\/div>\n <h2 style=\"font-size: 30px; text-transform: uppercase; letter-spacing: 0.02em;\">Explore Our Shelves<\/h2>\n <\/div>\n\n <div class=\"shelf-gallery\" style=\"display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px;\">\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4454.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/f3812b66-09a2-4ead-9c40-265be4503734.jpg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4453.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4456.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4514.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4746.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4457.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4458.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4451.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <div style=\"height: 200px; background-image: url('https:\/\/prodigitalclients.net\/cocoworld\/wp-content\/uploads\/2026\/08\/IMG_4742.jpeg'); background-size: cover; background-position: center;\"><\/div>\n <\/div>\n <\/div>\n\n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>Books & Coffee | Coco Spa Where StoriesMeet Coffee An eclectic, hand-selected range of books paired with your favourite cup of coffee — a quiet corner to browse, read, and stay a while. Hand-Selected New titles, plus our Exchange Program Every Genre Fiction to self-help, poetry to classics Slow Mornings A quiet corner to read with your coffee Our Philosophy Books Are MoreThan Pages Every book on our shelves is chosen because it deserves to be read. Our range spans fiction, non-fiction, autobiographies, and poetry, alongside a vast selection of classics, children’s books for every age, self-help, and religious titles. We also welcome books into our Exchange Program — bring one in, take one home — so every story gets to be read again, alongside your favourite coffee. Learn More Browse By Explore Our Shelves<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3429","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/prodigitalclients.net\/cocoworld\/wp-json\/wp\/v2\/pages\/3429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prodigitalclients.net\/cocoworld\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prodigitalclients.net\/cocoworld\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prodigitalclients.net\/cocoworld\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prodigitalclients.net\/cocoworld\/wp-json\/wp\/v2\/comments?post=3429"}],"version-history":[{"count":7,"href":"https:\/\/prodigitalclients.net\/cocoworld\/wp-json\/wp\/v2\/pages\/3429\/revisions"}],"predecessor-version":[{"id":3537,"href":"https:\/\/prodigitalclients.net\/cocoworld\/wp-json\/wp\/v2\/pages\/3429\/revisions\/3537"}],"wp:attachment":[{"href":"https:\/\/prodigitalclients.net\/cocoworld\/wp-json\/wp\/v2\/media?parent=3429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}