Book a Discovery Call \u2014 oCode360<\/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=Syne:wght@400;600;700;800&family=DM+Mono:ital,wght@0,300;0,400;1,300&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --bg: #ffffff;\n --surface: #f6f6fa;\n --border: #e0e0ec;\n --accent: #00b89e;\n --accent2: #ff6b35;\n --text: #0a0a1f;\n --muted: #6b6b85;\n --subtle: #eeeef5;\n }\n\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n body::before { content: none; \/* disabled *\/\n content: none;\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 0;\n opacity: 0.4;\n }\n\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.25rem 4rem;\n border-bottom: 1px solid var(--border);\n background: rgba(10,10,15,0.9);\n backdrop-filter: blur(16px);\n }\n\n .nav-logo {\n font-family: 'Syne', sans-serif;\n font-weight: 800;\n font-size: 1.2rem;\n letter-spacing: -0.02em;\n color: var(--text);\n text-decoration: none;\n }\n .nav-logo span { color: var(--accent); }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n .nav-links a {\n font-family: 'DM Mono', monospace;\n font-size: 0.85rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n position: relative;\n }\n .nav-links a::after {\n content: none;\n position: absolute;\n bottom: -4px; left: 0; right: 0;\n height: 1px;\n background: var(--accent);\n transform: scaleX(0);\n transition: transform 0.2s;\n }\n .nav-links a:hover { color: var(--text); }\n .nav-links a:hover::after { transform: scaleX(1); }\n\n .nav-cta {\n font-family: 'DM Mono', monospace;\n font-size: 0.85rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: #ffffff;\n background: var(--accent);\n border: none;\n padding: 0.6rem 1.4rem;\n cursor: pointer;\n text-decoration: none;\n transition: opacity 0.2s;\n }\n .nav-cta:hover { opacity: 0.85; }\n \/* \u2500\u2500 NAV ICONS \u2500\u2500 *\/\n .nav-icons {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-right: 0.75rem;\n }\n .nav-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n position: relative;\n }\n .nav-icon:hover { color: var(--accent); }\n .nav-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }\n .nav-cart-count {\n position: absolute;\n top: 2px; right: 2px;\n background: var(--accent);\n color: #fff;\n font-family: 'DM Mono', monospace;\n font-size: 0.55rem;\n font-weight: 700;\n min-width: 16px;\n height: 16px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 3px;\n opacity: 0;\n transition: opacity 0.2s;\n }\n .nav-cart-count.has-items { opacity: 1; }\n\n\n \/* MAIN LAYOUT *\/\n .booking-layout {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding-top: 80px;\n }\n\n \/* LEFT PANEL *\/\n .booking-info {\n padding: 6rem 4rem 4rem;\n background: var(--surface);\n border-right: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n }\n\n .booking-glow {\n position: absolute;\n bottom: -20%;\n left: -10%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(0,229,195,0.08) 0%, transparent 65%);\n pointer-events: none;\n }\n\n .eyebrow {\n font-family: 'DM Mono', monospace;\n font-size: 0.72rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 1.5rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n .eyebrow::before {\n content: none;\n display: block;\n width: 32px;\n height: 1px;\n background: var(--accent);\n }\n\n .booking-headline {\n font-family: 'Syne', sans-serif;\n font-weight: 800;\n font-size: clamp(2rem, 4vw, 3.25rem);\n line-height: 1.05;\n letter-spacing: -0.03em;\n margin-bottom: 1.5rem;\n }\n .booking-headline .accent { color: var(--accent); }\n\n .booking-desc {\n color: var(--muted);\n font-size: 1rem;\n line-height: 1.75;\n margin-bottom: 3rem;\n max-width: 420px;\n }\n\n .booking-details {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n .detail-row {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n }\n\n .detail-icon {\n width: 36px;\n height: 36px;\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-size: 1rem;\n }\n\n .detail-text {}\n .detail-label {\n font-family: 'DM Mono', monospace;\n font-size: 0.68rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--muted);\n }\n .detail-value {\n font-size: 0.95rem;\n color: var(--text);\n }\n\n \/* WHAT TO EXPECT *\/\n .expect-title {\n font-family: 'DM Mono', monospace;\n font-size: 0.68rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 1.25rem;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid var(--border);\n }\n\n .expect-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.9rem;\n }\n\n .expect-list li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n font-size: 0.93rem;\n color: var(--muted);\n line-height: 1.5;\n }\n\n .expect-list li::before {\n content: '\u2192';\n color: var(--accent);\n font-family: 'DM Mono', monospace;\n font-size: 0.85rem;\n flex-shrink: 0;\n margin-top: 0.1rem;\n }\n\n \/* RIGHT PANEL \u2014 BOOKING WIDGET *\/\n .booking-widget {\n padding: 6rem 4rem 4rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .widget-label {\n font-family: 'DM Mono', monospace;\n font-size: 0.68rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 2.5rem;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid var(--border);\n width: 100%;\n }\n\n \/* Cal.com placeholder *\/\n .cal-placeholder {\n width: 100%;\n flex: 1;\n background: var(--surface);\n border: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 4rem 2rem;\n text-align: center;\n min-height: 500px;\n }\n\n .cal-icon {\n width: 64px;\n height: 64px;\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.75rem;\n margin-bottom: 2rem;\n }\n\n .cal-placeholder h3 {\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 1.25rem;\n margin-bottom: 0.75rem;\n }\n\n .cal-placeholder p {\n font-size: 0.9rem;\n color: var(--muted);\n max-width: 300px;\n line-height: 1.65;\n margin-bottom: 2rem;\n }\n\n .cal-placeholder .note {\n font-family: 'DM Mono', monospace;\n font-size: 0.68rem;\n letter-spacing: 0.08em;\n color: var(--muted);\n border: 1px dashed var(--border);\n padding: 0.75rem 1.25rem;\n }\n\n .btn-accent {\n font-family: 'DM Mono', monospace;\n font-size: 0.78rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: #ffffff;\n background: var(--accent);\n border: none;\n padding: 0.9rem 2rem;\n cursor: pointer;\n text-decoration: none;\n transition: opacity 0.2s;\n display: inline-block;\n }\n .btn-accent:hover { opacity: 0.85; }\n\n \/* SOCIAL PROOF *\/\n .social-proof {\n margin-top: 3rem;\n width: 100%;\n }\n\n .proof-label {\n font-family: 'DM Mono', monospace;\n font-size: 0.65rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 1.25rem;\n }\n\n .proof-items {\n display: flex;\n flex-direction: column;\n gap: 1px;\n background: var(--border);\n }\n\n .proof-item {\n background: var(--bg);\n padding: 1.25rem 1.5rem;\n }\n\n .proof-quote {\n font-size: 0.9rem;\n color: var(--muted);\n line-height: 1.6;\n font-style: italic;\n margin-bottom: 0.5rem;\n }\n\n .proof-attribution {\n font-family: 'DM Mono', monospace;\n font-size: 0.65rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--accent);\n }\n\n footer {\n padding: 3rem 4rem;\n border-top: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1rem;\n }\n\n .footer-logo {\n font-family: 'Syne', sans-serif;\n font-weight: 800;\n font-size: 1rem;\n color: var(--text);\n }\n .footer-logo span { color: var(--accent); }\n\n .footer-copy {\n font-family: 'DM Mono', monospace;\n font-size: 0.7rem;\n letter-spacing: 0.06em;\n color: var(--muted);\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: none; }\n }\n\n @media (max-width: 900px) {\n .booking-layout { grid-template-columns: 1fr; }\n .booking-info { border-right: none; border-bottom: 1px solid var(--border); }\n }\n @media (max-width: 768px) {\n nav { padding: 1rem 1.5rem; }\n .nav-links { display: none; }\n .booking-info, .booking-widget { padding: 3rem 1.5rem; }\n footer { padding: 2rem 1.5rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <nav>\n <a href=\"\/\" class=\"nav-logo\">o<span>Code<\/span>360<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/index.php\/services\/\">Services<\/a><\/li>\n <li><a href=\"#\">Courses<\/a><\/li>\n <li><a href=\"#\">Coaching<\/a><\/li>\n <li><a href=\"\/index.php\/workshops\/\">Workshops<\/a><\/li>\n <li><a href=\"#\">Tools<\/a><\/li>\n <li><a href=\"\/index.php\/resources\/\">Resources<\/a><\/li>\n <li><a href=\"#\">About<\/a><\/li>\n <\/ul>\n <div class=\"nav-icons\">\n <a href=\"\/index.php\/wishlist\/\" class=\"nav-icon\" title=\"Wishlist\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n <\/a>\n <a href=\"\/index.php\/cart\/\" class=\"nav-icon\" title=\"Cart\" id=\"nav-cart-link\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\n <span class=\"nav-cart-count\" id=\"nav-cart-count\"><\/span>\n <\/a>\n <a href=\"\/index.php\/my-account\/\" class=\"nav-icon\" title=\"My Account\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n <\/a>\n <\/div>\n <a href=\"\/index.php\/book-a-call\/\" class=\"nav-cta\">Book a Call<\/a>\n <\/nav>\n\n <div class=\"booking-layout\">\n\n \n <div class=\"booking-info\">\n <div class=\"booking-glow\"><\/div>\n\n <div class=\"eyebrow\">Discovery Call<\/div>\n <h1 class=\"booking-headline\">30 minutes.<br><span class=\"accent\">No pitch.<\/span><br>Just clarity.<\/h1>\n <p class=\"booking-desc\">This is a conversation, not a sales call. We’ll talk about your data situation, what you’re trying to achieve, and whether we’re a good fit \u2014 honestly.<\/p>\n\n <div class=\"booking-details\">\n <div class=\"detail-row\">\n <div class=\"detail-icon\">\u23f1<\/div>\n <div class=\"detail-text\">\n <div class=\"detail-label\">Duration<\/div>\n <div class=\"detail-value\">30 minutes<\/div>\n <\/div>\n <\/div>\n <div class=\"detail-row\">\n <div class=\"detail-icon\">\ud83d\udcbb<\/div>\n <div class=\"detail-text\">\n <div class=\"detail-label\">Format<\/div>\n <div class=\"detail-value\">Video call (Google Meet or Teams)<\/div>\n <\/div>\n <\/div>\n <div class=\"detail-row\">\n <div class=\"detail-icon\">\ud83c\udf0d<\/div>\n <div class=\"detail-text\">\n <div class=\"detail-label\">Timezone<\/div>\n <div class=\"detail-value\">SAST (UTC+2) \u00b7 Remote-friendly<\/div>\n <\/div>\n <\/div>\n <div class=\"detail-row\">\n <div class=\"detail-icon\">\ud83d\udcb8<\/div>\n <div class=\"detail-text\">\n <div class=\"detail-label\">Cost<\/div>\n <div class=\"detail-value\">Free \u2014 no obligation<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"expect-title\">What we’ll cover<\/div>\n <ul class=\"expect-list\">\n <li>Where your data process is breaking down or creating friction<\/li>\n <li>What outcome would make the biggest difference for your team<\/li>\n <li>Whether analytics consulting, training, or a product is the right fit<\/li>\n <li>Rough scope and approach if we move forward<\/li>\n <li>Any questions you have about how we work<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"booking-widget\">\n <div class=\"widget-label\">\/\/ Select a time<\/div>\n\n \n <div class=\"cal-placeholder\">\n <div class=\"cal-icon\">\ud83d\udcc5<\/div>\n <h3>Booking calendar coming soon<\/h3>\n <p>We’re setting up our Cal.com integration. In the meantime, reach out directly and we’ll find a time that works.<\/p>\n <a href=\"mailto:jacko@ocode360.com\" class=\"btn-accent\" style=\"margin-bottom: 1.5rem;\">Email to Book<\/a>\n <div class=\"note\">\/\/ Cal.com embed will go here<\/div>\n <\/div>\n\n \n <div class=\"social-proof\">\n <div class=\"proof-label\">\/\/ What clients say<\/div>\n <div class=\"proof-items\">\n <div class=\"proof-item\">\n <p class=\"proof-quote\">“Within 30 minutes on the discovery call, Jacko had identified two things we hadn’t even connected as data problems. That alone was worth the time.”<\/p>\n <div class=\"proof-attribution\">\u2014 Operations Director, Retail SME<\/div>\n <\/div>\n <div class=\"proof-item\">\n <p class=\"proof-quote\">“No hard sell, no jargon. Just honest conversation about what was feasible and what wasn’t.”<\/p>\n <div class=\"proof-attribution\">\u2014 CFO, Financial Services Firm<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <footer>\n <div class=\"footer-logo\">o<span>Code<\/span>360<\/div>\n <div class=\"footer-copy\">\u00a9 2025 oCode360 \u00b7 JVW Business Solutions \u00b7 Cape Town, South Africa<\/div>\n <\/footer>\n\n <script>\n (function() {\n fetch('\/wp-json\/wc\/store\/v1\/cart', { credentials: 'include' })\n .then(function(r) { return r.json(); })\n .then(function(data) {\n var count = data.items_count || 0;\n var badge = document.getElementById('nav-cart-count');\n if (badge && count > 0) {\n badge.textContent = count;\n badge.classList.add('has-items');\n }\n })\n .catch(function() {});\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Book a Discovery Call \u2014 oCode360 oCode360 Home Services Courses Coaching Workshops Tools Resources About Book a Call Discovery Call 30 minutes.No pitch.Just clarity. This is a conversation, not a sales call. We’ll talk about your data situation, what you’re trying to achieve, and whether we’re a good fit \u2014 honestly. \u23f1 Duration 30 minutes […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"ocode360-blank","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":5,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions\/154"}],"wp:attachment":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":88,"date":"2026-04-12T20:28:45","date_gmt":"2026-04-12T18:28:45","guid":{"rendered":"http:\/\/ocode360.com\/index.php\/book-a-call\/"},"modified":"2026-04-12T23:48:56","modified_gmt":"2026-04-12T21:48:56","slug":"book-a-call","status":"publish","type":"page","link":"https:\/\/ocode360.com\/index.php\/book-a-call\/","title":{"rendered":"Book a Discovery Call"},"content":{"rendered":"\n\n\n\n \n \n Book a Discovery Call \u2014 oCode360<\/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=Syne:wght@400;600;700;800&family=DM+Mono:ital,wght@0,300;0,400;1,300&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --bg: #ffffff;\n --surface: #f6f6fa;\n --border: #e0e0ec;\n --accent: #00b89e;\n --accent2: #ff6b35;\n --text: #0a0a1f;\n --muted: #6b6b85;\n --subtle: #eeeef5;\n }\n\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n body::before { content: none; \/* disabled *\/\n content: none;\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 0;\n opacity: 0.4;\n }\n\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.25rem 4rem;\n border-bottom: 1px solid var(--border);\n background: rgba(10,10,15,0.9);\n backdrop-filter: blur(16px);\n }\n\n .nav-logo {\n font-family: 'Syne', sans-serif;\n font-weight: 800;\n font-size: 1.2rem;\n letter-spacing: -0.02em;\n color: var(--text);\n text-decoration: none;\n }\n .nav-logo span { color: var(--accent); }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n .nav-links a {\n font-family: 'DM Mono', monospace;\n font-size: 0.85rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n position: relative;\n }\n .nav-links a::after {\n content: none;\n position: absolute;\n bottom: -4px; left: 0; right: 0;\n height: 1px;\n background: var(--accent);\n transform: scaleX(0);\n transition: transform 0.2s;\n }\n .nav-links a:hover { color: var(--text); }\n .nav-links a:hover::after { transform: scaleX(1); }\n\n .nav-cta {\n font-family: 'DM Mono', monospace;\n font-size: 0.85rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: #ffffff;\n background: var(--accent);\n border: none;\n padding: 0.6rem 1.4rem;\n cursor: pointer;\n text-decoration: none;\n transition: opacity 0.2s;\n }\n .nav-cta:hover { opacity: 0.85; }\n \/* \u2500\u2500 NAV ICONS \u2500\u2500 *\/\n .nav-icons {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-right: 0.75rem;\n }\n .nav-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n position: relative;\n }\n .nav-icon:hover { color: var(--accent); }\n .nav-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }\n .nav-cart-count {\n position: absolute;\n top: 2px; right: 2px;\n background: var(--accent);\n color: #fff;\n font-family: 'DM Mono', monospace;\n font-size: 0.55rem;\n font-weight: 700;\n min-width: 16px;\n height: 16px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 3px;\n opacity: 0;\n transition: opacity 0.2s;\n }\n .nav-cart-count.has-items { opacity: 1; }\n\n\n \/* MAIN LAYOUT *\/\n .booking-layout {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding-top: 80px;\n }\n\n \/* LEFT PANEL *\/\n .booking-info {\n padding: 6rem 4rem 4rem;\n background: var(--surface);\n border-right: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n }\n\n .booking-glow {\n position: absolute;\n bottom: -20%;\n left: -10%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(0,229,195,0.08) 0%, transparent 65%);\n pointer-events: none;\n }\n\n .eyebrow {\n font-family: 'DM Mono', monospace;\n font-size: 0.72rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 1.5rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n .eyebrow::before {\n content: none;\n display: block;\n width: 32px;\n height: 1px;\n background: var(--accent);\n }\n\n .booking-headline {\n font-family: 'Syne', sans-serif;\n font-weight: 800;\n font-size: clamp(2rem, 4vw, 3.25rem);\n line-height: 1.05;\n letter-spacing: -0.03em;\n margin-bottom: 1.5rem;\n }\n .booking-headline .accent { color: var(--accent); }\n\n .booking-desc {\n color: var(--muted);\n font-size: 1rem;\n line-height: 1.75;\n margin-bottom: 3rem;\n max-width: 420px;\n }\n\n .booking-details {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n .detail-row {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n }\n\n .detail-icon {\n width: 36px;\n height: 36px;\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-size: 1rem;\n }\n\n .detail-text {}\n .detail-label {\n font-family: 'DM Mono', monospace;\n font-size: 0.68rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--muted);\n }\n .detail-value {\n font-size: 0.95rem;\n color: var(--text);\n }\n\n \/* WHAT TO EXPECT *\/\n .expect-title {\n font-family: 'DM Mono', monospace;\n font-size: 0.68rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 1.25rem;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid var(--border);\n }\n\n .expect-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.9rem;\n }\n\n .expect-list li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n font-size: 0.93rem;\n color: var(--muted);\n line-height: 1.5;\n }\n\n .expect-list li::before {\n content: '\u2192';\n color: var(--accent);\n font-family: 'DM Mono', monospace;\n font-size: 0.85rem;\n flex-shrink: 0;\n margin-top: 0.1rem;\n }\n\n \/* RIGHT PANEL \u2014 BOOKING WIDGET *\/\n .booking-widget {\n padding: 6rem 4rem 4rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .widget-label {\n font-family: 'DM Mono', monospace;\n font-size: 0.68rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 2.5rem;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid var(--border);\n width: 100%;\n }\n\n \/* Cal.com placeholder *\/\n .cal-placeholder {\n width: 100%;\n flex: 1;\n background: var(--surface);\n border: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 4rem 2rem;\n text-align: center;\n min-height: 500px;\n }\n\n .cal-icon {\n width: 64px;\n height: 64px;\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.75rem;\n margin-bottom: 2rem;\n }\n\n .cal-placeholder h3 {\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 1.25rem;\n margin-bottom: 0.75rem;\n }\n\n .cal-placeholder p {\n font-size: 0.9rem;\n color: var(--muted);\n max-width: 300px;\n line-height: 1.65;\n margin-bottom: 2rem;\n }\n\n .cal-placeholder .note {\n font-family: 'DM Mono', monospace;\n font-size: 0.68rem;\n letter-spacing: 0.08em;\n color: var(--muted);\n border: 1px dashed var(--border);\n padding: 0.75rem 1.25rem;\n }\n\n .btn-accent {\n font-family: 'DM Mono', monospace;\n font-size: 0.78rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: #ffffff;\n background: var(--accent);\n border: none;\n padding: 0.9rem 2rem;\n cursor: pointer;\n text-decoration: none;\n transition: opacity 0.2s;\n display: inline-block;\n }\n .btn-accent:hover { opacity: 0.85; }\n\n \/* SOCIAL PROOF *\/\n .social-proof {\n margin-top: 3rem;\n width: 100%;\n }\n\n .proof-label {\n font-family: 'DM Mono', monospace;\n font-size: 0.65rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 1.25rem;\n }\n\n .proof-items {\n display: flex;\n flex-direction: column;\n gap: 1px;\n background: var(--border);\n }\n\n .proof-item {\n background: var(--bg);\n padding: 1.25rem 1.5rem;\n }\n\n .proof-quote {\n font-size: 0.9rem;\n color: var(--muted);\n line-height: 1.6;\n font-style: italic;\n margin-bottom: 0.5rem;\n }\n\n .proof-attribution {\n font-family: 'DM Mono', monospace;\n font-size: 0.65rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--accent);\n }\n\n footer {\n padding: 3rem 4rem;\n border-top: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1rem;\n }\n\n .footer-logo {\n font-family: 'Syne', sans-serif;\n font-weight: 800;\n font-size: 1rem;\n color: var(--text);\n }\n .footer-logo span { color: var(--accent); }\n\n .footer-copy {\n font-family: 'DM Mono', monospace;\n font-size: 0.7rem;\n letter-spacing: 0.06em;\n color: var(--muted);\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: none; }\n }\n\n @media (max-width: 900px) {\n .booking-layout { grid-template-columns: 1fr; }\n .booking-info { border-right: none; border-bottom: 1px solid var(--border); }\n }\n @media (max-width: 768px) {\n nav { padding: 1rem 1.5rem; }\n .nav-links { display: none; }\n .booking-info, .booking-widget { padding: 3rem 1.5rem; }\n footer { padding: 2rem 1.5rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <nav>\n <a href=\"\/\" class=\"nav-logo\">o<span>Code<\/span>360<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/index.php\/services\/\">Services<\/a><\/li>\n <li><a href=\"#\">Courses<\/a><\/li>\n <li><a href=\"#\">Coaching<\/a><\/li>\n <li><a href=\"\/index.php\/workshops\/\">Workshops<\/a><\/li>\n <li><a href=\"#\">Tools<\/a><\/li>\n <li><a href=\"\/index.php\/resources\/\">Resources<\/a><\/li>\n <li><a href=\"#\">About<\/a><\/li>\n <\/ul>\n <div class=\"nav-icons\">\n <a href=\"\/index.php\/wishlist\/\" class=\"nav-icon\" title=\"Wishlist\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n <\/a>\n <a href=\"\/index.php\/cart\/\" class=\"nav-icon\" title=\"Cart\" id=\"nav-cart-link\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\n <span class=\"nav-cart-count\" id=\"nav-cart-count\"><\/span>\n <\/a>\n <a href=\"\/index.php\/my-account\/\" class=\"nav-icon\" title=\"My Account\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n <\/a>\n <\/div>\n <a href=\"\/index.php\/book-a-call\/\" class=\"nav-cta\">Book a Call<\/a>\n <\/nav>\n\n <div class=\"booking-layout\">\n\n \n <div class=\"booking-info\">\n <div class=\"booking-glow\"><\/div>\n\n <div class=\"eyebrow\">Discovery Call<\/div>\n <h1 class=\"booking-headline\">30 minutes.<br><span class=\"accent\">No pitch.<\/span><br>Just clarity.<\/h1>\n <p class=\"booking-desc\">This is a conversation, not a sales call. We’ll talk about your data situation, what you’re trying to achieve, and whether we’re a good fit \u2014 honestly.<\/p>\n\n <div class=\"booking-details\">\n <div class=\"detail-row\">\n <div class=\"detail-icon\">\u23f1<\/div>\n <div class=\"detail-text\">\n <div class=\"detail-label\">Duration<\/div>\n <div class=\"detail-value\">30 minutes<\/div>\n <\/div>\n <\/div>\n <div class=\"detail-row\">\n <div class=\"detail-icon\">\ud83d\udcbb<\/div>\n <div class=\"detail-text\">\n <div class=\"detail-label\">Format<\/div>\n <div class=\"detail-value\">Video call (Google Meet or Teams)<\/div>\n <\/div>\n <\/div>\n <div class=\"detail-row\">\n <div class=\"detail-icon\">\ud83c\udf0d<\/div>\n <div class=\"detail-text\">\n <div class=\"detail-label\">Timezone<\/div>\n <div class=\"detail-value\">SAST (UTC+2) \u00b7 Remote-friendly<\/div>\n <\/div>\n <\/div>\n <div class=\"detail-row\">\n <div class=\"detail-icon\">\ud83d\udcb8<\/div>\n <div class=\"detail-text\">\n <div class=\"detail-label\">Cost<\/div>\n <div class=\"detail-value\">Free \u2014 no obligation<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"expect-title\">What we’ll cover<\/div>\n <ul class=\"expect-list\">\n <li>Where your data process is breaking down or creating friction<\/li>\n <li>What outcome would make the biggest difference for your team<\/li>\n <li>Whether analytics consulting, training, or a product is the right fit<\/li>\n <li>Rough scope and approach if we move forward<\/li>\n <li>Any questions you have about how we work<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"booking-widget\">\n <div class=\"widget-label\">\/\/ Select a time<\/div>\n\n \n <div class=\"cal-placeholder\">\n <div class=\"cal-icon\">\ud83d\udcc5<\/div>\n <h3>Booking calendar coming soon<\/h3>\n <p>We’re setting up our Cal.com integration. In the meantime, reach out directly and we’ll find a time that works.<\/p>\n <a href=\"mailto:jacko@ocode360.com\" class=\"btn-accent\" style=\"margin-bottom: 1.5rem;\">Email to Book<\/a>\n <div class=\"note\">\/\/ Cal.com embed will go here<\/div>\n <\/div>\n\n \n <div class=\"social-proof\">\n <div class=\"proof-label\">\/\/ What clients say<\/div>\n <div class=\"proof-items\">\n <div class=\"proof-item\">\n <p class=\"proof-quote\">“Within 30 minutes on the discovery call, Jacko had identified two things we hadn’t even connected as data problems. That alone was worth the time.”<\/p>\n <div class=\"proof-attribution\">\u2014 Operations Director, Retail SME<\/div>\n <\/div>\n <div class=\"proof-item\">\n <p class=\"proof-quote\">“No hard sell, no jargon. Just honest conversation about what was feasible and what wasn’t.”<\/p>\n <div class=\"proof-attribution\">\u2014 CFO, Financial Services Firm<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <footer>\n <div class=\"footer-logo\">o<span>Code<\/span>360<\/div>\n <div class=\"footer-copy\">\u00a9 2025 oCode360 \u00b7 JVW Business Solutions \u00b7 Cape Town, South Africa<\/div>\n <\/footer>\n\n <script>\n (function() {\n fetch('\/wp-json\/wc\/store\/v1\/cart', { credentials: 'include' })\n .then(function(r) { return r.json(); })\n .then(function(data) {\n var count = data.items_count || 0;\n var badge = document.getElementById('nav-cart-count');\n if (badge && count > 0) {\n badge.textContent = count;\n badge.classList.add('has-items');\n }\n })\n .catch(function() {});\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Book a Discovery Call \u2014 oCode360 oCode360 Home Services Courses Coaching Workshops Tools Resources About Book a Call Discovery Call 30 minutes.No pitch.Just clarity. This is a conversation, not a sales call. We’ll talk about your data situation, what you’re trying to achieve, and whether we’re a good fit \u2014 honestly. \u23f1 Duration 30 minutes […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"ocode360-blank","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":5,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions\/154"}],"wp:attachment":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}