{"id":1145,"date":"2026-01-22T11:05:07","date_gmt":"2026-01-22T11:05:07","guid":{"rendered":"https:\/\/bizblueprint.id\/?page_id=1145"},"modified":"2026-01-23T02:39:07","modified_gmt":"2026-01-23T02:39:07","slug":"fundamental-business-strategy-and-roadmap","status":"publish","type":"page","link":"https:\/\/bizblueprint.id\/id\/fundamental-business-strategy-and-roadmap\/","title":{"rendered":"Fundamental Business Strategy and Roadmap"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1145\" class=\"elementor elementor-1145\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1e43a06 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1e43a06\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-29a1f60\" data-id=\"29a1f60\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5956deb elementor-widget elementor-widget-html\" data-id=\"5956deb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Bizblueprint Consulting - Fundamental Business Strategy<\/title>\r\n    <style>\r\n        \/* Import Fonts *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@400;700&family=Poppins:wght@300;400;500;600;700&display=swap');\r\n        \r\n        #bizblueprint-wrapper {\r\n            font-family: 'Poppins', sans-serif !important;\r\n            background-color: #032a60;\r\n            color: #ffffff;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n            overflow-x: hidden;\r\n            scroll-behavior: smooth;\r\n        }\r\n        \r\n        #bizblueprint-wrapper h1, \r\n        #bizblueprint-wrapper h2, \r\n        #bizblueprint-wrapper h3, \r\n        #bizblueprint-wrapper h4 {\r\n            font-family: 'League Spartan', sans-serif !important;\r\n            color: #ffffff;\r\n            margin: 0;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        \/* Modal specific styles *\/\r\n        .bb-modal-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            inset: 0;\r\n            background: rgba(1, 11, 29, 0.98);\r\n            backdrop-filter: blur(15px);\r\n            z-index: 9999999;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 12px;\r\n            overflow-y: auto;\r\n        }\r\n        \r\n        .bb-modal-overlay.active {\r\n            display: flex;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        .bb-animate-fade { animation: bbFadeIn 0.8s ease-out forwards; }\r\n        .bb-animate-scale { animation: bbScaleIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\r\n        \r\n        @keyframes bbFadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }\r\n        @keyframes bbScaleIn { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }\r\n\r\n        \/* Custom UI Components *\/\r\n        .brand-gradient {\r\n            background: linear-gradient(135deg, #ff6002 0%, #e55602 100%);\r\n        }\r\n        .brand-shadow { \r\n            box-shadow: 0 15px 35px -12px rgba(255, 96, 2, 0.45); \r\n        }\r\n        .glass-card {\r\n            background: rgba(38, 51, 78, 0.35);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n        }\r\n        .selection-orange::selection { background: #ff6002; color: white; }\r\n        \r\n        @media (max-width: 380px) {\r\n            #bizblueprint-wrapper h1 { font-size: 2.25rem !important; }\r\n        }\r\n    <\/style>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        brand: {\r\n                            navy: '#032a60',\r\n                            orange: '#ff6002',\r\n                            dark: '#011129',\r\n                            item: '#26334e',\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"selection-orange\">\r\n    <div id=\"bizblueprint-wrapper\">\r\n        <!-- 1. HERO SECTION (ATTENTION) -->\r\n        <section class=\"relative min-h-screen flex flex-col items-center justify-center px-4 sm:px-6 py-20 text-center overflow-hidden\">\r\n            <div class=\"absolute inset-0 overflow-hidden pointer-events-none\">\r\n                <div class=\"absolute top-[-5%] left-[-10%] w-[80%] h-[80%] rounded-full bg-brand-orange opacity-[0.07] blur-[120px]\"><\/div>\r\n                <div class=\"absolute bottom-[-5%] right-[-10%] w-[70%] h-[70%] rounded-full bg-brand-item opacity-[0.12] blur-[120px]\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"max-w-6xl z-10 bb-animate-fade px-2\">\r\n                <div class=\"inline-flex items-center gap-2 mb-6 sm:mb-8 bg-white\/5 border border-white\/10 px-4 py-2 rounded-full\">\r\n                    <span class=\"w-2 h-2 rounded-full bg-brand-orange animate-pulse\"><\/span>\r\n                    <span class=\"text-white\/70 font-bold tracking-[0.15em] uppercase text-[9px] sm:text-[10px]\">Strategic Advisory Services<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"text-4xl sm:text-6xl lg:text-8xl font-bold leading-[1.1] mb-8 sm:mb-12\">\r\n                    Strategi Bisnis Anda <br class=\"hidden lg:block\"\/> Terlihat Sibuk,Tapi Benarkah <span class=\"text-brand-orange italic underline decoration-white\/10 decoration-2\">Terarah?<\/span>\r\n                <\/h1>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6 text-left max-w-4xl mx-auto mb-12 sm:mb-16 glass-card p-6 sm:p-10 rounded-3xl border-white\/10\">\r\n                    <div class=\"space-y-4 sm:space-y-5\">\r\n                        <div class=\"flex items-start gap-3 sm:gap-4\">\r\n                            <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full bg-red-500\/20 text-red-500 flex items-center justify-center text-[10px] font-bold mt-1 shrink-0\">\u2715<\/span>\r\n                            <p class=\"text-white\/80 text-base sm:text-lg leading-snug\">Perusahaan tumbuh tanpa peta jalan yang jelas<\/p>\r\n                        <\/div>\r\n                        <div class=\"flex items-start gap-3 sm:gap-4\">\r\n                            <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full bg-red-500\/20 text-red-500 flex items-center justify-center text-[10px] font-bold mt-1 shrink-0\">\u2715<\/span>\r\n                            <p class=\"text-white\/80 text-base sm:text-lg leading-snug\">Keputusan dibuat secara reaktif, berbasis asumsi<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"space-y-4 sm:space-y-5\">\r\n                        <div class=\"flex items-start gap-3 sm:gap-4\">\r\n                            <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full bg-red-500\/20 text-red-500 flex items-center justify-center text-[10px] font-bold mt-1 shrink-0\">\u2715<\/span>\r\n                            <p class=\"text-white\/80 text-base sm:text-lg leading-snug\">Eksekusi tidak sinkron antar departemen<\/p>\r\n                        <\/div>\r\n                        <div class=\"flex items-start gap-3 sm:gap-4\">\r\n                            <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full bg-red-500\/20 text-red-500 flex items-center justify-center text-[10px] font-bold mt-1 shrink-0\">\u2715<\/span>\r\n                            <p class=\"text-white\/80 text-base sm:text-lg leading-snug\">Manajemen bekerja keras, namun hasil stagnan<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <p class=\"text-lg sm:text-2xl md:text-3xl font-medium text-white mb-12 sm:mb-16 max-w-4xl mx-auto leading-relaxed italic opacity-90 px-2\">\r\n                    \u201cKe mana bisnis ini akan dibawa, dengan prioritas apa, dan bagaimana mengeksekusinya secara terukur?\u201d\r\n                <\/p>\r\n\r\n                <div class=\"flex flex-col sm:flex-row gap-4 sm:gap-6 justify-center items-stretch sm:items-center\">\r\n                    <button onclick=\"toggleBBModal(true)\" class=\"px-10 py-5 sm:px-14 sm:py-7 brand-gradient text-white font-bold rounded-2xl text-lg sm:text-xl brand-shadow transition-all transform hover:scale-105 active:scale-95\">\r\n                        Jadwalkan Konsultasi\r\n                    <\/button>\r\n                    <p class=\"text-white\/40 text-[10px] sm:text-sm mt-2 sm:mt-0 italic uppercase tracking-widest text-center\">Bizblueprint Consulting Group<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 2. INTEREST SECTION -->\r\n        <section class=\"py-20 sm:py-32 bg-brand-dark px-4 sm:px-6\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"text-center mb-16 sm:mb-24\">\r\n                    <h2 class=\"text-3xl sm:text-5xl lg:text-6xl font-bold mb-6 sm:mb-8\">More Consulting Authority<\/h2>\r\n                    <p class=\"text-white\/60 max-w-2xl mx-auto text-lg sm:text-xl px-4\">\r\n                        We don\u2019t just advise. We help you build a clear, executable business strategy that aligns direction, execution, and measurable results.\r\n                    <\/p>\r\n                    <div class=\"h-1 w-16 sm:h-1.5 sm:w-24 brand-gradient mx-auto mt-8 sm:mt-10 rounded-full\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\r\n                    <div class=\"space-y-8 sm:space-y-10 order-2 lg:order-1\">\r\n                        <p class=\"text-xl sm:text-2xl text-white\/80 leading-relaxed font-light px-2\">\r\n                            Melalui <span class=\"text-brand-orange font-bold italic underline decoration-white\/20 decoration-2\">pendekatan consulting-grade,Bizblueprint membantu Anda mencapai:<\/span> approach, we help you achieve:\r\n                        <\/p>\r\n                        \r\n                        <div class=\"grid gap-4\">\r\n                            <div class=\"flex items-center gap-4 sm:gap-6 glass-card p-5 sm:p-6 rounded-2xl sm:rounded-3xl border-white\/5 group hover:border-brand-orange\/30 transition-all\">\r\n                                <div class=\"flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-xl sm:rounded-2xl brand-gradient flex items-center justify-center text-base sm:text-lg font-bold shadow-lg\">01<\/div>\r\n                                <span class=\"font-bold text-base sm:text-xl group-hover:text-brand-orange transition-colors\">Winning Aspiration &amp; Strategic Direction<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex items-center gap-4 sm:gap-6 glass-card p-5 sm:p-6 rounded-2xl sm:rounded-3xl border-white\/5 group hover:border-brand-orange\/30 transition-all\">\r\n                                <div class=\"flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-xl sm:rounded-2xl brand-gradient flex items-center justify-center text-base sm:text-lg font-bold shadow-lg\">02<\/div>\r\n                                <span class=\"font-bold text-base sm:text-xl group-hover:text-brand-orange transition-colors\">Problem Framing berbasis data<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex items-center gap-4 sm:gap-6 glass-card p-5 sm:p-6 rounded-2xl sm:rounded-3xl border-white\/5 group hover:border-brand-orange\/30 transition-all\">\r\n                                <div class=\"flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-xl sm:rounded-2xl brand-gradient flex items-center justify-center text-base sm:text-lg font-bold shadow-lg\">03<\/div>\r\n                                <span class=\"font-bold text-base sm:text-xl group-hover:text-brand-orange transition-colors\">Roadmap eksekusi 12\u201336 bulan<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex items-center gap-4 sm:gap-6 glass-card p-5 sm:p-6 rounded-2xl sm:rounded-3xl border-white\/5 group hover:border-brand-orange\/30 transition-all\">\r\n                                <div class=\"flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-xl sm:rounded-2xl brand-gradient flex items-center justify-center text-base sm:text-lg font-bold shadow-lg\">04<\/div>\r\n                                <span class=\"font-bold text-base sm:text-xl group-hover:text-brand-orange transition-colors\">Sinkronisasi KPI dan organisasi<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"relative order-1 lg:order-2 mb-10 lg:mb-0\">\r\n                        <div class=\"absolute -inset-10 bg-brand-orange\/10 blur-[80px] rounded-full\"><\/div>\r\n                        <div class=\"relative glass-card p-8 sm:p-12 lg:p-16 rounded-[2.5rem] sm:rounded-[4rem] border-brand-orange\/20 shadow-3xl\">\r\n                            <h3 class=\"text-2xl sm:text-3xl font-bold mb-6 sm:mb-10 text-brand-orange uppercase tracking-tight\">Executive Strategy Deck<\/h3>\r\n                            <p class=\"text-white\/70 mb-8 sm:mb-12 text-lg sm:text-xl italic leading-relaxed\">Dokumen strategi premium yang siap digunakan untuk:<\/p>\r\n                            <ul class=\"space-y-6 sm:space-y-8\">\r\n                                <li class=\"flex gap-4 sm:gap-6 group\">\r\n                                    <span class=\"text-brand-orange text-2xl sm:text-3xl font-bold group-hover:translate-x-2 transition-transform\">\u2192<\/span>\r\n                                    <span class=\"text-lg sm:text-2xl text-white\/90\">Presentasi Board &amp; Investor<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex gap-4 sm:gap-6 group\">\r\n                                    <span class=\"text-brand-orange text-2xl sm:text-3xl font-bold group-hover:translate-x-2 transition-transform\">\u2192<\/span>\r\n                                    <span class=\"text-lg sm:text-2xl text-white\/90\">Dicetak sebagai Strategy Book<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex gap-4 sm:gap-6 group\">\r\n                                    <span class=\"text-brand-orange text-2xl sm:text-3xl font-bold group-hover:translate-x-2 transition-transform\">\u2192<\/span>\r\n                                    <span class=\"text-lg sm:text-2xl text-white\/90\">Menjadi kompas utama dalam dashboard pengambilan keputusan CEO<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 3. SOLUTION SECTION -->\r\n        <section class=\"py-20 sm:py-32 px-4 sm:px-6 bg-brand-navy\">\r\n            <div class=\"max-w-7xl mx-auto\">\r\n                <div class=\"mb-20 sm:mb-32 text-center\">\r\n                    <h2 class=\"text-3xl sm:text-5xl lg:text-7xl font-bold mb-12 sm:mb-16\">Bayangkan Bisnis Anda Memiliki:<\/h2>\r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8 px-2\">\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl flex flex-col items-center text-center gap-5 sm:gap-6 border-white\/5 hover:border-brand-orange\/40 transition-all group\">\r\n                            <div class=\"text-4xl sm:text-5xl group-hover:scale-125 transition-transform duration-500\">\ud83c\udfaf<\/div>\r\n                            <p class=\"font-bold text-xl sm:text-2xl text-white\/90 leading-snug\">Satu arah strategis yang solid dan disepakati<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl flex flex-col items-center text-center gap-5 sm:gap-6 border-white\/5 hover:border-brand-orange\/40 transition-all group\">\r\n                            <div class=\"text-4xl sm:text-5xl group-hover:scale-125 transition-transform duration-500\">\ud83d\uddfa\ufe0f<\/div>\r\n                            <p class=\"font-bold text-xl sm:text-2xl text-white\/90 leading-snug\">Roadmap eksekusi yang presisi dan realistis<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl flex flex-col items-center text-center gap-5 sm:gap-6 border-white\/5 hover:border-brand-orange\/40 transition-all group\">\r\n                            <div class=\"text-4xl sm:text-5xl group-hover:scale-125 transition-transform duration-500\">\ud83d\udcb0<\/div>\r\n                            <p class=\"font-bold text-xl sm:text-2xl text-white\/90 leading-snug\">Prioritas inisiatif yang mendorong profitabilitas<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl flex flex-col items-center text-center gap-5 sm:gap-6 border-white\/5 hover:border-brand-orange\/40 transition-all group\">\r\n                            <div class=\"text-4xl sm:text-5xl group-hover:scale-125 transition-transform duration-500\">\ud83e\udde0<\/div>\r\n                            <p class=\"font-bold text-xl sm:text-2xl text-white\/90 leading-snug\">Keputusan berbasis insight, bukan asumsi<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl flex flex-col items-center text-center gap-5 sm:gap-6 border-white\/5 hover:border-brand-orange\/40 transition-all group\">\r\n                            <div class=\"text-4xl sm:text-5xl group-hover:scale-125 transition-transform duration-500\">\ud83d\udcc4<\/div>\r\n                            <p class=\"font-bold text-xl sm:text-2xl text-white\/90 leading-snug\">Dokumen strategi yang hidup dan digunakan<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl flex flex-col items-center text-center gap-5 sm:gap-6 border-white\/5 hover:border-brand-orange\/40 transition-all group\">\r\n                            <div class=\"text-4xl sm:text-5xl group-hover:scale-125 transition-transform duration-500\">\ud83d\udc65<\/div>\r\n                            <p class=\"font-bold text-xl sm:text-2xl text-white\/90 leading-snug\">Kejelasan peran dan keselarasan manajemen<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bg-gradient-to-br from-brand-dark to-brand-item p-8 sm:p-12 lg:p-24 rounded-[2.5rem] sm:rounded-[5rem] border border-white\/10 shadow-3xl relative overflow-hidden group\">\r\n                    <div class=\"absolute top-0 right-0 w-64 h-64 sm:w-96 sm:h-96 bg-brand-orange opacity-[0.05] blur-[100px]\"><\/div>\r\n                    <div class=\"flex flex-col lg:flex-row gap-12 lg:gap-20 items-center\">\r\n                        <div class=\"flex-1 order-2 lg:order-1\">\r\n                            <h3 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold mb-8 sm:mb-12 leading-tight\">Deliverables Utama <br\/><span class=\"text-brand-orange text-2xl sm:text-4xl\">Fundamental Business Assessment<\/span><\/h3>\r\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-8 lg:gap-x-12 gap-y-6 sm:gap-y-8\">\r\n                                <div class=\"flex items-center gap-4\">\r\n                                    <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full brand-gradient flex items-center justify-center text-[9px] font-bold shrink-0 shadow-lg\">\u2713<\/span>\r\n                                    <span class=\"text-white\/80 text-base sm:text-xl font-medium tracking-tight\">Fundamental Assessment<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-4\">\r\n                                    <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full brand-gradient flex items-center justify-center text-[9px] font-bold shrink-0 shadow-lg\">\u2713<\/span>\r\n                                    <span class=\"text-white\/80 text-base sm:text-xl font-medium tracking-tight\">Strategic Problem Framing<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-4\">\r\n                                    <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full brand-gradient flex items-center justify-center text-[9px] font-bold shrink-0 shadow-lg\">\u2713<\/span>\r\n                                    <span class=\"text-white\/80 text-base sm:text-xl font-medium tracking-tight\">Winning Aspiration<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-4\">\r\n                                    <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full brand-gradient flex items-center justify-center text-[9px] font-bold shrink-0 shadow-lg\">\u2713<\/span>\r\n                                    <span class=\"text-white\/80 text-base sm:text-xl font-medium tracking-tight\">Value Creation Logic<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-4\">\r\n                                    <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full brand-gradient flex items-center justify-center text-[9px] font-bold shrink-0 shadow-lg\">\u2713<\/span>\r\n                                    <span class=\"text-white\/80 text-base sm:text-xl font-medium tracking-tight\">Strategic Choices<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-4\">\r\n                                    <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full brand-gradient flex items-center justify-center text-[9px] font-bold shrink-0 shadow-lg\">\u2713<\/span>\r\n                                    <span class=\"text-white\/80 text-base sm:text-xl font-medium tracking-tight\">Execution Roadmap<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-4\">\r\n                                    <span class=\"w-5 h-5 sm:w-6 sm:h-6 rounded-full brand-gradient flex items-center justify-center text-[9px] font-bold shrink-0 shadow-lg\">\u2713<\/span>\r\n                                    <span class=\"text-white\/80 text-base sm:text-xl font-medium tracking-tight\">KPI &amp; Governance Framework<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"lg:w-2\/5 order-1 lg:order-2 w-full\">\r\n                            <div class=\"relative max-w-sm mx-auto lg:max-w-none\">\r\n                                <div class=\"absolute -inset-4 bg-brand-orange\/20 blur-3xl rounded-[2rem] opacity-0 group-hover:opacity-100 transition duration-700\"><\/div>\r\n                                <img decoding=\"async\" src=\"https:\/\/bizblueprint.id\/IMG_8824.png\" class=\"relative rounded-[2rem] sm:rounded-[3rem] shadow-2xl w-full h-[300px] sm:h-[450px] lg:h-[500px] object-cover border border-white\/10 grayscale-[30%] group-hover:grayscale-0 transition-all duration-700 transform group-hover:scale-[1.02]\" alt=\"Strategic Deliverables\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 4. CEO PERSPECTIVE (DESIRE) -->\r\n        <section class=\"py-20 sm:py-32 px-4 sm:px-6 bg-brand-dark relative overflow-hidden\">\r\n            <div class=\"max-w-7xl mx-auto relative z-10\">\r\n                <div class=\"flex flex-col lg:flex-row gap-12 lg:gap-24 items-center\">\r\n                    <div class=\"lg:w-1\/2 text-center lg:text-left\">\r\n                        <span class=\"brand-gradient text-white px-5 py-1.5 rounded-full text-[10px] sm:text-xs font-bold uppercase tracking-widest mb-6 sm:mb-8 inline-block shadow-lg\">CEO Perspective<\/span>\r\n                        <h2 class=\"text-4xl sm:text-6xl lg:text-8xl font-bold mb-8 sm:mb-10 leading-[1.0]\">Mengapa CEO Wajib <span class=\"text-brand-orange\">Mengapa CEO Wajib Punya Fundamental Strategi?<\/span><\/h2>\r\n                        <p class=\"text-white\/60 text-lg sm:text-2xl mb-10 sm:mb-12 leading-relaxed font-light px-4 lg:px-0\">Kejelasan roadmap membedakan pemimpin yang hanya mengikuti arus\ndengan navigator yang memegang kendali penuh atas arah bisnis.<\/p>\r\n                        <div class=\"h-1.5 w-20 sm:w-32 brand-gradient rounded-full mx-auto lg:mx-0\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"lg:w-1\/2 grid grid-cols-1 sm:grid-cols-2 gap-6 sm:gap-8 w-full mt-12 lg:mt-0 px-2\">\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl border-white\/5 hover:border-brand-orange\/30 transition-all hover:bg-brand-navy\">\r\n                            <h4 class=\"font-bold text-white mb-4 sm:mb-5 text-xl sm:text-2xl\">Kendali Penuh<\/h4>\r\n                            <p class=\"text-white\/50 text-base sm:text-lg leading-relaxed\">CEO bukan lagi penumpang, tetapi navigator yang aktif bermanuver<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl border-white\/5 hover:border-brand-orange\/30 transition-all hover:bg-brand-navy\">\r\n                            <h4 class=\"font-bold text-white mb-4 sm:mb-5 text-xl sm:text-2xl\">Filter Strategis<\/h4>\r\n                            <p class=\"text-white\/50 text-base sm:text-lg leading-relaxed\">Kemampuan berkata TIDAK pada peluang yang tidak relevan<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl border-white\/5 hover:border-brand-orange\/30 transition-all hover:bg-brand-navy\">\r\n                            <h4 class=\"font-bold text-white mb-4 sm:mb-5 text-xl sm:text-2xl\">Kepercayaan Investor<\/h4>\r\n                            <p class=\"text-white\/50 text-base sm:text-lg leading-relaxed\">Roadmap yang solid membangun trust Board &amp; Investor<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-card p-8 sm:p-10 rounded-3xl border-white\/5 hover:border-brand-orange\/30 transition-all hover:bg-brand-navy\">\r\n                            <h4 class=\"font-bold text-white mb-4 sm:mb-5 text-xl sm:text-2xl\">Tanpa Blind Spot<\/h4>\r\n                            <p class=\"text-white\/50 text-base sm:text-lg leading-relaxed\">Memahami dampak keputusan hari ini terhadap masa depan<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 5. PROOF SECTION -->\r\n        <section class=\"py-20 sm:py-32 px-4 sm:px-6 bg-brand-navy\">\r\n            <div class=\"max-w-7xl mx-auto px-2\">\r\n                <div class=\"glass-card rounded-[2.5rem] sm:rounded-[4rem] overflow-hidden flex flex-col lg:flex-row shadow-2xl border-white\/10 group\">\r\n                    <div class=\"lg:w-1\/2 p-8 sm:p-12 md:p-24 flex flex-col justify-center text-center lg:text-left\">\r\n                        <span class=\"text-brand-orange font-bold uppercase tracking-[0.2em] text-[10px] sm:text-xs mb-8 block\">Proven Transformation<\/span>\r\n                        <h3 class=\"text-3xl sm:text-4xl lg:text-6xl font-bold mb-8 sm:mb-12 italic text-white leading-tight\">\u201cRoadmap memberikan kejelasan bagi tim untuk mengeksekusi pertumbuhan dengan presisi.\u201d<\/h3>\r\n                        <div class=\"flex items-center justify-center lg:justify-start gap-6 sm:gap-8 border-t border-white\/10 pt-10 sm:pt-12\">\r\n                            <div class=\"w-16 h-16 sm:w-20 sm:h-20 brand-gradient rounded-2xl flex items-center justify-center font-bold text-2xl sm:text-3xl shadow-xl shrink-0\">Q<\/div>\r\n                            <div class=\"text-left\">\r\n                                <p class=\"text-xl sm:text-2xl font-bold\">Client Qollabo<\/p>\r\n                                <p class=\"text-white\/40 text-sm sm:text-lg uppercase tracking-widest\">Strategy Project<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lg:w-1\/2 min-h-[300px] sm:min-h-[500px] lg:min-h-[600px] bg-cover bg-center grayscale group-hover:grayscale-0 transition-all duration-1000 transform group-hover:scale-[1.03]\" style=\"background-image: url('https:\/\/bizblueprint.id\/closingproject.jpeg')\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 6. FINAL ACTION (CTA) -->\r\n        <section class=\"py-32 sm:py-48 px-4 sm:px-6 bg-gradient-to-b from-brand-navy to-brand-dark text-center relative overflow-hidden\">\r\n            <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[180%] h-[180%] bg-brand-orange opacity-[0.03] blur-[150px] pointer-events-none\"><\/div>\r\n            \r\n            <div class=\"max-w-6xl mx-auto z-10 relative px-2\">\r\n                <h2 class=\"text-4xl sm:text-6xl lg:text-9xl font-bold mb-12 sm:mb-16 leading-[1.0]\">Mulai Menyusun <br\/><span class=\"text-brand-orange\">Roadmap Anda<\/span><\/h2>\r\n                <p class=\"text-lg sm:text-2xl lg:text-3xl text-white\/60 mb-16 sm:mb-20 max-w-4xl mx-auto leading-relaxed font-light px-4\">\r\n                    Jangan biarkan bisnis berjalan tanpa kompas.\nBangun Fundamental Business Strategy &amp; Roadmap bersama Bizblueprint sekarang.\r\n                <\/p>\r\n                <div class=\"flex flex-col md:flex-row gap-6 sm:gap-8 justify-center items-stretch sm:items-center\">\r\n                    <button onclick=\"toggleBBModal(true)\" class=\"px-12 py-6 sm:px-16 sm:py-8 brand-gradient text-white text-xl sm:text-2xl font-bold rounded-2xl brand-shadow transition-all transform hover:scale-105 active:scale-95\">\r\n                        Jadwalkan Konsultasi\r\n                    <\/button>\r\n                    <a href=\"https:\/\/check.bizblueprint.id\" target=\"_blank\" class=\"px-12 py-6 sm:px-16 sm:py-8 glass-card hover:bg-white\/10 text-white text-xl sm:text-2xl font-bold rounded-2xl border-white\/20 transition-all transform hover:scale-105 flex items-center justify-center gap-4 sm:gap-6\">\r\n                        Check Diagnostic\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 sm:h-8 sm:w-8 text-brand-orange\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"mt-32 sm:mt-40 pt-10 border-t border-white\/5\">\r\n                    <p class=\"text-white\/20 text-[10px] sm:text-xs font-bold uppercase tracking-[0.4em]\">Bizblueprint Consulting \u00a9 <span id=\"year-placeholder\"><\/span><\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 7. LEAD MODAL (ACTION) -->\r\n        <div id=\"bb-modal\" class=\"bb-modal-overlay\">\r\n            <div class=\"relative w-full max-w-xl bg-brand-navy border border-white\/10 rounded-[2.5rem] sm:rounded-[4rem] shadow-[0_0_120px_rgba(0,0,0,0.8)] overflow-hidden bb-animate-scale my-auto\">\r\n                <div class=\"p-8 sm:p-12 md:p-16\">\r\n                    <div class=\"flex justify-between items-start mb-8 sm:mb-12\">\r\n                        <div>\r\n                            <h3 class=\"text-2xl sm:text-4xl font-bold text-white mb-2 sm:mb-3\">Strategic Consultation<\/h3>\r\n                            <p class=\"text-white\/50 text-base sm:text-xl\">Connect with your future business roadmap.<\/p>\r\n                        <\/div>\r\n                        <button onclick=\"toggleBBModal(false)\" class=\"text-white\/30 hover:text-white transition-colors p-2 sm:p-3 bg-white\/5 rounded-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 sm:h-8 sm:w-8\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <form onsubmit=\"handleBBSubmit(event)\" class=\"space-y-6 sm:space-y-8\" action=\"\">\r\n                        <div class=\"space-y-2 sm:space-y-3\">\r\n                            <label class=\"block text-[10px] font-bold text-brand-orange uppercase tracking-widest ml-1\">Full Name<\/label>\r\n                            <input type=\"text\" id=\"bb-name\" required placeholder=\"Your Name\" class=\"w-full px-6 py-4 sm:px-8 sm:py-6 bg-brand-item\/50 border border-white\/10 rounded-2xl sm:rounded-3xl text-white focus:outline-none focus:ring-2 focus:ring-brand-orange transition-all text-lg sm:text-xl placeholder:text-white\/20\" \/>\r\n                        <\/div>\r\n                        <div class=\"space-y-2 sm:space-y-3\">\r\n                            <label class=\"block text-[10px] font-bold text-brand-orange uppercase tracking-widest ml-1\">Company Name<\/label>\r\n                            <input type=\"text\" id=\"bb-company\" required placeholder=\"Company Name\" class=\"w-full px-6 py-4 sm:px-8 sm:py-6 bg-brand-item\/50 border border-white\/10 rounded-2xl sm:rounded-3xl text-white focus:outline-none focus:ring-2 focus:ring-brand-orange transition-all text-lg sm:text-xl placeholder:text-white\/20\" \/>\r\n                        <\/div>\r\n                        <button type=\"submit\" class=\"w-full brand-gradient text-white py-6 sm:py-8 rounded-2xl sm:rounded-3xl font-bold text-xl sm:text-2xl brand-shadow transition-all transform hover:scale-[1.02] active:scale-95 mt-4 sm:mt-6\">\r\n                            Connect via WhatsApp\r\n                        <\/button>\r\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"id\"\/><\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.getElementById('year-placeholder').textContent = new Date().getFullYear();\r\n\r\n        function toggleBBModal(show) {\r\n            const modal = document.getElementById('bb-modal');\r\n            if (show) {\r\n                modal.classList.add('active');\r\n                document.body.style.overflow = 'hidden';\r\n            } else {\r\n                modal.classList.remove('active');\r\n                document.body.style.overflow = 'auto';\r\n            }\r\n        }\r\n\r\n        function handleBBSubmit(event) {\r\n            event.preventDefault();\r\n            const name = document.getElementById('bb-name').value;\r\n            const company = document.getElementById('bb-company').value;\r\n            \r\n            if (name && company) {\r\n                const message = `Hello Bizblueprint, I am ${name} from ${company}. I am interested in a Fundamental Business Strategy & Roadmap consultation.`;\r\n                const whatsappUrl = `https:\/\/wa.me\/6285559339377?text=${encodeURIComponent(message)}`;\r\n                window.open(whatsappUrl, '_blank');\r\n                toggleBBModal(false);\r\n            }\r\n        }\r\n\r\n        document.addEventListener('keydown', function(event) {\r\n            if (event.key === \"Escape\") toggleBBModal(false);\r\n        });\r\n\r\n        document.getElementById('bb-modal').addEventListener('click', function(e) {\r\n            if (e.target === this) toggleBBModal(false);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Bizblueprint Consulting &#8211; Fundamental Business Strategy Strategic Advisory Services Does Your Business Strategy Look Busy, But Is It Truly Directed? \u2715 Growing without a clear roadmap or direction. \u2715 Decisions are reactive and based on assumptions. \u2715 Execution is out of sync across departments. \u2715 Management works hard, but results stay stagnant. \u201cWhere is this [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bizblueprint.id\/id\/wp-json\/wp\/v2\/pages\/1145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bizblueprint.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bizblueprint.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bizblueprint.id\/id\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bizblueprint.id\/id\/wp-json\/wp\/v2\/comments?post=1145"}],"version-history":[{"count":54,"href":"https:\/\/bizblueprint.id\/id\/wp-json\/wp\/v2\/pages\/1145\/revisions"}],"predecessor-version":[{"id":1240,"href":"https:\/\/bizblueprint.id\/id\/wp-json\/wp\/v2\/pages\/1145\/revisions\/1240"}],"wp:attachment":[{"href":"https:\/\/bizblueprint.id\/id\/wp-json\/wp\/v2\/media?parent=1145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}