{"id":178,"date":"2026-11-03T15:58:51","date_gmt":"2026-11-03T08:58:51","guid":{"rendered":"https:\/\/oclean.my.id\/?p=178"},"modified":"2026-11-03T15:58:56","modified_gmt":"2026-11-03T08:58:56","slug":"jasa-kebersihan","status":"publish","type":"post","link":"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/","title":{"rendered":"Jasa Kebersihan"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>OClean &#8211; Catalog 9 Layanan Kebersihan Profesional<\/title>\n    <!-- Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts: Inter -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    <!-- FontAwesome Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        navy: {\n                            950: '#060b19',\n                            900: '#0b132b',\n                            800: '#1c2541',\n                            700: '#2a3759',\n                            600: '#3a4769',\n                        },\n                        cyanAccent: {\n                            DEFAULT: '#00b4d8',\n                            hover: '#0096c7',\n                            light: '#90e0ef',\n                            dark: '#0077b6',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .glow-effect {\n            box-shadow: 0 0 30px -5px rgba(0, 180, 216, 0.25);\n        }\n        .glow-hover:hover {\n            box-shadow: 0 0 35px 0px rgba(0, 180, 216, 0.4);\n        }\n        \/* Custom scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #0b132b;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #2a3759;\n            border-radius: 4px;\n        }\n        ::-webkit-scrollbar-thumb:hover {\n            background: #00b4d8;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-navy-950 text-gray-100 font-sans antialiased selection:bg-cyanAccent selection:text-navy-900 min-h-screen flex flex-col justify-between\">\n  \n    <!-- Main Content -->\n    <main class=\"flex-grow\">\n        \n        <!-- Hero Section -->\n        <section class=\"relative bg-navy-900 pt-16 pb-24 lg:py-24 overflow-hidden border-b border-navy-800\">\n            <div class=\"absolute top-1\/4 left-10 w-96 h-96 bg-cyanAccent\/10 rounded-full filter blur-3xl pointer-events-none\"><\/div>\n            <div class=\"absolute bottom-10 right-10 w-96 h-96 bg-blue-600\/10 rounded-full filter blur-3xl pointer-events-none\"><\/div>\n\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n                <div class=\"text-center max-w-3xl mx-auto space-y-6\">\n                    <div class=\"inline-flex items-center space-x-2 bg-navy-800 border border-cyanAccent\/40 rounded-full px-4 py-1.5 text-xs sm:text-sm text-cyanAccent-light shadow-sm\">\n                        <i class=\"fa-solid fa-ribbon text-cyanAccent\"><\/i>\n                        <span>Spesialis Jasa Kebersihan Rumah, Gedung &#038; Industri #1 Terpercaya<\/span>\n                    <\/div>\n\n                    <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-black tracking-tight leading-tight text-white\">\n                        Layanan <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyanAccent via-cyan-300 to-blue-400\">Jasa Kebersihan Profesional<\/span> <br>\n                        Higienis, Bergaransi &#038; Bebas Ribet\n                    <\/h1>\n\n                    <p class=\"text-gray-300 text-base sm:text-lg leading-relaxed font-normal\">\n                        Hadirkan suasana lingkungan bersih berkilau dan sehat. Dilengkapi 9 spesialisasi layanan, tim tersertifikasi K3, alat modern hydro-vacuum, bahan eco-friendly aman untuk anak &#038; hewan, serta **Bergaransi 100%**.\n                    <\/p>\n\n                    <div class=\"flex flex-wrap items-center justify-center gap-4 pt-4\">\n                        <a href=\"https:\/\/oclean.my.id\/cleango\/login.php\" class=\"bg-cyanAccent hover:bg-cyanAccent-hover text-navy-950 font-extrabold px-7 py-3.5 rounded-xl shadow-lg shadow-cyanAccent\/20 transition-all text-sm flex items-center space-x-2 group\">\n                            <i class=\"fa-solid fa-solid fa-store\"><\/i>\n                            <span>Aplikasi OClean<\/span>\n                        <\/a>\n                        <a href=\"#katalog-layanan\" class=\"bg-navy-800 hover:bg-navy-700 text-white border border-navy-700 font-semibold px-7 py-3.5 rounded-xl transition-all text-sm flex items-center space-x-2\">\n                            <i class=\"fa-solid fa-list-check text-cyanAccent\"><\/i>\n                            <span>Jelajahi 9 Layanan<\/span>\n                        <\/a>\n                    <\/div>\n\n                    <!-- Counter Badges -->\n                    <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-4 pt-10 border-t border-navy-800\/80 text-center\">\n                        <div class=\"p-3\">\n                            <p class=\"text-2xl sm:text-3xl font-black text-cyanAccent\">9+<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Layanan Utama<\/p>\n                        <\/div>\n                        <div class=\"p-3\">\n                            <p class=\"text-2xl sm:text-3xl font-black text-cyanAccent\">15.000+<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Klien Puas<\/p>\n                        <\/div>\n                        <div class=\"p-3\">\n                            <p class=\"text-2xl sm:text-3xl font-black text-cyanAccent\">100%<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Garansi Ulas Ulang<\/p>\n                        <\/div>\n                        <div class=\"p-3\">\n                            <p class=\"text-2xl sm:text-3xl font-black text-cyanAccent\">K3<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Sertifikasi Resmi<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Dynamic Home Cleaning Checklist by Room Zone -->\n        <section id=\"checklist-ruangan\" class=\"py-20 bg-navy-950\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center max-w-2xl mx-auto mb-12\">\n                    <h2 class=\"text-xs font-bold text-cyanAccent uppercase tracking-widest mb-2\">Scope of Work Terinci<\/h2>\n                    <p class=\"text-3xl font-extrabold text-white\">Checklist Pembersihan Ruang demi Ruang<\/p>\n                    <p class=\"text-xs sm:text-sm text-gray-400 mt-2\">Klik zona ruangan untuk melihat poin pengerjaan standar higienis OClean.<\/p>\n                <\/div>\n\n                <!-- Room Tabs -->\n                <div class=\"flex flex-wrap justify-center gap-2.5 mb-10\">\n                    <button type=\"button\" class=\"room-tab active bg-cyanAccent text-navy-950 font-bold px-5 py-3 rounded-xl text-xs sm:text-sm transition-all\" data-room=\"kamar\">\n                        <i class=\"fa-solid fa-bed mr-2\"><\/i> Kamar Tidur\n                    <\/button>\n                    <button type=\"button\" class=\"room-tab bg-navy-800 text-gray-300 hover:text-white font-medium px-5 py-3 rounded-xl text-xs sm:text-sm transition-all border border-navy-700\" data-room=\"toilet\">\n                        <i class=\"fa-solid fa-bath mr-2 text-cyanAccent\"><\/i> Kamar Mandi\n                    <\/button>\n                    <button type=\"button\" class=\"room-tab bg-navy-800 text-gray-300 hover:text-white font-medium px-5 py-3 rounded-xl text-xs sm:text-sm transition-all border border-navy-700\" data-room=\"dapur\">\n                        <i class=\"fa-solid fa-utensils mr-2 text-cyanAccent\"><\/i> Dapur (Kitchen)\n                    <\/button>\n                    <button type=\"button\" class=\"room-tab bg-navy-800 text-gray-300 hover:text-white font-medium px-5 py-3 rounded-xl text-xs sm:text-sm transition-all border border-navy-700\" data-room=\"tamu\">\n                        <i class=\"fa-solid fa-couch mr-2 text-cyanAccent\"><\/i> Ruang Tamu &#038; Keluarga\n                    <\/button>\n                    <button type=\"button\" class=\"room-tab bg-navy-800 text-gray-300 hover:text-white font-medium px-5 py-3 rounded-xl text-xs sm:text-sm transition-all border border-navy-700\" data-room=\"balkon\">\n                        <i class=\"fa-solid fa-sun-plant-wilt mr-2 text-cyanAccent\"><\/i> Balkon &#038; Area Luar\n                    <\/button>\n                <\/div>\n\n                <!-- Room Content Display Box -->\n                <div class=\"bg-navy-900 border border-navy-800 rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto shadow-2xl\">\n                    <div id=\"room-content-kamar\" class=\"room-content space-y-6\">\n                        <div class=\"flex items-center space-x-4 border-b border-navy-800 pb-4\">\n                            <div class=\"w-12 h-12 rounded-2xl bg-cyanAccent\/10 text-cyanAccent flex items-center justify-center text-2xl\">\n                                <i class=\"fa-solid fa-bed\"><\/i>\n                            <\/div>\n                            <div>\n                                <h3 class=\"text-xl font-bold text-white\">Area Kamar Tidur &#038; Ruang Istirahat<\/h3>\n                                <p class=\"text-xs text-gray-400\">Pembersihan mendetail untuk tidur nyaman &#038; bebas alergen.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-xs sm:text-sm\">\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Dusting perabotan, meja rias, saklar &#038; bingkai foto<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Pembersihan &#038; kerapihan sprei \/ merapikan tempat tidur<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Vacuuming lantai, bawah tempat tidur &#038; kolong lemari<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Pel basah antiseptik &#038; pengangkatan tempat sampah<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"room-content-toilet\" class=\"room-content hidden space-y-6\">\n                        <div class=\"flex items-center space-x-4 border-b border-navy-800 pb-4\">\n                            <div class=\"w-12 h-12 rounded-2xl bg-cyanAccent\/10 text-cyanAccent flex items-center justify-center text-2xl\">\n                                <i class=\"fa-solid fa-bath\"><\/i>\n                            <\/div>\n                            <div>\n                                <h3 class=\"text-xl font-bold text-white\">Area Kamar Mandi &#038; Toilet<\/h3>\n                                <p class=\"text-xs text-gray-400\">Desinfeksi menyeluruh &#038; pembersihan kerak air membandel.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-xs sm:text-sm\">\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Scrubbing sikat dinding &#038; lantai keramik kamar mandi<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Sterilisasi kloset, seat cover, flush button &#038; bidet<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Pembersihan cermin, shower box glass &#038; keran stainless<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Pembersihan wastafel &#038; desinfeksi sarana buang air<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"room-content-dapur\" class=\"room-content hidden space-y-6\">\n                        <div class=\"flex items-center space-x-4 border-b border-navy-800 pb-4\">\n                            <div class=\"w-12 h-12 rounded-2xl bg-cyanAccent\/10 text-cyanAccent flex items-center justify-center text-2xl\">\n                                <i class=\"fa-solid fa-utensils\"><\/i>\n                            <\/div>\n                            <div>\n                                <h3 class=\"text-xl font-bold text-white\">Area Dapur &#038; Pantry<\/h3>\n                                <p class=\"text-xs text-gray-400\">Degreasing minyak &#038; pembersihan area olah makanan higienis.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-xs sm:text-sm\">\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Pembersihan meja dapur (kitchen countertop) &#038; kitchen sink<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Degreasing luar kompor, cooker hood &#038; microwave luar<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Lap bagian luar kabinet dapur &#038; permukaan kulkas<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Pengosongan sampah dapur &#038; pembersihan lantai berminyak<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"room-content-tamu\" class=\"room-content hidden space-y-6\">\n                        <div class=\"flex items-center space-x-4 border-b border-navy-800 pb-4\">\n                            <div class=\"w-12 h-12 rounded-2xl bg-cyanAccent\/10 text-cyanAccent flex items-center justify-center text-2xl\">\n                                <i class=\"fa-solid fa-couch\"><\/i>\n                            <\/div>\n                            <div>\n                                <h3 class=\"text-xl font-bold text-white\">Ruang Tamu &#038; Ruang Keluarga<\/h3>\n                                <p class=\"text-xs text-gray-400\">Area utama berkumpul keluarga yang bersih &#038; tertata rapi.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-xs sm:text-sm\">\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Dusting rak TV, kabinet, meja kopi &#038; hiasan dinding<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Pembersihan sela-sela sofa &#038; penataan bantal sofa<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Lap kaca jendela &#038; cermin area tamu<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Sapu &#038; pel antiseptik wangi tahan lama<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"room-content-balkon\" class=\"room-content hidden space-y-6\">\n                        <div class=\"flex items-center space-x-4 border-b border-navy-800 pb-4\">\n                            <div class=\"w-12 h-12 rounded-2xl bg-cyanAccent\/10 text-cyanAccent flex items-center justify-center text-2xl\">\n                                <i class=\"fa-solid fa-sun-plant-wilt\"><\/i>\n                            <\/div>\n                            <div>\n                                <h3 class=\"text-xl font-bold text-white\">Area Balkon &#038; Teras Luar<\/h3>\n                                <p class=\"text-xs text-gray-400\">Area semi-outdoor yang bebas debu jalanan &#038; kotoran burung.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-xs sm:text-sm\">\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Sapu &#038; sikat debu tebal di lantai balkon\/teras<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Lap railing pagar balkon &#038; kaca pintu sliding luar<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Pembersihan sisa sarang laba-laba luar ruangan<\/span>\n                            <\/div>\n                            <div class=\"bg-navy-950 p-4 rounded-xl border border-navy-800 flex items-start space-x-3 text-gray-300\">\n                                <i class=\"fa-solid fa-circle-check text-cyanAccent text-base mt-0.5\"><\/i>\n                                <span>Pel pembersihan akhir area outdoor<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Services Section with Category Filters Grid 3x3 -->\n        <section id=\"katalog-layanan\" class=\"py-20 bg-navy-900 border-t border-navy-800\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                \n                <div class=\"text-center max-w-2xl mx-auto mb-12\">\n                    <h2 class=\"text-xs font-bold text-cyanAccent uppercase tracking-widest mb-2\">Katalog Lengkap<\/h2>\n                    <p class=\"text-3xl sm:text-4xl font-extrabold text-white\">9 Layanan Kebersihan OClean<\/p>\n                    <p class=\"text-gray-400 text-sm mt-2\">Didesain profesional sesuai kebutuhan rumah tinggal, perkantoran, hingga kawasan industri.<\/p>\n                <\/div>\n\n                <!-- Category Filter Buttons -->\n                <div class=\"flex flex-wrap justify-center gap-2 sm:gap-3 mb-12\">\n                    <button type=\"button\" class=\"filter-btn active bg-cyanAccent text-navy-950 font-bold px-5 py-2.5 rounded-xl text-xs sm:text-sm transition-all border border-cyanAccent\" data-category=\"all\">\n                        <i class=\"fa-solid fa-border-all mr-1.5\"><\/i> Semua Layanan (9)\n                    <\/button>\n                    <button type=\"button\" class=\"filter-btn bg-navy-800 text-gray-300 hover:text-white font-medium px-5 py-2.5 rounded-xl text-xs sm:text-sm transition-all border border-navy-700 hover:border-cyanAccent\" data-category=\"residensial\">\n                        <i class=\"fa-solid fa-house mr-1.5 text-cyanAccent\"><\/i> Residensial &#038; Hunian\n                    <\/button>\n                    <button type=\"button\" class=\"filter-btn bg-navy-800 text-gray-300 hover:text-white font-medium px-5 py-2.5 rounded-xl text-xs sm:text-sm transition-all border border-navy-700 hover:border-cyanAccent\" data-category=\"komersial\">\n                        <i class=\"fa-solid fa-building-user mr-1.5 text-cyanAccent\"><\/i> Komersial &#038; Gedung\n                    <\/button>\n                    <button type=\"button\" class=\"filter-btn bg-navy-800 text-gray-300 hover:text-white font-medium px-5 py-2.5 rounded-xl text-xs sm:text-sm transition-all border border-navy-700 hover:border-cyanAccent\" data-category=\"khusus\">\n                        <i class=\"fa-solid fa-wand-magic-sparkles mr-1.5 text-cyanAccent\"><\/i> Layanan Khusus\n                    <\/button>\n                <\/div>\n\n                <!-- 9 Service Cards Grid -->\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                    \n                    <!-- Service 1: Home Cleaning -->\n                    <div class=\"service-card bg-navy-950 border border-navy-700\/80 hover:border-cyanAccent\/60 rounded-2xl p-6 transition-all duration-300 hover:-translate-y-1.5 flex flex-col justify-between group shadow-xl glow-hover\" data-category=\"residensial\">\n                        <div>\n                            <div class=\"flex justify-between items-start mb-5\">\n                                <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl group-hover:bg-cyanAccent group-hover:text-navy-950 transition-colors\">\n                                    <i class=\"fa-solid fa-house-chimney\"><\/i>\n                                <\/div>\n                                <span class=\"text-[11px] font-semibold bg-navy-800 text-cyanAccent px-3 py-1 rounded-full border border-navy-700\">Residensial<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Home Cleaning<\/h3>\n                            <p class=\"text-gray-400 text-xs sm:text-sm leading-relaxed mb-4\">Pembersihan harian\/rutin untuk rumah &#038; apartemen. Meliputi sapu, pel, lap debu furniture, dan sanitasi area utama.<\/p>\n                            <div class=\"text-xs text-gray-300 space-y-2 mb-6\">\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Dusting &#038; Sweeping Seluruh Ruangan<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Pel Floor &#038; Rapikan Tempat Tidur<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Trash Removal &#038; Sanitasi Ringan<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-navy-800 flex items-center justify-between gap-3\">\n                            <div>\n                                <span class=\"text-[10px] text-gray-400 uppercase font-semibold\">Mulai Dari<\/span>\n                                <p class=\"text-base font-extrabold text-cyanAccent\">Rp 20.000<\/p>\n                            <\/div>\n                            <div class=\"flex space-x-2\">\n                                <button onclick=\"openServiceModal(1)\" class=\"bg-navy-800 hover:bg-navy-700 text-gray-200 text-xs font-semibold py-2.5 px-3 rounded-xl border border-navy-600 transition-colors\">Detail<\/button>\n                                <button onclick=\"bookServiceWA('Home Cleaning')\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-2.5 px-3 rounded-xl transition-colors flex items-center\"><i class=\"fa-brands fa-whatsapp text-sm mr-1\"><\/i> Pesan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Service 2: Industrial Cleaning -->\n                    <div class=\"service-card bg-navy-950 border border-navy-700\/80 hover:border-cyanAccent\/60 rounded-2xl p-6 transition-all duration-300 hover:-translate-y-1.5 flex flex-col justify-between group shadow-xl glow-hover\" data-category=\"komersial\">\n                        <div>\n                            <div class=\"flex justify-between items-start mb-5\">\n                                <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl group-hover:bg-cyanAccent group-hover:text-navy-950 transition-colors\">\n                                    <i class=\"fa-solid fa-industry\"><\/i>\n                                <\/div>\n                                <span class=\"text-[11px] font-semibold bg-navy-800 text-cyanAccent px-3 py-1 rounded-full border border-navy-700\">Komersial<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Industrial Cleaning<\/h3>\n                            <p class=\"text-gray-400 text-xs sm:text-sm leading-relaxed mb-4\">Pembersihan pabrik, gudang, dan area manufaktur dengan standar K3 keselamatan serta penggunaan peralatan berat modern.<\/p>\n                            <div class=\"text-xs text-gray-300 space-y-2 mb-6\">\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Degreasing Lantai Pabrik &#038; Mesin<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Scrubber Machine &#038; High Pressure<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Petugas Bersertifikat K3 Lingkungan<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-navy-800 flex items-center justify-between gap-3\">\n                            <div>\n                                <span class=\"text-[10px] text-gray-400 uppercase font-semibold\">Mulai Dari<\/span>\n                                <p class=\"text-base font-extrabold text-cyanAccent\">Rp 25.000<\/p>\n                            <\/div>\n                            <div class=\"flex space-x-2\">\n                                <button onclick=\"openServiceModal(2)\" class=\"bg-navy-800 hover:bg-navy-700 text-gray-200 text-xs font-semibold py-2.5 px-3 rounded-xl border border-navy-600 transition-colors\">Detail<\/button>\n                                <button onclick=\"bookServiceWA('Industrial Cleaning')\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-2.5 px-3 rounded-xl transition-colors flex items-center\"><i class=\"fa-brands fa-whatsapp text-sm mr-1\"><\/i> Pesan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Service 3: Office Cleaning -->\n                    <div class=\"service-card bg-navy-950 border border-navy-700\/80 hover:border-cyanAccent\/60 rounded-2xl p-6 transition-all duration-300 hover:-translate-y-1.5 flex flex-col justify-between group shadow-xl glow-hover\" data-category=\"komersial\">\n                        <div>\n                            <div class=\"flex justify-between items-start mb-5\">\n                                <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl group-hover:bg-cyanAccent group-hover:text-navy-950 transition-colors\">\n                                    <i class=\"fa-solid fa-briefcase\"><\/i>\n                                <\/div>\n                                <span class=\"text-[11px] font-semibold bg-navy-800 text-cyanAccent px-3 py-1 rounded-full border border-navy-700\">Komersial<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Office Cleaning<\/h3>\n                            <p class=\"text-gray-400 text-xs sm:text-sm leading-relaxed mb-4\">Pembersihan rutin kantor &#038; area bisnis untuk menciptakan suasana kerja yang higienis, rapi, dan profesional setiap hari.<\/p>\n                            <div class=\"text-xs text-gray-300 space-y-2 mb-6\">\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Sterilisasi Meja Kerja &#038; Perangkat<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Cleaning Pantry, Lobby &#038; Meeting Room<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Pilihan Kontrak Harian \/ Kontrak Bulanan<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-navy-800 flex items-center justify-between gap-3\">\n                            <div>\n                                <span class=\"text-[10px] text-gray-400 uppercase font-semibold\">Mulai Dari<\/span>\n                                <p class=\"text-base font-extrabold text-cyanAccent\">Rp 150.000<\/p>\n                            <\/div>\n                            <div class=\"flex space-x-2\">\n                                <button onclick=\"openServiceModal(3)\" class=\"bg-navy-800 hover:bg-navy-700 text-gray-200 text-xs font-semibold py-2.5 px-3 rounded-xl border border-navy-600 transition-colors\">Detail<\/button>\n                                <button onclick=\"bookServiceWA('Office Cleaning')\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-2.5 px-3 rounded-xl transition-colors flex items-center\"><i class=\"fa-brands fa-whatsapp text-sm mr-1\"><\/i> Pesan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Service 4: Deep Cleaning -->\n                    <div class=\"service-card bg-navy-950 border border-navy-700\/80 hover:border-cyanAccent\/60 rounded-2xl p-6 transition-all duration-300 hover:-translate-y-1.5 flex flex-col justify-between group shadow-xl glow-hover\" data-category=\"residensial\">\n                        <div>\n                            <div class=\"flex justify-between items-start mb-5\">\n                                <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl group-hover:bg-cyanAccent group-hover:text-navy-950 transition-colors\">\n                                    <i class=\"fa-solid fa-sparkles\"><\/i>\n                                <\/div>\n                                <span class=\"text-[11px] font-semibold bg-navy-800 text-cyanAccent px-3 py-1 rounded-full border border-navy-700\">Residensial<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Deep Cleaning<\/h3>\n                            <p class=\"text-gray-400 text-xs sm:text-sm leading-relaxed mb-4\">Pembersihan menyeluruh mendalam untuk hunian atau gedung pasca renovasi, serah terima kunci, atau tempat lama tak terhuni.<\/p>\n                            <div class=\"text-xs text-gray-300 space-y-2 mb-6\">\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Kerok Sisa Cat, Debu Semen &#038; Nat<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Pembersihan Kerak Kaca &#038; Toilet<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Detail Hingga Sudut-Sudut Tersembunyi<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-navy-800 flex items-center justify-between gap-3\">\n                            <div>\n                                <span class=\"text-[10px] text-gray-400 uppercase font-semibold\">Mulai Dari<\/span>\n                                <p class=\"text-base font-extrabold text-cyanAccent\">Rp 15.000<\/p>\n                            <\/div>\n                            <div class=\"flex space-x-2\">\n                                <button onclick=\"openServiceModal(4)\" class=\"bg-navy-800 hover:bg-navy-700 text-gray-200 text-xs font-semibold py-2.5 px-3 rounded-xl border border-navy-600 transition-colors\">Detail<\/button>\n                                <button onclick=\"bookServiceWA('Deep Cleaning')\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-2.5 px-3 rounded-xl transition-colors flex items-center\"><i class=\"fa-brands fa-whatsapp text-sm mr-1\"><\/i> Pesan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Service 5: Cuci Sofa & Kasur -->\n                    <div class=\"service-card bg-navy-950 border border-navy-700\/80 hover:border-cyanAccent\/60 rounded-2xl p-6 transition-all duration-300 hover:-translate-y-1.5 flex flex-col justify-between group shadow-xl glow-hover\" data-category=\"khusus\">\n                        <div>\n                            <div class=\"flex justify-between items-start mb-5\">\n                                <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl group-hover:bg-cyanAccent group-hover:text-navy-950 transition-colors\">\n                                    <i class=\"fa-solid fa-couch\"><\/i>\n                                <\/div>\n                                <span class=\"text-[11px] font-semibold bg-navy-800 text-cyanAccent px-3 py-1 rounded-full border border-navy-700\">Layanan Khusus<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Cuci Sofa &#038; Kasur<\/h3>\n                            <p class=\"text-gray-400 text-xs sm:text-sm leading-relaxed mb-4\">Hydro vacuum &#038; wet washing anti-tungau &#038; debu untuk sofa, kasur, springbed, gorden, serta karpet kesayangan.<\/p>\n                            <div class=\"text-xs text-gray-300 space-y-2 mb-6\">\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Sedot Tungau &#038; Alergen Kedalaman 15cm<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Ekstraksi Shampo Anti-Bakteri<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Menghilangkan Bau Ompol \/ Noda Kering<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-navy-800 flex items-center justify-between gap-3\">\n                            <div>\n                                <span class=\"text-[10px] text-gray-400 uppercase font-semibold\">Mulai Dari<\/span>\n                                <p class=\"text-base font-extrabold text-cyanAccent\">Rp 60.000<\/p>\n                            <\/div>\n                            <div class=\"flex space-x-2\">\n                                <button onclick=\"openServiceModal(5)\" class=\"bg-navy-800 hover:bg-navy-700 text-gray-200 text-xs font-semibold py-2.5 px-3 rounded-xl border border-navy-600 transition-colors\">Detail<\/button>\n                                <button onclick=\"bookServiceWA('Cuci Sofa &#038; Kasur')\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-2.5 px-3 rounded-xl transition-colors flex items-center\"><i class=\"fa-brands fa-whatsapp text-sm mr-1\"><\/i> Pesan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Service 6: Fogging Disinfektan -->\n                    <div class=\"service-card bg-navy-950 border border-navy-700\/80 hover:border-cyanAccent\/60 rounded-2xl p-6 transition-all duration-300 hover:-translate-y-1.5 flex flex-col justify-between group shadow-xl glow-hover\" data-category=\"khusus\">\n                        <div>\n                            <div class=\"flex justify-between items-start mb-5\">\n                                <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl group-hover:bg-cyanAccent group-hover:text-navy-950 transition-colors\">\n                                    <i class=\"fa-solid fa-spray-can-sparkles\"><\/i>\n                                <\/div>\n                                <span class=\"text-[11px] font-semibold bg-navy-800 text-cyanAccent px-3 py-1 rounded-full border border-navy-700\">Layanan Khusus<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Fogging Disinfektan<\/h3>\n                            <p class=\"text-gray-400 text-xs sm:text-sm leading-relaxed mb-4\">Sterilisasi udara &#038; permukaan menggunakan bahan aman berstandar Alkes food-grade untuk membunuh 99.9% virus &#038; bakteri.<\/p>\n                            <div class=\"text-xs text-gray-300 space-y-2 mb-6\">\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Mesin ULV Cold Fogger Mikron Tinggi<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Safe For Food, Child &#038; Pets<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Sertifikat Sterilisasi Resmi<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-navy-800 flex items-center justify-between gap-3\">\n                            <div>\n                                <span class=\"text-[10px] text-gray-400 uppercase font-semibold\">Mulai Dari<\/span>\n                                <p class=\"text-base font-extrabold text-cyanAccent\">Rp 10.000<\/p>\n                            <\/div>\n                            <div class=\"flex space-x-2\">\n                                <button onclick=\"openServiceModal(6)\" class=\"bg-navy-800 hover:bg-navy-700 text-gray-200 text-xs font-semibold py-2.5 px-3 rounded-xl border border-navy-600 transition-colors\">Detail<\/button>\n                                <button onclick=\"bookServiceWA('Fogging Disinfektan')\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-2.5 px-3 rounded-xl transition-colors flex items-center\"><i class=\"fa-brands fa-whatsapp text-sm mr-1\"><\/i> Pesan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Service 7: Cuci AC -->\n                    <div class=\"service-card bg-navy-950 border border-navy-700\/80 hover:border-cyanAccent\/60 rounded-2xl p-6 transition-all duration-300 hover:-translate-y-1.5 flex flex-col justify-between group shadow-xl glow-hover\" data-category=\"khusus\">\n                        <div>\n                            <div class=\"flex justify-between items-start mb-5\">\n                                <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl group-hover:bg-cyanAccent group-hover:text-navy-950 transition-colors\">\n                                    <i class=\"fa-solid fa-snowflake\"><\/i>\n                                <\/div>\n                                <span class=\"text-[11px] font-semibold bg-navy-800 text-cyanAccent px-3 py-1 rounded-full border border-navy-700\">Layanan Khusus<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Cuci AC<\/h3>\n                            <p class=\"text-gray-400 text-xs sm:text-sm leading-relaxed mb-4\">Perawatan berkala, cuci kompresor &#038; evaporator AC, cek tekanan freon, dan perbaikan performa pendingin udara.<\/p>\n                            <div class=\"text-xs text-gray-300 space-y-2 mb-6\">\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Pembersihan Evaporator &#038; Fan Indoor<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Semprot High Pressure Outdoor Unit<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Pengecekan Freon &#038; Garansi Dingin<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-navy-800 flex items-center justify-between gap-3\">\n                            <div>\n                                <span class=\"text-[10px] text-gray-400 uppercase font-semibold\">Mulai Dari<\/span>\n                                <p class=\"text-base font-extrabold text-cyanAccent\">Rp 75.000<\/p>\n                            <\/div>\n                            <div class=\"flex space-x-2\">\n                                <button onclick=\"openServiceModal(7)\" class=\"bg-navy-800 hover:bg-navy-700 text-gray-200 text-xs font-semibold py-2.5 px-3 rounded-xl border border-navy-600 transition-colors\">Detail<\/button>\n                                <button onclick=\"bookServiceWA('Cuci AC')\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-2.5 px-3 rounded-xl transition-colors flex items-center\"><i class=\"fa-brands fa-whatsapp text-sm mr-1\"><\/i> Pesan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Service 8: General Cleaning -->\n                    <div class=\"service-card bg-navy-950 border border-navy-700\/80 hover:border-cyanAccent\/60 rounded-2xl p-6 transition-all duration-300 hover:-translate-y-1.5 flex flex-col justify-between group shadow-xl glow-hover\" data-category=\"residensial\">\n                        <div>\n                            <div class=\"flex justify-between items-start mb-5\">\n                                <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl group-hover:bg-cyanAccent group-hover:text-navy-950 transition-colors\">\n                                    <i class=\"fa-solid fa-broom\"><\/i>\n                                <\/div>\n                                <span class=\"text-[11px] font-semibold bg-navy-800 text-cyanAccent px-3 py-1 rounded-full border border-navy-700\">Residensial<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl font-bold text-white mb-2\">General Cleaning<\/h3>\n                            <p class=\"text-gray-400 text-xs sm:text-sm leading-relaxed mb-4\">Pembersihan umum mencakup seluruh area bangunan, pembersihan kaca indoor, kamar mandi, dan lantai secara efisien.<\/p>\n                            <div class=\"text-xs text-gray-300 space-y-2 mb-6\">\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Sanitasi Kamar Mandi &#038; Toilet Keramik<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Lap Kaca &#038; Jendela Dalam Ruangan<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Pengoperasian Cepat &#038; Hasil Rapi<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-navy-800 flex items-center justify-between gap-3\">\n                            <div>\n                                <span class=\"text-[10px] text-gray-400 uppercase font-semibold\">Mulai Dari<\/span>\n                                <p class=\"text-base font-extrabold text-cyanAccent\">Rp 12.000<\/p>\n                            <\/div>\n                            <div class=\"flex space-x-2\">\n                                <button onclick=\"openServiceModal(8)\" class=\"bg-navy-800 hover:bg-navy-700 text-gray-200 text-xs font-semibold py-2.5 px-3 rounded-xl border border-navy-600 transition-colors\">Detail<\/button>\n                                <button onclick=\"bookServiceWA('General Cleaning')\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-2.5 px-3 rounded-xl transition-colors flex items-center\"><i class=\"fa-brands fa-whatsapp text-sm mr-1\"><\/i> Pesan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Service 9: Rope Access -->\n                    <div class=\"service-card bg-navy-950 border border-navy-700\/80 hover:border-cyanAccent\/60 rounded-2xl p-6 transition-all duration-300 hover:-translate-y-1.5 flex flex-col justify-between group shadow-xl glow-hover\" data-category=\"komersial\">\n                        <div>\n                            <div class=\"flex justify-between items-start mb-5\">\n                                <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl group-hover:bg-cyanAccent group-hover:text-navy-950 transition-colors\">\n                                    <i class=\"fa-solid fa-person-arrow-up-from-line\"><\/i>\n                                <\/div>\n                                <span class=\"text-[11px] font-semibold bg-navy-800 text-cyanAccent px-3 py-1 rounded-full border border-navy-700\">Komersial<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Rope Access<\/h3>\n                            <p class=\"text-gray-400 text-xs sm:text-sm leading-relaxed mb-4\">Pembersihan kaca luar dan fasad gedung bertingkat tinggi dengan metode akses tali &#038; lisensi keselamatan K3 resmi.<\/p>\n                            <div class=\"text-xs text-gray-300 space-y-2 mb-6\">\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Pembersihan Fasad ACP &#038; Kaca High-Rise<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Teknisi Bersertifikat Kemnaker K3<\/div>\n                                <div class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> Standard Dual Safety Line Equipment<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-navy-800 flex items-center justify-between gap-3\">\n                            <div>\n                                <span class=\"text-[10px] text-gray-400 uppercase font-semibold\">Mulai Dari<\/span>\n                                <p class=\"text-base font-extrabold text-cyanAccent\">Rp 20.000<\/p>\n                            <\/div>\n                            <div class=\"flex space-x-2\">\n                                <button onclick=\"openServiceModal(9)\" class=\"bg-navy-800 hover:bg-navy-700 text-gray-200 text-xs font-semibold py-2.5 px-3 rounded-xl border border-navy-600 transition-colors\">Detail<\/button>\n                                <button onclick=\"bookServiceWA('Rope Access')\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-2.5 px-3 rounded-xl transition-colors flex items-center\"><i class=\"fa-brands fa-whatsapp text-sm mr-1\"><\/i> Pesan<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>       \n\n        <!-- K3 Features Showcase -->\n        <section id=\"keunggulan\" class=\"py-16 bg-navy-950 border-t border-navy-800\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center max-w-2xl mx-auto mb-12\">\n                    <h2 class=\"text-xs font-bold text-cyanAccent uppercase tracking-widest mb-2\">Standar Layanan<\/h2>\n                    <p class=\"text-3xl font-extrabold text-white\">Mengapa Memilih OClean?<\/p>\n                <\/div>\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n                    <div class=\"bg-navy-900 border border-navy-800 p-8 rounded-2xl space-y-3 hover:border-cyanAccent\/40 transition-colors\">\n                        <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl mx-auto\">\n                            <i class=\"fa-solid fa-user-shield\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-lg font-bold text-white\">Sertifikasi K3 Ketinggian<\/h3>\n                        <p class=\"text-xs text-gray-400 leading-relaxed\">Seluruh personel pengerjaan khusus &#038; Rope Access dibekali lisensi keselamatan kerja K3 resmi dari Kemnaker RI.<\/p>\n                    <\/div>\n                    <div class=\"bg-navy-900 border border-navy-800 p-8 rounded-2xl space-y-3 hover:border-cyanAccent\/40 transition-colors\">\n                        <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl mx-auto\">\n                            <i class=\"fa-solid fa-pump-soap\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-lg font-bold text-white\">Cairan Steril Berizin Alkes<\/h3>\n                        <p class=\"text-xs text-gray-400 leading-relaxed\">Menggunakan disinfektan dan shampo hydro ramah lingkungan, non-toxic, serta bersertifikat Kemenkes.<\/p>\n                    <\/div>\n                    <div class=\"bg-navy-900 border border-navy-800 p-8 rounded-2xl space-y-3 hover:border-cyanAccent\/40 transition-colors\">\n                        <div class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl mx-auto\">\n                            <i class=\"fa-solid fa-hand-holding-dollar\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-lg font-bold text-white\">Harga Transparan Tanpa Hidden Fee<\/h3>\n                        <p class=\"text-xs text-gray-400 leading-relaxed\">Sistem harga jelas terperinci di muka dengan pilihan invoice fleksibel untuk instansi maupun perorangan.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Service Standards & Guarantee -->\n        <section class=\"py-16 bg-navy-900 border-t border-navy-800\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"bg-gradient-to-r from-navy-950 via-navy-800 to-navy-950 border border-navy-700 rounded-3xl p-8 lg:p-12 shadow-2xl relative overflow-hidden\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\n                        <div class=\"lg:col-span-8 space-y-4\">\n                            <div class=\"inline-flex items-center space-x-2 bg-emerald-500\/10 text-emerald-400 border border-emerald-500\/30 px-3 py-1 rounded-full text-xs font-bold\">\n                                <i class=\"fa-solid fa-shield-check\"><\/i>\n                                <span>Garansi 100% Kepuasan Klien<\/span>\n                            <\/div>\n                            <h3 class=\"text-2xl sm:text-3xl font-black text-white\">Kurang Puas? Kami Bersihkan Ulang Gratis Dlm 24 Jam<\/h3>\n                            <p class=\"text-xs sm:text-sm text-gray-300 leading-relaxed\">\n                                Standar kerja OClean mengutamakan kedisiplinan dan higienitas tinggi. Jika ada bagian bangunan yang terlewat atau tidak sesuai standar checklist, tim kami akan kembali dan membersihkannya ulang tanpa biaya tambahan.\n                            <\/p>\n                            <div class=\"grid grid-cols-2 sm:grid-cols-3 gap-3 text-xs pt-2\">\n                                <div class=\"flex items-center space-x-2 text-gray-200\">\n                                    <i class=\"fa-solid fa-user-check text-cyanAccent\"><\/i>\n                                    <span>Cleaner SKCK Terverifikasi<\/span>\n                                <\/div>\n                                <div class=\"flex items-center space-x-2 text-gray-200\">\n                                    <i class=\"fa-solid fa-leaf text-emerald-400\"><\/i>\n                                    <span>Cairan Eco-Friendly Non-Toxic<\/span>\n                                <\/div>\n                                <div class=\"flex items-center space-x-2 text-gray-200\">\n                                    <i class=\"fa-solid fa-money-bill-wave text-cyanAccent\"><\/i>\n                                    <span>Pembayaran Tunai Pasca Selesai<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"lg:col-span-4 text-center lg:text-right\">\n                            <div class=\"inline-block bg-navy-950 border border-navy-700 p-6 rounded-2xl shadow-xl\">\n                                <i class=\"fa-solid fa-handshake-angle text-5xl text-cyanAccent mb-3\"><\/i>\n                                <h4 class=\"text-white font-bold text-sm\">Pembayaran Aman &#038; Praktis<\/h4>\n                                <p class=\"text-xs text-gray-400 mt-1\">Sistem **Bayar di Tempat (Cash\/COD)** langsung ke petugas setelah pengerjaan selesai &#038; Anda puas.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <!-- Detailed Service Modal Dialog -->\n    <div id=\"service-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center p-4 bg-navy-950\/80 backdrop-blur-md\">\n        <div class=\"bg-navy-900 border border-navy-700 rounded-3xl max-w-lg w-full p-6 sm:p-8 space-y-5 shadow-2xl relative\">\n            <button onclick=\"closeServiceModal()\" aria-label=\"Tutup Dialog Modal\" class=\"absolute top-5 right-5 text-gray-400 hover:text-white text-xl\">\n                <i class=\"fa-solid fa-xmark\"><\/i>\n            <\/button>\n            \n            <div class=\"flex items-center space-x-4\">\n                <div id=\"modal-icon-container\" class=\"w-14 h-14 bg-cyanAccent\/10 text-cyanAccent rounded-2xl flex items-center justify-center text-2xl\">\n                    <i id=\"modal-icon\" class=\"fa-solid fa-house\"><\/i>\n                <\/div>\n                <div>\n                    <span id=\"modal-badge\" class=\"text-[10px] font-bold text-cyanAccent bg-navy-800 px-3 py-1 rounded-full border border-navy-700\">Kategori<\/span>\n                    <h3 id=\"modal-title\" class=\"text-xl sm:text-2xl font-black text-white mt-1\">Nama Layanan<\/h3>\n                <\/div>\n            <\/div>\n\n            <p id=\"modal-desc\" class=\"text-xs sm:text-sm text-gray-300 leading-relaxed\">Deskripsi lengkap layanan.<\/p>\n\n            <div class=\"bg-navy-950 p-4 rounded-2xl border border-navy-800 space-y-2\">\n                <h4 class=\"text-xs font-bold text-cyanAccent uppercase\">Cakupan Pengerjaan Includes:<\/h4>\n                <ul id=\"modal-checklist\" class=\"text-xs text-gray-300 space-y-2\">\n                    <!-- Checklist Items injected via JavaScript -->\n                <\/ul>\n            <\/div>          \n\n            <div class=\"pt-2 flex space-x-3\">\n                <button onclick=\"closeServiceModal()\" class=\"w-1\/2 bg-navy-800 hover:bg-navy-700 text-gray-300 text-xs font-semibold py-3 rounded-xl border border-navy-700\">Tutup<\/button>\n                <button id=\"modal-booking-btn\" class=\"w-1\/2 bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold py-3 rounded-xl transition-all flex items-center justify-center space-x-1.5\">\n                    <i class=\"fa-brands fa-whatsapp text-base\"><\/i>\n                    <span>Pesan Layanan<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Floating WhatsApp Button -->\n    <a href=\"https:\/\/wa.me\/6281234567890?text=Halo%20OClean,%20saya%20ingin%20konsultasi%20layanan%20kebersihan\" target=\"_blank\" aria-label=\"Chat WhatsApp Hotline\" class=\"fixed bottom-6 right-6 z-50 w-14 h-14 bg-emerald-500 hover:bg-emerald-600 rounded-full flex items-center justify-center text-white text-2xl shadow-2xl transition-all duration-300 hover:scale-110\">\n        <i class=\"fa-brands fa-whatsapp\"><\/i>\n    <\/a>\n\n    <!-- Interactive JavaScript -->\n    <script>\n        \/\/ Room Checklist Tab Handler\n        const roomTabs = document.querySelectorAll('.room-tab');\n        const roomContents = document.querySelectorAll('.room-content');\n\n        roomTabs.forEach(tab => {\n            tab.addEventListener('click', () => {\n                roomTabs.forEach(t => {\n                    t.classList.remove('bg-cyanAccent', 'text-navy-950', 'font-bold');\n                    t.classList.add('bg-navy-800', 'text-gray-300');\n                });\n                tab.classList.remove('bg-navy-800', 'text-gray-300');\n                tab.classList.add('bg-cyanAccent', 'text-navy-950', 'font-bold');\n\n                const roomId = tab.dataset.room;\n                roomContents.forEach(c => c.classList.add('hidden'));\n                document.getElementById(`room-content-${roomId}`).classList.remove('hidden');\n            });\n        });\n\n        \/\/ Data for 9 Services Details Modal\n        const servicesData = {\n            1: {\n                title: \"Home Cleaning\",\n                category: \"Residensial\",\n                icon: \"fa-house-chimney\",\n                desc: \"Pembersihan rutin harian atau mingguan untuk hunian rumah tinggal dan apartemen guna menjaga kebersihan lingkungan keluarga.\",\n                checklist: [\n                    \"Sapu dan pel seluruh area lantai ruangan\",\n                    \"Dusting pembersihan debu perabotan & meja\",\n                    \"Sanitasi kamar mandi & penggantian tempat sampah\",\n                    \"Merapikan tempat tidur & area santai\"\n                ],\n                duration: \"1 - 2 Jam\",\n                price: \"Rp 20.000\"\n            },\n            2: {\n                title: \"Industrial Cleaning\",\n                category: \"Komersial\",\n                icon: \"fa-industry\",\n                desc: \"Layanan berskala besar untuk pabrik, fasilitas manufaktur, dan gudang menggunakan alat berat profesional berstandar keselamatan K3.\",\n                checklist: [\n                    \"Pembersihan noda minyak & degreasing lantai pabrik\",\n                    \"Penggunaan Scrubber Machine & High Pressure Washer\",\n                    \"Pembersihan struktur langit-langit & pipa industri\",\n                    \"Penanganan limbah non-B3 & sanitasi area kerja\"\n                ],\n                duration: \"Full Day \/ Shift\",\n                price: \"Rp 25.000\"\n            },\n            3: {\n                title: \"Office Cleaning\",\n                category: \"Komersial\",\n                icon: \"fa-briefcase\",\n                desc: \"Pembersihan komprehensif gedung perkantoran dan ruang kerja bisnis untuk memastikan suasana kerja selalu produktif dan sehat.\",\n                checklist: [\n                    \"Pembersihan meja kerja, komputer & peralatan kantor\",\n                    \"Sanitasi rutin pantry, toilet, & ruang meeting\",\n                    \"Vacuuming karpet kantor & pembersihan kaca dalam\",\n                    \"Penyemprotan wewangian & disinfeksi berkala\"\n                ],\n                duration: \"1 - 4 Jam \/ Daily\",\n                price: \"Rp 150.000\"\n            },\n            4: {\n                title: \"Deep Cleaning\",\n                category: \"Residensial\",\n                icon: \"fa-sparkles\",\n                desc: \"Pembersihan intensif pasca renovasi, hunian baru, atau bangunan yang lama tidak ditempati hingga ke sudut-sudut paling mendalam.\",\n                checklist: [\n                    \"Pembersihan kerak semen, sisa cat & nat keramik\",\n                    \"Pembersihan kerak membandel kamar mandi & toilet\",\n                    \"Detail cleaning vent AC, saklar, & sela-sela jendela\",\n                    \"Sanitasi total seluruh sudut ruangan\"\n                ],\n                duration: \"1 - 5 Jam\",\n                price: \"Rp 15.000\"\n            },\n            5: {\n                title: \"Cuci Sofa & Kasur\",\n                category: \"Layanan Khusus\",\n                icon: \"fa-couch\",\n                desc: \"Pembersihan hydro vacuum basah\/kering khusus untuk menyedot tungau, debu, alergen, serta menghilangkan noda dan bau pada soft furniture.\",\n                checklist: [\n                    \"Sedot tungau mikro kedalaman hingga 15 cm\",\n                    \"Pencucian ekstraksi shampo anti-bakteri\",\n                    \"Pengeringan hingga 90% dengan mesin blower\",\n                    \"Pemberian aroma segar & pengusir tungau\"\n                ],\n                duration: \"1 - 3 Jam\",\n                price: \"Rp 60.000\"\n            },\n            6: {\n                title: \"Fogging Disinfektan\",\n                category: \"Layanan Khusus\",\n                icon: \"fa-spray-can-sparkles\",\n                desc: \"Pengasapan dingin (ULV Cold Fogging) menggunakan cairan disinfektan steril berizin resmi Kemenkes untuk membasmi 99.9% virus dan kuman.\",\n                checklist: [\n                    \"Penyemprotan partikel uap mikron ke seluruh udara\",\n                    \"Sterilisasi gagang pintu & area sentuh tinggi\",\n                    \"Cairan aman teruji (Food Grade & Safe for Pets)\",\n                    \"Penerbitan sertifikat bebas kuman\"\n                ],\n                duration: \"1 - 2 Jam\",\n                price: \"Rp 10.000\"\n            },\n            7: {\n                title: \"Cuci AC\",\n                category: \"Layanan Khusus\",\n                icon: \"fa-snowflake\",\n                desc: \"Layanan perawatan pendingin udara mencakup cuci unit indoor\/outdoor, pembersihan filter, pemeriksaan tekanan freon, dan perbaikan performa.\",\n                checklist: [\n                    \"Cuci filter & evaporator indoor unit\",\n                    \"Semprot tekanan tinggi outdoor unit kompresor\",\n                    \"Pengecekan pipa drainase & tekanan freon R32\/R410\",\n                    \"Garansi dingin & tidak bocor\"\n                ],\n                duration: \"1 Jam \/ Unit\",\n                price: \"Rp 75.000\"\n            },\n            8: {\n                title: \"General Cleaning\",\n                category: \"Residensial\",\n                icon: \"fa-broom\",\n                desc: \"Pembersihan umum skala menyeluruh yang cepat dan efisien untuk menyegarkan kembali rumah, ruko, atau fasilitas umum.\",\n                checklist: [\n                    \"Pembersihan lantai (sweeping & mopping)\",\n                    \"Pembersihan kaca & cermin indoor\",\n                    \"Sanitasi area toilet & wastafel\",\n                    \"Pengangkatan sampah & perapihan umum\"\n                ],\n                duration: \"1 - 4 Jam\",\n                price: \"Rp 12.000\"\n            },\n            9: {\n                title: \"Rope Access\",\n                category: \"Komersial\",\n                icon: \"fa-person-arrow-up-from-line\",\n                desc: \"Pembersihan luar gedung tinggi (high-rise glass & ACP cleaning) menggunakan metode pemanjatan tali safety oleh teknisi bersertifikat K3.\",\n                checklist: [\n                    \"Pembersihan kaca luar & fasad ACP gedung tinggi\",\n                    \"Teknisi mengantongi lisensi K3 Ketinggian Kemnaker\",\n                    \"Penggunaan dual safety rope & perlengkapan standar ISO\",\n                    \"Pembersihan jamur kaca & kerak polusi luar\"\n                ],\n                duration: \"Sesuai Survey\",\n                price: \"Rp 20.000\"\n            }\n        };\n\n        \/\/ Mobile Menu Toggle\n        const menuBtn = document.getElementById('mobile-menu-btn');\n        const mobileMenu = document.getElementById('mobile-menu');\n        menuBtn.addEventListener('click', () => mobileMenu.classList.toggle('hidden'));\n        document.querySelectorAll('.mobile-link').forEach(link => {\n            link.addEventListener('click', () => mobileMenu.classList.add('hidden'));\n        });\n\n        \/\/ Filter Category Logic\n        const filterBtns = document.querySelectorAll('.filter-btn');\n        const serviceCards = document.querySelectorAll('.service-card');\n\n        filterBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                filterBtns.forEach(b => {\n                    b.classList.remove('bg-cyanAccent', 'text-navy-950', 'font-bold');\n                    b.classList.add('bg-navy-800', 'text-gray-300');\n                });\n                btn.classList.remove('bg-navy-800', 'text-gray-300');\n                btn.classList.add('bg-cyanAccent', 'text-navy-950', 'font-bold');\n\n                const cat = btn.dataset.category;\n                serviceCards.forEach(card => {\n                    if (cat === 'all' || card.dataset.category === cat) {\n                        card.classList.remove('hidden');\n                    } else {\n                        card.classList.add('hidden');\n                    }\n                });\n            });\n        });\n\n        \/\/ Modal Handler\n        function openServiceModal(id) {\n            const data = servicesData[id];\n            if (!data) return;\n\n            document.getElementById('modal-icon').className = `fa-solid ${data.icon}`;\n            document.getElementById('modal-title').textContent = data.title;\n            document.getElementById('modal-badge').textContent = data.category;\n            document.getElementById('modal-desc').textContent = data.desc;\n            document.getElementById('modal-duration').textContent = data.duration;\n            document.getElementById('modal-price').textContent = data.price;\n\n            const checklistEl = document.getElementById('modal-checklist');\n            checklistEl.innerHTML = data.checklist.map(item => `<li class=\"flex items-center\"><i class=\"fa-solid fa-check text-cyanAccent mr-2\"><\/i> ${item}<\/li>`).join('');\n\n            document.getElementById('modal-booking-btn').onclick = () => bookServiceWA(data.title);\n\n            document.getElementById('service-modal').classList.remove('hidden');\n        }\n\n        function closeServiceModal() {\n            document.getElementById('service-modal').classList.add('hidden');\n        }\n\n        function bookServiceWA(serviceName) {\n            const text = encodeURIComponent(`Halo OClean, saya ingin memesan layanan: ${serviceName}. Mohon info ketersediaan jadwal.`);\n            window.open(`https:\/\/wa.me\/6281234567890?text=${text}`, '_blank');\n        }\n\n        \/\/ Live Estimator Calculator Logic\n        const serviceSelect = document.getElementById('calc-service-select');\n        const qtyRange = document.getElementById('calc-qty-range');\n        const qtyVal = document.getElementById('calc-qty-val');\n        const totalDisplay = document.getElementById('calc-total-display');\n        const addons = document.querySelectorAll('.calc-addon');\n\n        const summaryName = document.getElementById('summary-service-name');\n        const summaryQty = document.getElementById('summary-service-qty');\n        const summaryBase = document.getElementById('summary-base-price');\n        const summaryAddon = document.getElementById('summary-addon-price');\n        const calcCheckoutBtn = document.getElementById('calc-checkout-btn');\n\n        function updateEstimator() {\n            const selectedOpt = serviceSelect.options[serviceSelect.selectedIndex];\n            const unit = selectedOpt.dataset.unit;\n            const rate = parseInt(selectedOpt.dataset.rate);\n            const min = parseInt(selectedOpt.dataset.min);\n            const max = parseInt(selectedOpt.dataset.max);\n            const serviceTitle = selectedOpt.text.split(' (')[0];\n\n            \/\/ Adjust range bounds if service changed\n            if (parseInt(qtyRange.min) !== min || parseInt(qtyRange.max) !== max) {\n                qtyRange.min = min;\n                qtyRange.max = max;\n                qtyRange.value = min;\n            }\n\n            const qty = parseInt(qtyRange.value);\n            qtyVal.textContent = `${qty} ${unit}`;\n\n            summaryName.textContent = serviceTitle;\n            summaryQty.textContent = `${qty} ${unit}`;\n\n            const baseCost = qty * rate;\n            summaryBase.textContent = `Rp ${baseCost.toLocaleString('id-ID')}`;\n\n            let addonTotal = 0;\n            let addonNames = [];\n            addons.forEach(cb => {\n                if (cb.checked) {\n                    addonTotal += parseInt(cb.dataset.price);\n                    addonNames.push(cb.dataset.name);\n                }\n            });\n            summaryAddon.textContent = `Rp ${addonTotal.toLocaleString('id-ID')}`;\n\n            const grandTotal = baseCost + addonTotal;\n            totalDisplay.textContent = `Rp ${grandTotal.toLocaleString('id-ID')}`;\n\n            const waText = encodeURIComponent(\n                `Halo OClean, saya membuat simulasi pemesanan:\\n` +\n                `- Layanan: ${serviceTitle}\\n` +\n                `- Kuantitas\/Volume: ${qty} ${unit}\\n` +\n                `- Extra Add-on: ${addonNames.length > 0 ? addonNames.join(', ') : 'Tidak ada'}\\n` +\n                `- Perkiraan Biaya: Rp ${grandTotal.toLocaleString('id-ID')}\\n\\nMohon bantuannya untuk konfirmasi jadwal dan survei.`\n            );\n\n            calcCheckoutBtn.onclick = () => {\n                window.open(`https:\/\/wa.me\/6281234567890?text=${waText}`, '_blank');\n            };\n        }\n\n        serviceSelect.addEventListener('change', updateEstimator);\n        qtyRange.addEventListener('input', updateEstimator);\n        addons.forEach(cb => cb.addEventListener('change', updateEstimator));\n\n        \/\/ Init Calculator on load\n        updateEstimator();\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>OClean &#8211; Catalog 9 Layanan Kebersihan Profesional Spesialis Jasa Kebersihan Rumah, Gedung &#038; Industri #1 Terpercaya Layanan Jasa Kebersihan Profesional Higienis, Bergaransi &#038; Bebas Ribet Hadirkan suasana lingkungan bersih berkilau dan sehat. Dilengkapi 9 spesialisasi layanan, tim tersertifikasi K3, alat modern hydro-vacuum, bahan eco-friendly aman untuk anak &#038; hewan, serta **Bergaransi 100%**. Aplikasi OClean Jelajahi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-178","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v28.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Jasa Kebersihan - ocleaning<\/title>\n<meta name=\"description\" content=\"Layanan Jasa Kebersihan Profesional, Bergaransi &amp; Bebas Ribet kami Hadirkan suasana lingkungan bersih berkilau dan sehat. Dilengkapi 9 spesialisasi layanan\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jasa Kebersihan\" \/>\n<meta property=\"og:description\" content=\"Layanan Jasa Kebersihan Profesional, Bergaransi &amp; Bebas Ribet kami Hadirkan suasana lingkungan bersih berkilau dan sehat. Dilengkapi 9 spesialisasi layanan\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/\" \/>\n<meta property=\"og:site_name\" content=\"ocleaning\" \/>\n<meta property=\"article:published_time\" content=\"2026-11-03T08:58:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-03T08:58:56+00:00\" \/>\n<meta name=\"author\" content=\"nick\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"nick\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/2026\\\/11\\\/03\\\/jasa-kebersihan\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/2026\\\/11\\\/03\\\/jasa-kebersihan\\\/\"},\"author\":{\"name\":\"nick\",\"@id\":\"https:\\\/\\\/oclean.my.id\\\/#\\\/schema\\\/person\\\/52161462f9ff5bb9c28fe05424e9c7fb\"},\"headline\":\"Jasa Kebersihan\",\"datePublished\":\"2026-11-03T08:58:51+00:00\",\"dateModified\":\"2026-11-03T08:58:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/2026\\\/11\\\/03\\\/jasa-kebersihan\\\/\"},\"wordCount\":773,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/oclean.my.id\\\/#\\\/schema\\\/person\\\/52161462f9ff5bb9c28fe05424e9c7fb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/2026\\\/11\\\/03\\\/jasa-kebersihan\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/2026\\\/11\\\/03\\\/jasa-kebersihan\\\/\",\"url\":\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/2026\\\/11\\\/03\\\/jasa-kebersihan\\\/\",\"name\":\"Jasa Kebersihan - ocleaning\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oclean.my.id\\\/#website\"},\"datePublished\":\"2026-11-03T08:58:51+00:00\",\"dateModified\":\"2026-11-03T08:58:56+00:00\",\"description\":\"Layanan Jasa Kebersihan Profesional, Bergaransi & Bebas Ribet kami Hadirkan suasana lingkungan bersih berkilau dan sehat. Dilengkapi 9 spesialisasi layanan\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/2026\\\/11\\\/03\\\/jasa-kebersihan\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/2026\\\/11\\\/03\\\/jasa-kebersihan\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/2026\\\/11\\\/03\\\/jasa-kebersihan\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/oclean.my.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jasa Kebersihan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/oclean.my.id\\\/#website\",\"url\":\"https:\\\/\\\/oclean.my.id\\\/\",\"name\":\"oclean\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/oclean.my.id\\\/#\\\/schema\\\/person\\\/52161462f9ff5bb9c28fe05424e9c7fb\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/oclean.my.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/oclean.my.id\\\/#\\\/schema\\\/person\\\/52161462f9ff5bb9c28fe05424e9c7fb\",\"name\":\"nick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/oclean.my.id\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/logo1.png\",\"url\":\"https:\\\/\\\/oclean.my.id\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/logo1.png\",\"contentUrl\":\"https:\\\/\\\/oclean.my.id\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/logo1.png\",\"width\":504,\"height\":504,\"caption\":\"nick\"},\"logo\":{\"@id\":\"https:\\\/\\\/oclean.my.id\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/logo1.png\"},\"sameAs\":[\"http:\\\/\\\/localhost\\\/bersihmax\\\/wordpress\"],\"url\":\"https:\\\/\\\/oclean.my.id\\\/index.php\\\/author\\\/oim\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Jasa Kebersihan - ocleaning","description":"Layanan Jasa Kebersihan Profesional, Bergaransi & Bebas Ribet kami Hadirkan suasana lingkungan bersih berkilau dan sehat. Dilengkapi 9 spesialisasi layanan","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:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/","og_locale":"en_US","og_type":"article","og_title":"Jasa Kebersihan","og_description":"Layanan Jasa Kebersihan Profesional, Bergaransi & Bebas Ribet kami Hadirkan suasana lingkungan bersih berkilau dan sehat. Dilengkapi 9 spesialisasi layanan","og_url":"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/","og_site_name":"ocleaning","article_published_time":"2026-11-03T08:58:51+00:00","article_modified_time":"2026-11-03T08:58:56+00:00","author":"nick","twitter_card":"summary_large_image","twitter_misc":{"Written by":"nick","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/#article","isPartOf":{"@id":"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/"},"author":{"name":"nick","@id":"https:\/\/oclean.my.id\/#\/schema\/person\/52161462f9ff5bb9c28fe05424e9c7fb"},"headline":"Jasa Kebersihan","datePublished":"2026-11-03T08:58:51+00:00","dateModified":"2026-11-03T08:58:56+00:00","mainEntityOfPage":{"@id":"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/"},"wordCount":773,"commentCount":0,"publisher":{"@id":"https:\/\/oclean.my.id\/#\/schema\/person\/52161462f9ff5bb9c28fe05424e9c7fb"},"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/","url":"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/","name":"Jasa Kebersihan - ocleaning","isPartOf":{"@id":"https:\/\/oclean.my.id\/#website"},"datePublished":"2026-11-03T08:58:51+00:00","dateModified":"2026-11-03T08:58:56+00:00","description":"Layanan Jasa Kebersihan Profesional, Bergaransi & Bebas Ribet kami Hadirkan suasana lingkungan bersih berkilau dan sehat. Dilengkapi 9 spesialisasi layanan","breadcrumb":{"@id":"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oclean.my.id\/index.php\/2026\/11\/03\/jasa-kebersihan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oclean.my.id\/"},{"@type":"ListItem","position":2,"name":"Jasa Kebersihan"}]},{"@type":"WebSite","@id":"https:\/\/oclean.my.id\/#website","url":"https:\/\/oclean.my.id\/","name":"oclean","description":"","publisher":{"@id":"https:\/\/oclean.my.id\/#\/schema\/person\/52161462f9ff5bb9c28fe05424e9c7fb"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oclean.my.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/oclean.my.id\/#\/schema\/person\/52161462f9ff5bb9c28fe05424e9c7fb","name":"nick","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oclean.my.id\/wp-content\/uploads\/2026\/10\/logo1.png","url":"https:\/\/oclean.my.id\/wp-content\/uploads\/2026\/10\/logo1.png","contentUrl":"https:\/\/oclean.my.id\/wp-content\/uploads\/2026\/10\/logo1.png","width":504,"height":504,"caption":"nick"},"logo":{"@id":"https:\/\/oclean.my.id\/wp-content\/uploads\/2026\/10\/logo1.png"},"sameAs":["http:\/\/localhost\/bersihmax\/wordpress"],"url":"https:\/\/oclean.my.id\/index.php\/author\/oim\/"}]}},"_links":{"self":[{"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/posts\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=178"}],"version-history":[{"count":1,"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/posts\/178\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/posts\/178\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/categories?post=178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oclean.my.id\/index.php\/wp-json\/wp\/v2\/tags?post=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}