{"id":12082,"date":"2026-08-31T10:08:29","date_gmt":"2026-08-31T03:08:29","guid":{"rendered":"https:\/\/lagikreatif.com\/?page_id=12082"},"modified":"2026-09-04T16:25:05","modified_gmt":"2026-09-04T09:25:05","slug":"case-study-dinkes","status":"publish","type":"page","link":"https:\/\/lagikreatif.com\/en\/case-study-dinkes\/","title":{"rendered":"Case Study Dinas Kesehatan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12082\" class=\"elementor elementor-12082\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-669f2b5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"669f2b5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-03c6959\" data-id=\"03c6959\" data-element_type=\"column\" data-e-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-54cd19f elementor-widget elementor-widget-html\" data-id=\"54cd19f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SYSTEM: CUSTOM PRELOADER WITH LOGO & BOUNCING\/SWINGING LOADING BAR -->\r\n<style>\r\n    #lk-global-preloader {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        background-color: #ffffff; \/* Latar belakang putih bersih *\/\r\n        z-index: 99999999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: opacity 0.4s ease-out, visibility 0.4s ease-out;\r\n    }\r\n\r\n    \/* Styling untuk Logo dari Image URL *\/\r\n    .lk-preloader-logo {\r\n        width: 120px; \/* Sesuaikan lebar logo sesuai kebutuhan *\/\r\n        height: auto;\r\n        object-fit: contain;\r\n        margin-bottom: 24px; \/* Jarak antara logo dan loading bar di bawahnya *\/\r\n        animation: lk-pulse 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes lk-pulse {\r\n        0%, 100% { transform: scale(1); opacity: 1; }\r\n        50% { transform: scale(0.95); opacity: 0.8; }\r\n    }\r\n\r\n    \/* Container untuk Loading Bar Bolak-Balik (Bouncing\/Swinging) *\/\r\n    .lk-loader-track {\r\n        width: 140px;\r\n        height: 4px;\r\n        background-color: #e2e8f0; \/* Warna trek abu-abu muda *\/\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Elemen Bar yang Bergerak Bolak-Balik *\/\r\n    .lk-loader-bar {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        height: 100%;\r\n        width: 40%; \/* Lebar batang bergerak *\/\r\n        background-color: #2563eb; \/* Warna biru aksen Anda *\/\r\n        border-radius: 4px;\r\n        animation: lk-bounce-bar 1.2s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes lk-bounce-bar {\r\n        0% { left: 0%; width: 30%; }\r\n        50% { width: 50%; }\r\n        100% { left: 70%; width: 30%; }\r\n    }\r\n\r\n    \/* Pengaman warna agar tidak tertimpa tema Elementor *\/\r\n    .bg-accent, [class*=\"bg-accent\"] { background-color: #2563eb !important; }\r\n    .text-accent, [class*=\"text-accent\"] { color: #2563eb !important; }\r\n    .border-accent, [class*=\"border-accent\"] { border-color: #2563eb !important; }\r\n<\/style>\r\n\r\n<div id=\"lk-global-preloader\">\r\n    <!-- Ganti URL di bawah dengan link gambar logo Anda dari Media Library WordPress -->\r\n    <img decoding=\"async\" src=\"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png\" alt=\"Lagi Kreatif Logo\" class=\"lk-preloader-logo\">\r\n    \r\n    <!-- Animasi Loading Bar Bolak-Balik di Bawah Logo -->\r\n    <div class=\"lk-loader-track\">\r\n        <div class=\"lk-loader-bar\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    window.addEventListener('load', function() {\r\n        const preloader = document.getElementById('lk-global-preloader');\r\n        if (preloader) {\r\n            setTimeout(function() {\r\n                preloader.style.opacity = '0';\r\n                preloader.style.visibility = 'hidden';\r\n                setTimeout(function() {\r\n                    preloader.remove();\r\n                }, 400);\r\n            }, 300); \/\/ Jeda singkat agar animasi bar terlihat mulus saat pertama terbuka\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bfc1b51 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bfc1b51\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-490b82a\" data-id=\"490b82a\" data-element_type=\"column\" data-e-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-16b1d0a elementor-widget elementor-widget-html\" data-id=\"16b1d0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"fixed top-0 w-full z-50 bg-white\/80 backdrop-blur-md border-b border-neutral-border transition-all duration-300\" id=\"navbar\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <div class=\"flex justify-between items-center h-20\">\n            <a href=\"#\" class=\"flex items-center\">\n                <!-- Ganti URL_LOGO_ANDA_DI_SINI.png dengan link gambar logo Anda dari Media Library WordPress -->\n                <img decoding=\"async\" src=\"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png\" alt=\"Lagi Kreatif Logo\" class=\"h-10 w-auto object-contain\">\n            <\/a>\n            <nav class=\"hidden md:flex gap-8 items-center text-sm font-medium\">\n                <a href=\"https:\/\/lagikreatif.com\/website\/\" class=\"hover:text-accent transition-colors\"><i class=\"fa-solid fa-arrow-left mr-2\"><\/i> Kembali ke Beranda<\/a>\n            <\/nav>\n            <div class=\"hidden md:flex items-center gap-4\">\n                <button onclick=\"openModal()\" class=\"btn-glare relative overflow-hidden bg-accent hover:bg-accent-hover text-white px-5 py-2.5 rounded-lg font-semibold text-sm transition-all hover:scale-[1.02] active:scale-95 shadow-sm\">\n                    Konsultasi Gratis\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/header>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f2dbfec elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f2dbfec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-aafcb59\" data-id=\"aafcb59\" data-element_type=\"column\" data-e-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-d1fa9d8 elementor-widget elementor-widget-html\" data-id=\"d1fa9d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"relative h-screen min-h-[600px] flex items-end pb-24 pt-32\">\n    <div class=\"absolute inset-0 z-0 bg-primary-dark\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586773860418-d37222d8fce3?auto=format&fit=crop&q=80\" alt=\"Dinkes Bandung Hero\" class=\"w-full h-full object-cover opacity-40\">\n        <div class=\"absolute inset-0 bg-gradient-to-t from-primary-dark via-primary-dark\/70 to-transparent\"><\/div>\n    <\/div>\n    \n    <div class=\"relative z-10 px-4 md:px-8 max-w-7xl mx-auto w-full\">\n        <div class=\"max-w-4xl\">\n            <span class=\"inline-block py-1.5 px-4 rounded-full bg-emerald-500\/20 text-emerald-300 text-sm font-semibold mb-6 border border-emerald-500\/30 backdrop-blur-sm uppercase tracking-widest\">\n                Case Study\n            <\/span>\n            <h1 class=\"text-white text-5xl md:text-6xl lg:text-[72px] font-extrabold tracking-tight leading-[1.1] mb-4\">\n                Dinas Kesehatan <br\/>Kota Bandung\n            <\/h1>\n            <p class=\"text-white\/80 text-xl md:text-2xl font-normal max-w-2xl mb-12 leading-relaxed\">\n                Rebranding & Pengembangan Identitas Visual Institusional\n            <\/p>\n            \n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 border-t border-white\/20 pt-8\">\n                <div>\n                    <div class=\"text-white\/50 text-sm font-semibold uppercase tracking-wider mb-2\">Client<\/div>\n                    <div class=\"text-white font-medium\">Dinkes Kota Bandung<\/div>\n                <\/div>\n                <div>\n                    <div class=\"text-white\/50 text-sm font-semibold uppercase tracking-wider mb-2\">Sektor<\/div>\n                    <div class=\"text-white font-medium\">Pelayanan Publik<\/div>\n                <\/div>\n                <div class=\"col-span-2\">\n                    <div class=\"text-white\/50 text-sm font-semibold uppercase tracking-wider mb-2\">Peran<\/div>\n                    <div class=\"text-white font-medium\">Brand Strategy, Visual Identity Design, Guideline System<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dd4dfcf elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dd4dfcf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c7ec7c2\" data-id=\"c7ec7c2\" data-element_type=\"column\" data-e-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-61873c9 elementor-widget elementor-widget-html\" data-id=\"61873c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-white w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16\">\n            <div>\n                <div class=\"flex items-center gap-3 mb-6\">\n                    <div class=\"w-12 h-12 bg-red-50 text-red-500 rounded-xl flex items-center justify-center text-xl\"><i class=\"fa-solid fa-mountain\"><\/i><\/div>\n                    <h2 class=\"text-3xl font-bold text-neutral-dark\">Tantangan<\/h2>\n                <\/div>\n                <p class=\"text-lg font-medium text-neutral-dark mb-4\">Adaptasi visual yang relevan untuk masyarakat urban.<\/p>\n                <p class=\"text-neutral-body leading-relaxed mb-6\">\n                    Sebagai lembaga pelayanan publik di bidang kesehatan pada kota yang dinamis, Dinas Kesehatan Kota Bandung memerlukan identitas yang tidak hanya formal, namun juga inklusif. Kami menemukan beberapa isu utama:\n                <\/p>\n                <ul class=\"space-y-4\">\n                    <li class=\"flex items-start gap-3\">\n                        <i class=\"fa-solid fa-circle-exclamation text-red-400 mt-1\"><\/i>\n                        <div>\n                            <strong class=\"text-neutral-dark block\">Persepsi Birokratis & Kaku<\/strong>\n                            <span class=\"text-neutral-body text-sm\">Identitas visual sebelumnya dinilai terlalu formal dan belum mencerminkan pelayanan yang hangat dan inklusif.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-3\">\n                        <i class=\"fa-solid fa-clone text-red-400 mt-1\"><\/i>\n                        <div>\n                            <strong class=\"text-neutral-dark block\">Inkonsistensi Media Komunikasi<\/strong>\n                            <span class=\"text-neutral-body text-sm\">Beragamnya program kerja dan kampanye sering menghasilkan materi visual yang terfragmentasi tanpa standar.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-3\">\n                        <i class=\"fa-solid fa-scale-balanced text-red-400 mt-1\"><\/i>\n                        <div>\n                            <strong class=\"text-neutral-dark block\">Keseimbangan Nilai<\/strong>\n                            <span class=\"text-neutral-body text-sm\">Tantangan memodernisasi citra menjadi lebih dinamis tanpa mengurangi nilai kredibilitas dan otoritas medis.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <div>\n                <div class=\"flex items-center gap-3 mb-6\">\n                    <div class=\"w-12 h-12 bg-emerald-50 text-accent rounded-xl flex items-center justify-center text-xl\"><i class=\"fa-regular fa-lightbulb\"><\/i><\/div>\n                    <h2 class=\"text-3xl font-bold text-neutral-dark\">Insight & Pendekatan<\/h2>\n                <\/div>\n                <div class=\"bg-primary-light p-8 rounded-2xl border border-neutral-border h-full\">\n                    <p class=\"text-neutral-body leading-relaxed mb-6 italic\">\n                        \"Bagaimana merancang sebuah sistem visual yang mampu menjembatani otoritas pemerintah dengan kehangatan pelayanan masyarakat?\"\n                    <\/p>\n                    <p class=\"text-neutral-dark font-medium leading-relaxed mb-4\">\n                        Pendekatan perancangan kami lakukan secara komprehensif melalui perumusan strategi merek institusional dan sistem terintegrasi.\n                    <\/p>\n                    <p class=\"text-neutral-body text-sm mb-4\">Kami merumuskan kepribadian visual yang berakar pada tiga pilar utama:<\/p>\n                    <div class=\"flex flex-wrap gap-3\">\n                        <span class=\"bg-white border border-neutral-border px-4 py-2 rounded-lg text-sm font-semibold text-accent shadow-sm\"><i class=\"fa-solid fa-shield-halved mr-2\"><\/i>Terpercaya (Credible)<\/span>\n                        <span class=\"bg-white border border-neutral-border px-4 py-2 rounded-lg text-sm font-semibold text-accent shadow-sm\"><i class=\"fa-solid fa-bolt mr-2\"><\/i>Modern (Progressive)<\/span>\n                        <span class=\"bg-white border border-neutral-border px-4 py-2 rounded-lg text-sm font-semibold text-accent shadow-sm\"><i class=\"fa-solid fa-hands-holding-child mr-2\"><\/i>Mengayomi (Approachable)<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fc9b3d1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fc9b3d1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c3babc\" data-id=\"3c3babc\" data-element_type=\"column\" data-e-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-b7a8d99 elementor-widget elementor-widget-html\" data-id=\"b7a8d99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-primary-light border-y border-neutral-border w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-16\">\n            <div class=\"lg:col-span-1\">\n                <h2 class=\"text-3xl font-bold text-neutral-dark mb-4\">Ruang Lingkup<\/h2>\n                <p class=\"text-neutral-body leading-relaxed mb-8\">\n                    Kami menyusun landasan nilai, arsitektur identitas visual, serta arahan gaya komunikasi grafis institusi.\n                <\/p>\n                <div class=\"bg-white p-6 rounded-xl border border-neutral-border shadow-sm\">\n                    <h4 class=\"font-bold text-neutral-dark mb-4 uppercase tracking-widest text-sm text-accent\">Deliverables<\/h4>\n                    <ul class=\"space-y-4 text-neutral-body font-medium\">\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-pen-nib text-accent text-lg\"><\/i> Brand Identity Strategy<\/li>\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-bezier-curve text-accent text-lg\"><\/i> Logo Redesign & Dev<\/li>\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-swatchbook text-accent text-lg\"><\/i> Visual Identity System<\/li>\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-book-open text-accent text-lg\"><\/i> Brand Guidelines (Manual)<\/li>\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-laptop-file text-accent text-lg\"><\/i> Communication Asset Design<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-2\">\n                <h2 class=\"text-3xl font-bold text-neutral-dark mb-4\">Pengembangan Visual<\/h2>\n                <p class=\"text-neutral-body leading-relaxed mb-10 text-lg\">\n                    Menerjemahkan pilar strategi ke dalam aset visual fungsional dan aplikatif untuk berbagai kebutuhan.\n                <\/p>\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    <div class=\"border-l-2 border-accent pl-6\">\n                        <h4 class=\"font-bold text-xl mb-2\">Eksplorasi & Redesain Logo<\/h4>\n                        <p class=\"text-neutral-body text-sm mb-2\">Menyederhanakan elemen kompleks menjadi bentuk bersih & fungsional. Deliverables:<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Master Asset<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Lock-up Ratio<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Clear Space<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"border-l-2 border-accent pl-6\">\n                        <h4 class=\"font-bold text-xl mb-2\">Sistem Visual Terpadu<\/h4>\n                        <p class=\"text-neutral-body text-sm mb-2\">Menentukan hierarki desain yang membangkitkan rasa tenang sekaligus energik:<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Official Palette<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Primary Typography<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Medical Iconography<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"border-l-2 border-accent pl-6\">\n                        <h4 class=\"font-bold text-xl mb-2\">Stationery & Digital<\/h4>\n                        <p class=\"text-neutral-body text-sm mb-2\">Pengembangan *mockup* dan aset untuk aktivitas harian:<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Kop & Map Berkas<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">ID Card<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">IG Templates<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"border-l-2 border-accent pl-6\">\n                        <h4 class=\"font-bold text-xl mb-2\">Environmental Design<\/h4>\n                        <p class=\"text-neutral-body text-sm mb-2\">Implementasi fisik untuk fasilitas kesehatan dan luar ruang:<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Faskes Signage<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Seragam\/Polo<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Media Penyuluhan<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-567e19d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"567e19d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0011022\" data-id=\"0011022\" data-element_type=\"column\" data-e-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-c11374a elementor-widget elementor-widget-html\" data-id=\"c11374a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-primary-dark text-white w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <div class=\"text-center mb-16 max-w-3xl mx-auto\">\n            <h2 class=\"text-white text-3xl md:text-5xl font-bold mb-6\">Hasil & <span class=\"text-accent\">Dampak<\/span><\/h2>\n        <\/div>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n            <div>\n                <h3 class=\"text-white text-2xl font-semibold mb-6\">Strategic Impact<\/h3>\n                <ul class=\"space-y-4 text-white\/80 text-lg\">\n                    <li class=\"flex items-start gap-4\">\n                        <i class=\"fa-solid fa-check mt-1.5 text-accent\"><\/i> \n                        <div>\n                            <strong class=\"text-white block mb-1\">Standardisasi Menyeluruh<\/strong>\n                            <span class=\"text-sm\">Menyediakan ekosistem desain yang terstruktur, mempermudah tim internal memproduksi materi visual tanpa keluar jalur.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-4\">\n                        <i class=\"fa-solid fa-check mt-1.5 text-accent\"><\/i> \n                        <div>\n                            <strong class=\"text-white block mb-1\">Keterbacaan Informasi Publik<\/strong>\n                            <span class=\"text-sm\">Desain kampanye kesehatan menjadi lebih bersih, modern, dan mudah dipahami oleh berbagai lapisan usia masyarakat.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-4\">\n                        <i class=\"fa-solid fa-check mt-1.5 text-accent\"><\/i> \n                        <div>\n                            <strong class=\"text-white block mb-1\">Penyegaran Citra Institusi<\/strong>\n                            <span class=\"text-sm\">Memperkuat persepsi Dinas Kesehatan sebagai instansi profesional, adaptif terhadap era digital, dan berorientasi masyarakat.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n                <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-8 backdrop-blur-sm text-center transform hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"text-5xl font-extrabold text-emerald-400 mb-2\">100%<\/div>\n                    <div class=\"text-white\/70 font-medium\">Konsistensi Visual<\/div>\n                <\/div>\n                <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-8 backdrop-blur-sm text-center transform hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"text-5xl font-extrabold text-emerald-400 mb-2\">50+<\/div>\n                    <div class=\"text-white\/70 font-medium\">Aset Komunikasi Baru<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3e3d9b2 elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"3e3d9b2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ec0038\" data-id=\"8ec0038\" data-element_type=\"column\" data-e-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-a1fe29c elementor-widget elementor-widget-html\" data-id=\"a1fe29c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-white w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <h2 class=\"text-3xl font-bold text-neutral-dark mb-12 text-center\">Brand Application Gallery<\/h2>\n        \n        <div class=\"columns-1 sm:columns-2 lg:columns-3 gap-4 space-y-4 mb-24\">\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1634942537034-2531766767d1?auto=format&fit=crop&q=80\" alt=\"Logo Construction\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Logo Redesign & Grid<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586717791821-3f44a563fa4c?auto=format&fit=crop&q=80\" alt=\"Brand Guideline Book\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Brand Guideline Manual<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1596526131083-e8c633c948d2?auto=format&fit=crop&q=80\" alt=\"Stationery\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Stationery & Administrasi<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162617474-5b21e879e113?auto=format&fit=crop&q=80\" alt=\"Social Media Templates\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Digital & Social Media<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1610419385310-8b1b22e1bdfc?auto=format&fit=crop&q=80\" alt=\"Signage Application\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Environmental Signage<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563200922-b2f5b4974a62?auto=format&fit=crop&q=80\" alt=\"Tote bag Merchandise\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Merchandising & Seragam<\/span><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pt-24 border-t border-neutral-border\">\n            <div class=\"flex flex-col md:flex-row justify-between items-end mb-12 gap-4\">\n                <div>\n                    <h2 class=\"text-3xl font-bold text-neutral-dark mb-4\">Proses Kreatif<\/h2>\n                    <p class=\"text-neutral-body text-lg max-w-2xl\">Dari audit visual, eksperimen tipografi, penyesuaian sistem warna, hingga finalisasi panduan baku.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n                <div class=\"aspect-square rounded-xl overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1561070791-2526d30994b5?auto=format&fit=crop&q=80\" alt=\"Brand Audit\" class=\"w-full h-full object-cover filter grayscale hover:grayscale-0 transition-all duration-500\">\n                <\/div>\n                <div class=\"aspect-square rounded-xl overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581291518857-4e27b48ff24e?auto=format&fit=crop&q=80\" alt=\"Design Exploration\" class=\"w-full h-full object-cover filter grayscale hover:grayscale-0 transition-all duration-500\">\n                <\/div>\n                <div class=\"aspect-square rounded-xl overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1626785774573-4b799315345d?auto=format&fit=crop&q=80\" alt=\"Color System\" class=\"w-full h-full object-cover filter grayscale hover:grayscale-0 transition-all duration-500\">\n                <\/div>\n                <div class=\"aspect-square rounded-xl overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&q=80\" alt=\"Presentation\" class=\"w-full h-full object-cover filter grayscale hover:grayscale-0 transition-all duration-500\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ccc3ca elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8ccc3ca\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c40d18e\" data-id=\"c40d18e\" data-element_type=\"column\" data-e-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-ce332ce elementor-widget elementor-widget-html\" data-id=\"ce332ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-primary-light w-full\">\n    <div class=\"max-w-4xl mx-auto px-4 text-center\">\n        <i class=\"fa-solid fa-quote-left text-5xl text-accent\/20 mb-6\"><\/i>\n        <h3 class=\"text-2xl md:text-3xl font-medium text-neutral-dark leading-relaxed mb-10 italic\">\n            \"Panduan visual yang komprehensif sangat membantu tim internal dan relawan kami di lapangan. Kini, seluruh materi edukasi terlihat jauh lebih rapi, modern, dan sejalan dengan visi misi pelayanan publik Kota Bandung.\"\n        <\/h3>\n    <\/div>\n<\/section>\n\n<section class=\"py-24 bg-primary-dark relative overflow-hidden w-full\">\n    <div class=\"absolute top-0 right-0 w-96 h-96 bg-accent rounded-full mix-blend-multiply filter blur-[128px] opacity-30\"><\/div>\n    <div class=\"absolute bottom-0 left-0 w-96 h-96 bg-emerald-400 rounded-full mix-blend-multiply filter blur-[128px] opacity-20\"><\/div>\n    \n    <div class=\"max-w-4xl mx-auto px-4 relative z-10 text-center\">\n        <h2 class=\"text-4xl md:text-5xl font-extrabold text-white mb-6 leading-tight\">\n            Ready to Build Something <span class=\"text-emerald-400\">Meaningful?<\/span>\n        <\/h2>\n        <p class=\"text-white\/80 text-lg md:text-xl mb-10 max-w-2xl mx-auto\">\n            Mari diskusikan bagaimana strategi identitas visual yang tepat dapat membantu institusi dan brand Anda bertumbuh secara profesional.\n        <\/p>\n        <div class=\"flex justify-center\">\n            <button onclick=\"openModal()\" class=\"btn-expand-ring ring-accent w-full sm:w-auto bg-accent hover:bg-accent-hover text-white px-8 py-4 rounded-lg font-bold text-lg transition-all duration-150 shadow-lg hover:shadow-accent\/40 hover:scale-[1.02] active:scale-95 flex items-center justify-center\">\n                Schedule Consultation\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9cd583 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f9cd583\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3651e38\" data-id=\"3651e38\" data-element_type=\"column\" data-e-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-90ea1d5 elementor-widget elementor-widget-html\" data-id=\"90ea1d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-primary-light w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <h2 class=\"text-3xl font-bold text-neutral-dark mb-12 text-center\">Related Projects<\/h2>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n            <div class=\"group bg-white rounded-xl border border-neutral-border overflow-hidden hover:shadow-xl transition-all duration-300 flex flex-col h-full cursor-pointer\">\n                <div class=\"relative w-full aspect-video overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497215728101-856f4ea42174?auto=format&fit=crop&q=80\" alt=\"BTP\" class=\"w-full h-full object-cover transform group-hover:scale-[1.03] transition-transform duration-500\">\n                <\/div>\n                <div class=\"p-6 flex flex-col flex-grow\">\n                    <div class=\"mb-4\">\n                        <span class=\"inline-block bg-gray-100 text-neutral-body text-[12px] font-medium uppercase tracking-[0.05em] px-2 py-1 rounded\">Technology<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3 group-hover:text-accent transition-colors\">Bandung Techno Park<\/h3>\n                    <p class=\"text-neutral-body text-sm mb-6 flex-grow\">Positioning dan pembuatan company profile untuk pusat inovasi regional.<\/p>\n                    <div class=\"flex items-center text-accent font-semibold text-sm mt-auto\">\n                        Read Case Study <i class=\"fa-solid fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/lagikreatif.com\/case-study-dkst-itb\/\" class=\"block group bg-white rounded-xl border border-neutral-border overflow-hidden hover:shadow-xl transition-all duration-300 flex flex-col h-full cursor-pointer\">\n                <div class=\"relative w-full aspect-video overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"https:\/\/lagikreatif.com\/wp-content\/uploads\/2026\/08\/dkst-2.jpg\" alt=\"DKST ITB\" class=\"w-full h-full object-cover transform group-hover:scale-[1.03] transition-transform duration-500\">\n                <\/div>\n                <div class=\"p-6 flex flex-col flex-grow\">\n                    <div class=\"mb-4\">\n                        <span class=\"inline-block bg-gray-100 text-neutral-body text-[12px] font-medium uppercase tracking-[0.05em] px-2 py-1 rounded\">Education<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl md:text-2xl font-semibold mb-3 group-hover:text-blue-600 transition-colors\">DKST ITB<\/h3>\n                    <p class=\"text-neutral-body text-sm mb-6 flex-grow\">Rebranding dan pengembangan website direktori inovasi untuk hilirisasi teknologi kampus.<\/p>\n                    <div class=\"flex items-center text-blue-600 font-semibold text-sm mt-auto\">\n                        View Case Study <i class=\"fa-solid fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/a>\n            \n            <a href=\"https:\/\/lagikreatif.com\/case-study-innovillage\/\" class=\"block group bg-white rounded-xl border border-neutral-border overflow-hidden hover:shadow-xl transition-all duration-300 flex flex-col h-full cursor-pointer\">\n                <div class=\"relative w-full aspect-video overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/innovillage.jpg\" alt=\"Innovillage\" class=\"w-full h-full object-cover transform group-hover:scale-[1.03] transition-transform duration-500\">\n                <\/div>\n                <div class=\"p-6 flex flex-col flex-grow\">\n                    <div class=\"mb-4\">\n                        <span class=\"inline-block bg-gray-100 text-neutral-body text-[12px] font-medium uppercase tracking-[0.05em] px-2 py-1 rounded\">Technology \/ CSR<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl md:text-2xl font-semibold mb-3 group-hover:text-blue-600 transition-colors\">Innovillage Telkom<\/h3>\n                    <p class=\"text-neutral-body text-sm mb-6 flex-grow\">Pendampingan strategi komunikasi dan amplifikasi program social impact di ratusan desa seluruh Indonesia.<\/p>\n                    <div class=\"flex items-center text-blue-600 font-semibold text-sm mt-auto\">\n                        View Case Study <i class=\"fa-solid fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f1537a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6f1537a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e841f25\" data-id=\"e841f25\" data-element_type=\"column\" data-e-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-ceb4cd4 elementor-widget elementor-widget-html\" data-id=\"ceb4cd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- MODUL 15: CONTACT MODAL & SYSTEM SCRIPTS -->\r\n\r\n<!-- Contact Modal (Tersembunyi secara default) -->\r\n<div id=\"contact-modal\" class=\"fixed inset-0 z-[100] hidden flex items-center justify-center px-4\">\r\n    <div class=\"absolute inset-0 bg-primary-dark\/80 backdrop-blur-sm\" onclick=\"closeModal()\"><\/div>\r\n    <div class=\"bg-white w-full max-w-lg rounded-2xl p-8 relative z-10 shadow-2xl transform scale-95 opacity-0 transition-all duration-300\" id=\"modal-content\">\r\n        <button onclick=\"closeModal()\" class=\"absolute top-6 right-6 text-neutral-body hover:text-neutral-dark text-xl\">\r\n            <i class=\"fa-solid fa-xmark\"><\/i>\r\n        <\/button>\r\n        <h3 class=\"text-2xl font-bold text-neutral-dark mb-2\">Jadwalkan Diskusi<\/h3>\r\n        <p class=\"text-neutral-body text-sm mb-6\">Isi form di bawah ini untuk terhubung langsung dengan tim kami via WhatsApp.<\/p>\r\n        \r\n        <form id=\"wa-form\" onsubmit=\"submitForm(event)\" class=\"space-y-4\">\r\n            <div>\r\n                <label class=\"block text-sm font-medium text-neutral-dark mb-1\">Nama Lengkap<\/label>\r\n                <input type=\"text\" id=\"form-name\" required class=\"w-full px-4 py-2.5 border border-neutral-border rounded-lg focus:outline-none focus:border-blue-600 focus:ring-1 focus:ring-blue-600 transition-colors\" placeholder=\"John Doe\">\r\n            <\/div>\r\n            <div>\r\n                <label class=\"block text-sm font-medium text-neutral-dark mb-1\">Perusahaan \/ Instansi<\/label>\r\n                <input type=\"text\" id=\"form-company\" required class=\"w-full px-4 py-2.5 border border-neutral-border rounded-lg focus:outline-none focus:border-blue-600 focus:ring-1 focus:ring-blue-600 transition-colors\" placeholder=\"PT Nama Perusahaan\">\r\n            <\/div>\r\n            <div>\r\n                <label class=\"block text-sm font-medium text-neutral-dark mb-1\">Minat Layanan<\/label>\r\n                <select id=\"form-service\" class=\"w-full px-4 py-2.5 border border-neutral-border rounded-lg focus:outline-none focus:border-blue-600 focus:ring-1 focus:ring-blue-600 transition-colors bg-white\">\r\n                    <option value=\"Brand Strategy\">Brand Strategy<\/option>\r\n                    <option value=\"Communication & Campaign\">Communication & Campaign<\/option>\r\n                    <option value=\"Content & Digital Management\">Content & Digital Management<\/option>\r\n                    <option value=\"Experience & Impact\">Experience & Impact<\/option>\r\n                    <option value=\"Lainnya\">Lainnya \/ Belum Yakin<\/option>\r\n                <\/select>\r\n            <\/div>\r\n            <div>\r\n                <label class=\"block text-sm font-medium text-neutral-dark mb-1\">Pesan Singkat<\/label>\r\n                <textarea id=\"form-message\" rows=\"3\" required class=\"w-full px-4 py-2.5 border border-neutral-border rounded-lg focus:outline-none focus:border-blue-600 focus:ring-1 focus:ring-blue-600 transition-colors\" placeholder=\"Ceritakan singkat tantangan bisnis Anda...\"><\/textarea>\r\n            <\/div>\r\n            <button type=\"submit\" id=\"btnSubmitForm\" class=\"w-full bg-blue-600 hover:bg-blue-700 text-white py-3 rounded-lg font-bold transition-all shadow-md mt-4 flex items-center justify-center gap-2 hover:scale-[1.02] active:scale-95\" style=\"background-color: #2563eb !important; color: #ffffff !important;\">\r\n                <i class=\"fa-brands fa-whatsapp text-lg\"><\/i> Kirim & Lanjutkan ke WA\r\n            <\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Scripts -->\r\n<script>\r\n    \/\/ 1. Mobile Menu Toggle\r\n    const mobileBtn = document.getElementById('mobile-menu-btn');\r\n    const mobileMenu = document.getElementById('mobile-menu');\r\n    \r\n    if(mobileBtn && mobileMenu) {\r\n        mobileBtn.addEventListener('click', () => {\r\n            mobileMenu.classList.toggle('hidden');\r\n            const icon = mobileBtn.querySelector('i');\r\n            if(mobileMenu.classList.contains('hidden')){\r\n                icon.classList.remove('fa-xmark');\r\n                icon.classList.add('fa-bars');\r\n            } else {\r\n                icon.classList.remove('fa-bars');\r\n                icon.classList.add('fa-xmark');\r\n            }\r\n        });\r\n\r\n        mobileMenu.querySelectorAll('a').forEach(link => {\r\n            link.addEventListener('click', () => {\r\n                mobileMenu.classList.add('hidden');\r\n                mobileBtn.querySelector('i').classList.replace('fa-xmark', 'fa-bars');\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ 2. Sticky Header Style on Scroll\r\n    window.addEventListener('scroll', () => {\r\n        const header = document.getElementById('navbar');\r\n        if(header) {\r\n            if (window.scrollY > 20) {\r\n                header.classList.add('shadow-sm');\r\n            } else {\r\n                header.classList.remove('shadow-sm');\r\n            }\r\n        }\r\n    });\r\n\r\n    \/\/ 3. Modal Logic\r\n    const modal = document.getElementById('contact-modal');\r\n    const modalContent = document.getElementById('modal-content');\r\n\r\n    window.openModal = function() {\r\n        if(modal && modalContent) {\r\n            modal.classList.remove('hidden');\r\n            setTimeout(() => {\r\n                modalContent.classList.remove('scale-95', 'opacity-0');\r\n                modalContent.classList.add('scale-100', 'opacity-100');\r\n            }, 10);\r\n        }\r\n    }\r\n\r\n    window.closeModal = function() {\r\n        if(modal && modalContent) {\r\n            modalContent.classList.remove('scale-100', 'opacity-100');\r\n            modalContent.classList.add('scale-95', 'opacity-0');\r\n            setTimeout(() => {\r\n                modal.classList.add('hidden');\r\n            }, 300);\r\n        }\r\n    }\r\n\r\n    \/\/ 4. Form Submit Logic (Database Sheets + WhatsApp API)\r\n    window.submitForm = async function(e) {\r\n        e.preventDefault();\r\n        \r\n        const btnSubmit = document.getElementById('btnSubmitForm');\r\n        const originalText = btnSubmit.innerHTML;\r\n        \r\n        \/\/ Ubah state tombol menjadi loading\r\n        btnSubmit.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Memproses...';\r\n        btnSubmit.disabled = true;\r\n        btnSubmit.classList.add('opacity-75', 'cursor-not-allowed');\r\n        \r\n        const name = document.getElementById('form-name').value;\r\n        const company = document.getElementById('form-company').value;\r\n        const service = document.getElementById('form-service').value;\r\n        const message = document.getElementById('form-message').value;\r\n        \r\n        \/\/ Payload untuk dikirim ke Google Sheets (Apps Script)\r\n        const payloadData = {\r\n            nama: name,\r\n            instansi: company,\r\n            layanan: service,\r\n            pesan: message\r\n        };\r\n\r\n        \/\/ GANTI INI DENGAN URL APLIKASI WEB GOOGLE APPS SCRIPT ANDA\r\n        const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwP_LgWu0bVRRoUrtyozrfBHawih8JGQ0pd-tKhIYWTx47aEL-rWMLrTxvfbhFVLzve\/exec'; \r\n        const waNumber = \"628112205550\"; \/\/ Nomor WhatsApp PRD\r\n        \r\n        try {\r\n            \/\/ 1. Eksekusi pengiriman data ke backend (Google Sheets)\r\n            \/\/ Menggunakan method POST dengan body stringify. \r\n            \/\/ Browser biasanya akan otomatis menangani preflight CORS untuk payload sederhana ini.\r\n            await fetch(scriptURL, {\r\n                method: 'POST',\r\n                body: JSON.stringify(payloadData) \r\n            });\r\n\r\n            \/\/ 2. Jika fetch selesai\/sukses, format teks & eksekusi redirect WhatsApp\r\n            const textWa = `Halo tim Lagi Kreatif, saya tertarik untuk berdiskusi lebih lanjut.\\n\\n*Nama:* ${name}\\n*Perusahaan:* ${company}\\n*Layanan Diminati:* ${service}\\n*Pesan:* ${message}\\n\\nTerima kasih.`;\r\n            const encodedText = encodeURIComponent(textWa);\r\n            \r\n            \/\/ Buka WhatsApp di tab baru\r\n            window.open(`https:\/\/wa.me\/${waNumber}?text=${encodedText}`, '_blank');\r\n            \r\n            \/\/ Reset form dan tutup modal\r\n            document.getElementById('wa-form').reset();\r\n            closeModal();\r\n\r\n        } catch (error) {\r\n            console.error('Koneksi terputus:', error);\r\n            alert('Terjadi kendala jaringan saat merekam data. Mohon coba beberapa saat lagi.');\r\n        } finally {\r\n            \/\/ Kembalikan tombol ke kondisi semula jika terjadi error atau setelah eksekusi\r\n            btnSubmit.innerHTML = originalText;\r\n            btnSubmit.disabled = false;\r\n            btnSubmit.classList.remove('opacity-75', 'cursor-not-allowed');\r\n        }\r\n    }\r\n\r\n    \/\/ 5. Intersection Observer untuk Animasi Garis & Tahapan (Section Cara Kerja)\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const processSection = document.getElementById('process');\r\n        const processLine = document.getElementById('process-line');\r\n        const processSteps = document.querySelectorAll('.process-step');\r\n\r\n        if(processSection && processLine && processSteps.length > 0) {\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        processLine.classList.remove('scale-x-0');\r\n                        processLine.classList.add('scale-x-100');\r\n\r\n                        processSteps.forEach(step => {\r\n                            step.classList.remove('opacity-0', 'translate-y-8');\r\n                            step.classList.add('opacity-100', 'translate-y-0');\r\n                        });\r\n\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.4 }); \r\n\r\n            observer.observe(processSection);\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-956c33d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"956c33d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d4de19\" data-id=\"1d4de19\" data-element_type=\"column\" data-e-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-d7d672d elementor-widget elementor-widget-html\" data-id=\"d7d672d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<footer class=\"bg-primary-dark pt-20 pb-10 border-t border-white\/10 text-white\/70 w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8 text-center md:text-left\">\n        <div class=\"flex flex-col md:flex-row justify-between items-center md:items-start gap-8\">\n            <div>\n                <a href=\"index.html\" class=\"block mb-4\">\n                    <!-- Ganti URL_LOGO_ANDA_DI_SINI_WHITE.png dengan link gambar logo versi putih -->\n                    <img decoding=\"async\" src=\"https:\/\/lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-light-white2.png\" alt=\"Lagi Kreatif Logo\" class=\"h-10 w-auto object-contain mx-auto md:mx-0\">\n                <\/a>\n                <p class=\"text-sm max-w-sm\">Strategic Communication Partner for Growth & Impact.<\/p>\n            <\/div>\n            <div class=\"text-sm text-white\/50 pt-4 md:pt-0\">\n                &copy; 2026 PT Lalakon Digital Kreatif. All rights reserved.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/footer>\n\t\t\t\t<\/div>\n\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kembali ke Beranda Konsultasi Gratis Case Study Dinas Kesehatan Kota Bandung Rebranding &#038; Pengembangan Identitas Visual Institusional Client Dinkes Kota Bandung Sektor Pelayanan Publik Peran Brand Strategy, Visual Identity Design, Guideline System Tantangan Adaptasi visual yang relevan untuk masyarakat urban. Sebagai lembaga pelayanan publik di bidang kesehatan pada kota yang dinamis, Dinas Kesehatan Kota Bandung [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12082","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Case Study Dinas Kesehatan - Lagi Kreatif<\/title>\n<meta name=\"description\" content=\"Kembali ke Beranda Konsultasi Gratis Case Study Dinas Kesehatan Kota Bandung Rebranding &amp; Pengembangan Identitas Visual Institusional Client Dinkes Kota\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lagikreatif.com\/en\/case-study-dinkes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study Dinas Kesehatan - Lagi Kreatif\" \/>\n<meta property=\"og:description\" content=\"Kembali ke Beranda Konsultasi Gratis Case Study Dinas Kesehatan Kota Bandung Rebranding &amp; Pengembangan Identitas Visual Institusional Client Dinkes Kota\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lagikreatif.com\/en\/case-study-dinkes\/\" \/>\n<meta property=\"og:site_name\" content=\"Lagi Kreatif\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-04T09:25:05+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dinkes\\\/\",\"url\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dinkes\\\/\",\"name\":\"Case Study Dinas Kesehatan - Lagi Kreatif\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dinkes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dinkes\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/layanan.lagikreatif.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo-LK-biru.png\",\"datePublished\":\"2026-08-31T03:08:29+00:00\",\"dateModified\":\"2026-09-04T09:25:05+00:00\",\"description\":\"Kembali ke Beranda Konsultasi Gratis Case Study Dinas Kesehatan Kota Bandung Rebranding & Pengembangan Identitas Visual Institusional Client Dinkes Kota\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dinkes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lagikreatif.com\\\/case-study-dinkes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dinkes\\\/#primaryimage\",\"url\":\"http:\\\/\\\/layanan.lagikreatif.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo-LK-biru.png\",\"contentUrl\":\"http:\\\/\\\/layanan.lagikreatif.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo-LK-biru.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dinkes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lagikreatif.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study Dinas Kesehatan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/#website\",\"url\":\"https:\\\/\\\/lagikreatif.com\\\/\",\"name\":\"Lagi Kreatif\",\"description\":\"Your Digital Marketing Partner\",\"publisher\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/#\\\/schema\\\/person\\\/be044f199e30f25931461bd323e4f27e\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lagikreatif.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/#\\\/schema\\\/person\\\/be044f199e30f25931461bd323e4f27e\",\"name\":\"Lagi Kreatif\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Logo-Lagikreatif.png\",\"url\":\"https:\\\/\\\/lagikreatif.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Logo-Lagikreatif.png\",\"contentUrl\":\"https:\\\/\\\/lagikreatif.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Logo-Lagikreatif.png\",\"width\":123,\"height\":47,\"caption\":\"Lagi Kreatif\"},\"logo\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Logo-Lagikreatif.png\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study Dinas Kesehatan - Lagi Kreatif","description":"Kembali ke Beranda Konsultasi Gratis Case Study Dinas Kesehatan Kota Bandung Rebranding & Pengembangan Identitas Visual Institusional Client Dinkes Kota","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lagikreatif.com\/en\/case-study-dinkes\/","og_locale":"en_US","og_type":"article","og_title":"Case Study Dinas Kesehatan - Lagi Kreatif","og_description":"Kembali ke Beranda Konsultasi Gratis Case Study Dinas Kesehatan Kota Bandung Rebranding & Pengembangan Identitas Visual Institusional Client Dinkes Kota","og_url":"https:\/\/lagikreatif.com\/en\/case-study-dinkes\/","og_site_name":"Lagi Kreatif","article_modified_time":"2026-09-04T09:25:05+00:00","og_image":[{"url":"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lagikreatif.com\/case-study-dinkes\/","url":"https:\/\/lagikreatif.com\/case-study-dinkes\/","name":"Case Study Dinas Kesehatan - Lagi Kreatif","isPartOf":{"@id":"https:\/\/lagikreatif.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lagikreatif.com\/case-study-dinkes\/#primaryimage"},"image":{"@id":"https:\/\/lagikreatif.com\/case-study-dinkes\/#primaryimage"},"thumbnailUrl":"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png","datePublished":"2026-08-31T03:08:29+00:00","dateModified":"2026-09-04T09:25:05+00:00","description":"Kembali ke Beranda Konsultasi Gratis Case Study Dinas Kesehatan Kota Bandung Rebranding & Pengembangan Identitas Visual Institusional Client Dinkes Kota","breadcrumb":{"@id":"https:\/\/lagikreatif.com\/case-study-dinkes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lagikreatif.com\/case-study-dinkes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lagikreatif.com\/case-study-dinkes\/#primaryimage","url":"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png","contentUrl":"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png"},{"@type":"BreadcrumbList","@id":"https:\/\/lagikreatif.com\/case-study-dinkes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lagikreatif.com\/"},{"@type":"ListItem","position":2,"name":"Case Study Dinas Kesehatan"}]},{"@type":"WebSite","@id":"https:\/\/lagikreatif.com\/#website","url":"https:\/\/lagikreatif.com\/","name":"Lagi Kreatif","description":"Your Digital Marketing Partner","publisher":{"@id":"https:\/\/lagikreatif.com\/#\/schema\/person\/be044f199e30f25931461bd323e4f27e"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lagikreatif.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/lagikreatif.com\/#\/schema\/person\/be044f199e30f25931461bd323e4f27e","name":"Lagi Kreatif","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lagikreatif.com\/wp-content\/uploads\/2022\/04\/Logo-Lagikreatif.png","url":"https:\/\/lagikreatif.com\/wp-content\/uploads\/2022\/04\/Logo-Lagikreatif.png","contentUrl":"https:\/\/lagikreatif.com\/wp-content\/uploads\/2022\/04\/Logo-Lagikreatif.png","width":123,"height":47,"caption":"Lagi Kreatif"},"logo":{"@id":"https:\/\/lagikreatif.com\/wp-content\/uploads\/2022\/04\/Logo-Lagikreatif.png"}}]}},"_links":{"self":[{"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/pages\/12082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/comments?post=12082"}],"version-history":[{"count":34,"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/pages\/12082\/revisions"}],"predecessor-version":[{"id":12225,"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/pages\/12082\/revisions\/12225"}],"wp:attachment":[{"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/media?parent=12082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}