{"id":78,"date":"2026-04-12T19:07:15","date_gmt":"2026-04-12T17:07:15","guid":{"rendered":"http:\/\/ocode360.com\/index.php\/services\/"},"modified":"2026-04-13T21:27:05","modified_gmt":"2026-04-13T19:27:05","slug":"services","status":"publish","type":"page","link":"https:\/\/ocode360.com\/index.php\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Services \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&#038;family=DM+Mono:ital,wght@0,300;0,400;1,300&#038;family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;1,9..40,300&#038;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\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 {\n      content: none;\n    }\n\n    \/* NAV *\/\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 5%;\n      border-bottom: 1px solid var(--border);\n      background: #f0f0f4;\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 { flex: 1; justify-content: center;\n      display: flex;\n      gap: 3.5rem;\n      list-style: none;\n    }\n    .nav-links a {\n      font-family: 'DM Mono', monospace;\n      font-size: 1.05rem;\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: '';\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,\n    .nav-links a.active { color: var(--text); }\n    .nav-links a.active::after,\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: var(--bg);\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    \/* PAGE HERO *\/\n    .page-hero {\n      padding: 10rem max(3rem, calc(50% - 560px));\n      position: relative;\n      overflow: hidden;\n    }\n    .page-hero-glow {\n      position: absolute;\n      top: -10%;\n      right: -5%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(0,229,195,0.07) 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: '';\n      display: block;\n      width: 32px;\n      height: 1px;\n      background: var(--accent);\n    }\n\n    .page-headline {\n      font-family: 'Syne', sans-serif;\n      font-weight: 800;\n      font-size: clamp(2.5rem, 5vw, 4.5rem);\n      line-height: 1.0;\n      letter-spacing: -0.03em;\n      max-width: 700px;\n      margin-bottom: 1.5rem;\n    }\n    .page-headline .accent { color: var(--accent); }\n\n    .page-intro {\n      font-size: 1.1rem;\n      color: var(--muted);\n      max-width: 560px;\n      line-height: 1.75;\n    }\n\n    \/* SECTION *\/\n    section {\n      padding: 5rem max(3rem, calc(50% - 560px));\n      position: relative;\n    }\n\n    .section-label {\n      font-family: 'Syne', sans-serif;\n      font-weight: 700;\n      font-size: 1.4rem;\n      letter-spacing: -0.01em;\n      text-transform: none;\n      color: var(--text);\n      margin-bottom: 3rem;\n      padding-bottom: 1rem;\n      border-bottom: 2px solid var(--accent);\n    }\n\n    \/* SERVICE CARDS *\/\n    .services-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: 1px;\n      background: var(--border);\n      margin-bottom: 5rem;\n    }\n\n    .service-card {\n      background: var(--bg);\n      padding: 2.5rem;\n      transition: background 0.3s;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: background 0.3s, opacity 0.5s, transform 0.5s;\n    }\n    .service-card.visible {\n      opacity: 1;\n      transform: none;\n    }\n    .service-card:hover { background: var(--subtle); }\n\n    .service-number {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.65rem;\n      letter-spacing: 0.12em;\n      color: var(--accent);\n      margin-bottom: 1.5rem;\n    }\n\n    .service-title {\n      font-family: 'Syne', sans-serif;\n      font-weight: 700;\n      font-size: 1.4rem;\n      line-height: 1.2;\n      margin-bottom: 1rem;\n    }\n\n    .service-desc {\n      color: var(--muted);\n      font-size: 0.95rem;\n      line-height: 1.7;\n      margin-bottom: 1.75rem;\n    }\n\n    .service-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n    }\n\n    .tag {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.65rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--muted);\n      border: 1px solid var(--border);\n      padding: 0.3rem 0.75rem;\n    }\n\n    \/* PROCESS *\/\n    .process-steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 0;\n      position: relative;\n    }\n\n    .process-step {\n      padding: 2.5rem 2rem 2rem;\n      border-left: 1px solid var(--border);\n      position: relative;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: opacity 0.5s, transform 0.5s;\n    }\n    .process-step:first-child { border-left: none; }\n    .process-step.visible { opacity: 1; transform: none; }\n\n    .step-num {\n      font-family: 'DM Mono', monospace;\n      font-size: 2.5rem;\n      font-weight: 300;\n      color: var(--border);\n      line-height: 1;\n      margin-bottom: 1rem;\n    }\n\n    .step-title {\n      font-family: 'Syne', sans-serif;\n      font-weight: 700;\n      font-size: 1rem;\n      margin-bottom: 0.75rem;\n    }\n\n    .step-desc {\n      font-size: 0.88rem;\n      color: var(--muted);\n      line-height: 1.6;\n    }\n\n    \/* CTA BAND *\/\n    .cta-band {\n      margin: 2rem 0;\n      padding: 4rem;\n      background: var(--surface);\n      border: 1px solid var(--border);\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 2rem;\n      flex-wrap: wrap;\n    }\n\n    .cta-band-text h2 {\n      font-family: 'Syne', sans-serif;\n      font-weight: 800;\n      font-size: clamp(1.5rem, 3vw, 2.25rem);\n      letter-spacing: -0.02em;\n      margin-bottom: 0.5rem;\n    }\n\n    .cta-band-text p {\n      color: var(--muted);\n      font-size: 0.95rem;\n    }\n\n    .btn-primary {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.78rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--bg);\n      background: var(--accent);\n      border: none;\n      padding: 0.9rem 2rem;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: opacity 0.2s;\n      display: inline-block;\n    }\n    .btn-primary:hover { opacity: 0.85; }\n\n    .btn-secondary {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.78rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--text);\n      background: transparent;\n      border: 1px solid var(--border);\n      padding: 0.9rem 2rem;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: border-color 0.2s, color 0.2s;\n      display: inline-block;\n    }\n    .btn-secondary:hover { border-color: var(--accent); color: var(--accent); }\n\n    \/* FOOTER *\/\n    footer {\n      padding: 3rem max(3rem, calc(50% - 560px));\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    .animate-in {\n      opacity: 0;\n      animation: fadeUp 0.6s ease forwards;\n    }\n    .delay-1 { animation-delay: 0.2s; }\n    .delay-2 { animation-delay: 0.35s; }\n    .delay-3 { animation-delay: 0.5s; }\n\n    @media (max-width: 768px) {\n      nav { padding: 1rem 5%; }\n      .nav-links { flex: 1; justify-content: center; display: none; }\n      .page-hero, section { padding-left: 1.5rem; padding-right: 1.5rem; }\n      .cta-band { padding: 2rem 1.5rem; }\n      footer { padding: 2rem max(3rem, calc(50% - 560px)); }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- NAV -->\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\/\" class=\"active\">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  <!-- PAGE HERO -->\n  <div class=\"page-hero\">\n    <div class=\"page-hero-glow\"><\/div>\n    <div class=\"eyebrow animate-in delay-1\">Consulting &amp; Advisory<\/div>\n    <h1 class=\"page-headline animate-in delay-2\">Data clarity for <span class=\"accent\">growing businesses.<\/span><\/h1>\n    <p class=\"page-intro animate-in delay-3\">We embed with your team to turn messy data into decisions. From analytics strategy to BI implementation \u2014 practical work, no filler.<\/p>\n  <\/div>\n\n  <!-- SERVICES GRID -->\n  <section>\n    <div class=\"section-label\">What we do<\/div>\n    <div class=\"services-grid\">\n\n      <div class=\"service-card\">\n        <div class=\"service-number\">01<\/div>\n        <h2 class=\"service-title\">Analytics Strategy &#038; Roadmap<\/h2>\n        <p class=\"service-desc\">We assess your current data landscape, identify gaps, and build a prioritised roadmap that aligns analytics investment with business outcomes. No jargon \u2014 just a clear plan your team can execute.<\/p>\n        <div class=\"service-tags\">\n          <span class=\"tag\">Data Maturity<\/span>\n          <span class=\"tag\">Roadmapping<\/span>\n          <span class=\"tag\">KPI Design<\/span>\n          <span class=\"tag\">Stakeholder Alignment<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card\">\n        <div class=\"service-number\">02<\/div>\n        <h2 class=\"service-title\">Business Intelligence Implementation<\/h2>\n        <p class=\"service-desc\">From data model to dashboard \u2014 we build BI solutions that your team actually uses. We work in Power BI and Tableau, and design for adoption, not just aesthetics.<\/p>\n        <div class=\"service-tags\">\n          <span class=\"tag\">Power BI<\/span>\n          <span class=\"tag\">Tableau<\/span>\n          <span class=\"tag\">Data Modelling<\/span>\n          <span class=\"tag\">DAX \/ SQL<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card\">\n        <div class=\"service-number\">03<\/div>\n        <h2 class=\"service-title\">Business Process Improvement<\/h2>\n        <p class=\"service-desc\">We map your current workflows, surface inefficiencies, and redesign processes with data at the centre. Often the biggest ROI comes before the dashboard \u2014 in how data is created and collected.<\/p>\n        <div class=\"service-tags\">\n          <span class=\"tag\">Process Mapping<\/span>\n          <span class=\"tag\">Lean \/ Six Sigma<\/span>\n          <span class=\"tag\">Automation<\/span>\n          <span class=\"tag\">Root Cause Analysis<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card\">\n        <div class=\"service-number\">04<\/div>\n        <h2 class=\"service-title\">Data Quality &#038; Governance<\/h2>\n        <p class=\"service-desc\">Bad data costs more than no data. We help you establish standards, fix source-level issues, and build governance frameworks that scale with your business \u2014 without bureaucratic overhead.<\/p>\n        <div class=\"service-tags\">\n          <span class=\"tag\">Data Validation<\/span>\n          <span class=\"tag\">Governance Frameworks<\/span>\n          <span class=\"tag\">Cleansing Pipelines<\/span>\n          <span class=\"tag\">Documentation<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card\">\n        <div class=\"service-number\">05<\/div>\n        <h2 class=\"service-title\">Reporting &#038; Insights Automation<\/h2>\n        <p class=\"service-desc\">Replace manual reporting cycles with automated, reliable insight delivery. We build pipelines that push the right numbers to the right people \u2014 on schedule, without human intervention.<\/p>\n        <div class=\"service-tags\">\n          <span class=\"tag\">Automated Reports<\/span>\n          <span class=\"tag\">Python \/ SQL<\/span>\n          <span class=\"tag\">n8n \/ Zapier<\/span>\n          <span class=\"tag\">Scheduled Delivery<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card\">\n        <div class=\"service-number\">06<\/div>\n        <h2 class=\"service-title\">Team Upskilling &#038; Enablement<\/h2>\n        <p class=\"service-desc\">We train your internal team so you&#8217;re not dependent on us forever. Workshops, on-the-job coaching, and structured learning paths tailored to your tools and your people&#8217;s skill levels.<\/p>\n        <div class=\"service-tags\">\n          <span class=\"tag\">Workshops<\/span>\n          <span class=\"tag\">1-on-1 Coaching<\/span>\n          <span class=\"tag\">Custom Curriculum<\/span>\n          <span class=\"tag\">Capability Building<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- ENGAGEMENT MODELS -->\n    <div class=\"section-label\">How we engage<\/div>\n    <div class=\"services-grid\" style=\"margin-bottom: 0;\">\n\n      <div class=\"service-card\">\n        <div class=\"service-number\">Project<\/div>\n        <h2 class=\"service-title\">Fixed-Scope Delivery<\/h2>\n        <p class=\"service-desc\">Defined deliverables, defined timeline, fixed price. Best for BI implementations, process audits, or strategy engagements with a clear end state.<\/p>\n        <div class=\"service-tags\">\n          <span class=\"tag\">4\u201312 Weeks<\/span>\n          <span class=\"tag\">Clear Deliverables<\/span>\n          <span class=\"tag\">Fixed Price<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card\">\n        <div class=\"service-number\">Retainer<\/div>\n        <h2 class=\"service-title\">Ongoing Advisory<\/h2>\n        <p class=\"service-desc\">A set number of hours per month \u2014 your embedded analytics partner. Ideal for growing teams that need consistent support without a full-time hire.<\/p>\n        <div class=\"service-tags\">\n          <span class=\"tag\">Monthly<\/span>\n          <span class=\"tag\">Priority Access<\/span>\n          <span class=\"tag\">Flexible Scope<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card\">\n        <div class=\"service-number\">Embedded<\/div>\n        <h2 class=\"service-title\">Team Extension<\/h2>\n        <p class=\"service-desc\">We work inside your team \u2014 attending standups, contributing alongside your staff. For businesses needing hands-on, day-to-day analytics capacity without permanent headcount.<\/p>\n        <div class=\"service-tags\">\n          <span class=\"tag\">On-site \/ Remote<\/span>\n          <span class=\"tag\">Full Integration<\/span>\n          <span class=\"tag\">Day Rate<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- PROCESS -->\n  <section style=\"background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);\">\n    <div class=\"section-label\">Our process<\/div>\n    <div class=\"process-steps\">\n      <div class=\"process-step\">\n        <div class=\"step-num\">01<\/div>\n        <div class=\"step-title\">Discovery Call<\/div>\n        <p class=\"step-desc\">30-minute no-commitment conversation to understand your situation, challenges, and what success looks like.<\/p>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"step-num\">02<\/div>\n        <div class=\"step-title\">Scoping &#038; Proposal<\/div>\n        <p class=\"step-desc\">We map the work, define deliverables and timeline, and present a clear proposal with transparent pricing.<\/p>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"step-num\">03<\/div>\n        <div class=\"step-title\">Kickoff &#038; Deep Dive<\/div>\n        <p class=\"step-desc\">We get access to your data, systems, and team. The first week is always about understanding before building.<\/p>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"step-num\">04<\/div>\n        <div class=\"step-title\">Build &#038; Iterate<\/div>\n        <p class=\"step-desc\">Regular check-ins, working prototypes, and feedback loops. You see progress \u2014 you don&#8217;t wait for a big reveal.<\/p>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"step-num\">05<\/div>\n        <div class=\"step-title\">Handover &#038; Enablement<\/div>\n        <p class=\"step-desc\">We document what we built, train your team, and leave you genuinely capable of running it without us.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA BAND -->\n  <section>\n    <div class=\"cta-band\">\n      <div class=\"cta-band-text\">\n        <h2>Ready to talk about your data?<\/h2>\n        <p>Book a free 30-minute discovery call. No sales pitch \u2014 just a real conversation.<\/p>\n      <\/div>\n      <div style=\"display: flex; gap: 1rem; flex-wrap: wrap;\">\n        <a href=\"\/index.php\/book-a-call\/\" class=\"btn-primary\">Book a Discovery Call<\/a>\n        <a href=\"\/index.php\/pricing\/\" class=\"btn-secondary\">View Pricing<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\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    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) {\n          e.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.service-card, .process-step').forEach(el => observer.observe(el));\n  <\/script>\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>Services \u2014 oCode360 oCode360 Home Services Courses Coaching Workshops Tools Resources About Book a Call Consulting &amp; Advisory Data clarity for growing businesses. We embed with your team to turn messy data into decisions. From analytics strategy to BI implementation \u2014 practical work, no filler. What we do 01 Analytics Strategy &#038; Roadmap We assess [&hellip;]<\/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-78","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/78","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=78"}],"version-history":[{"count":13,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions\/230"}],"wp:attachment":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/media?parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}