{"id":12272,"date":"2025-07-28T17:30:59","date_gmt":"2025-07-28T10:30:59","guid":{"rendered":"https:\/\/starfield.id\/?page_id=12272"},"modified":"2025-07-28T17:45:51","modified_gmt":"2025-07-28T10:45:51","slug":"software-pdam","status":"publish","type":"page","link":"https:\/\/starfield.id\/?page_id=12272","title":{"rendered":"software pdam"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Unlock PDAM Efficiency: Modern Software for Streamlined Operations<\/title> \r\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon.png\"> \r\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.16\"><\/script> \r\n\r\n <!-- Primary Meta Tags -->\r\n <meta name=\"description\" content=\"Transform your PDAM with our innovative software! Automate tasks, boost customer satisfaction, and optimize resource management. Request a demo now!\">\r\n \r\n <!-- Open Graph \/ Facebook -->\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/pdam-management-software-1753697139760\">\r\n <meta property=\"og:title\" content=\"Unlock PDAM Efficiency: Modern Software for Streamlined Operations\">\r\n <meta property=\"og:description\" content=\"Transform your PDAM with our innovative software! Automate tasks, boost customer satisfaction, and optimize resource management. Request a demo now!\">\r\n <meta property=\"og:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n <!-- Twitter -->\r\n <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n <meta property=\"twitter:url\" content=\"\/\/id.tapsite.ai\/pdam-management-software-1753697139760\">\r\n <meta property=\"twitter:title\" content=\"Unlock PDAM Efficiency: Modern Software for Streamlined Operations\">\r\n <meta property=\"twitter:description\" content=\"Transform your PDAM with our innovative software! Automate tasks, boost customer satisfaction, and optimize resource management. Request a demo now!\">\r\n <meta property=\"twitter:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n <meta name=\"robots\" content=\"index, follow\">\r\n\r\n <meta name=\"page_id\" content=\"0198507e-b103-7-b80e-800a62dbd2d74510\">\r\n <meta name=\"slug\" content=\"pdam-management-software-1753697139760\">\r\n <meta name=\"user_id\" content=\"d4381967-72af-4627-a373-6cdb2a3990a9\">\r\n <meta name=\"submit_event\" content=\"null\">\r\n <meta name=\"click_event\" content=\"null\">\r\n <meta name=\"watermark\" content=\"1\">\r\n\r\n\r\n \r\n <script>\r\n tailwind.config = {\r\n darkMode: 'class',\r\n }\r\n <\/script>\r\n <script type=\"module\" crossorigin src=\"\/assets\/page-CBca_JIH.js\"><\/script>\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/clsx-BzO1I1Lv.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-Dc5LyDmE.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-BwiZ6mSt.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-H-sITBaY.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-CJBw3JqI.js\">\r\n <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-D6fZhbic.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"relative bg-gradient-to-br from-blue-700 to-blue-900 text-white py-20 md:py-32 overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <!-- Creative visual background element: Subtle wave pattern -->\r\n <svg class=\"absolute bottom-0 left-0 w-full h-auto text-blue-950 opacity-10 custom-cursor\" viewBox=\"0 0 1440 320\" preserveAspectRatio=\"none\">\r\n <path fill=\"currentColor\" fill-opacity=\"1\" d=\"M0,224L60,208C120,192,240,160,360,160C480,160,600,192,720,208C840,224,960,224,1080,208C1200,192,1320,160,1380,144L1440,128L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"container mx-auto px-6 relative z-10 flex flex-col md:flex-row items-center justify-between gap-12\">\r\n <div class=\"text-center md:text-left md:w-1\/2\">\r\n <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-extrabold leading-tight mb-6 animate-fade-in-up custom-cursor\">\r\n Software PDAM Management System: <span class=\"text-blue-200 custom-cursor\">Transformasi Pengelolaan Air Bersih Anda.<\/span>\r\n <\/h1>\r\n <p class=\"text-lg sm:text-xl md:text-2xl mb-10 opacity-90 animate-fade-in-up delay-100 custom-cursor\">\r\n Sistem Manajemen PDAM Komprehensif dengan UI\/UX Modern untuk Efisiensi dan Pelayanan Prima.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center md:justify-start gap-4 animate-fade-in-up delay-200\">\r\n <a href=\"#features\" class=\"bg-blue-500 hover:bg-blue-600 focus:ring-4 focus:ring-blue-300 text-white font-bold py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-105 custom-cursor\">\r\n Lihat Fitur Lengkap\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"bg-orange-500 hover:bg-orange-600 focus:ring-4 focus:ring-orange-300 text-white font-bold py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-105 custom-cursor\">\r\n Coba Demo Sekarang\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:w-1\/2 mt-12 md:mt-0 animate-fade-in-right delay-300\">\r\n <!-- Modern illustration placeholder for automation\/integrated system -->\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01985081-d728-7-880c-4ee2a4d260d1a3fb.webp\" alt=\"Ilustrasi Modern Otomatisasi Sistem PDAM\" class=\"w-full h-auto rounded-lg shadow-xl border border-blue-400 custom-cursor\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-gray-50 py-16 md:py-24\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-bold text-gray-800 mb-8 animate-fade-in-down custom-cursor\">\r\n Memperkenalkan Software PDAM Management System\r\n <\/h2>\r\n <p class=\"text-lg md:text-xl text-gray-700 max-w-3xl mx-auto leading-relaxed animate-fade-in-up delay-100 custom-cursor\">\r\n Sistem Manajemen Perusahaan Daerah Air Minum yang dirancang khusus untuk kebutuhan modern. Dibangun dengan pondasi teknologi kuat seperti <strong class=\"text-blue-600\">PHP<\/strong>, <strong class=\"text-blue-600\">MySQL<\/strong>, dan <strong class=\"text-blue-600\">Bootstrap 5<\/strong>, solusi kami menghadirkan pengelolaan data yang terpusat, operasi yang mulus, dan kemampuan untuk memberikan pelayanan pelanggan yang tak tertandingi. Kami berkomitmen untuk membawa efisiensi dan inovasi ke dalam setiap aspek operasional PDAM Anda.\r\n <\/p>\r\n <\/div>\r\n<\/section><section class=\"bg-white py-16 md:py-24\">\r\n <div class=\"container mx-auto px-6\">\r\n <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-bold text-gray-800 text-center mb-16 animate-fade-in-down custom-cursor\">\r\n Hadapi Tantangan, Raih Efisiensi Optimal\r\n <\/h2>\r\n\r\n <div class=\"flex flex-col lg:flex-row gap-12 items-start\">\r\n <!-- Problems Section -->\r\n <div class=\"lg:w-1\/2 bg-red-50 bg-opacity-70 rounded-xl p-8 shadow-lg transform hover:scale-[1.01] transition-transform duration-300\">\r\n <h3 class=\"text-2xl md:text-3xl font-semibold text-red-700 mb-6 flex items-center gap-3 custom-cursor\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-8 h-8 text-red-500 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.174 3.353 1.94 3.353h12.126c1.766 0 2.806-1.853 1.94-3.353L12.94 3.376c-.866-1.5-3.033-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z\"><\/path>\r\n <\/svg>\r\n Apakah PDAM Anda menghadapi...\r\n <\/h3>\r\n <ul class=\"space-y-4 text-gray-700 text-lg custom-cursor\">\r\n <li class=\"flex items-start gap-3 animate-fade-in-left delay-100\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\" class=\"w-6 h-6 flex-shrink-0 text-red-500 mt-1 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\"><\/path>\r\n <\/svg>\r\n <span class=\"font-medium custom-cursor\">Pencatatan manual<\/span> yang rentan kesalahan dan memakan waktu?\r\n <\/li>\r\n <li class=\"flex items-start gap-3 animate-fade-in-left delay-200\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\" class=\"w-6 h-6 flex-shrink-0 text-red-500 mt-1 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\"><\/path>\r\n <\/svg>\r\n <span class=\"font-medium custom-cursor\">Proses penagihan<\/span> yang lambat dan tidak efisien?\r\n <\/li>\r\n <li class=\"flex items-start gap-3 animate-fade-in-left delay-300\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\" class=\"w-6 h-6 flex-shrink-0 text-red-500 mt-1 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\"><\/path>\r\n <\/svg>\r\n <span class=\"font-medium custom-cursor\">Kesulitan melacak keluhan pelanggan<\/span> dan memberikan respons cepat?\r\n <\/li>\r\n <li class=\"flex items-start gap-3 animate-fade-in-left delay-400\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\" class=\"w-6 h-6 flex-shrink-0 text-red-500 mt-1 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\"><\/path>\r\n <\/svg>\r\n <span class=\"font-medium custom-cursor\">Kurangnya data akurat<\/span> untuk pengambilan keputusan strategis?\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Solutions Section -->\r\n <div class=\"lg:w-1\/2 bg-blue-50 bg-opacity-70 rounded-xl p-8 shadow-lg transform hover:scale-[1.01] transition-transform duration-300\">\r\n <h3 class=\"text-2xl md:text-3xl font-semibold text-blue-700 mb-6 flex items-center gap-3 custom-cursor\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-8 h-8 text-blue-500 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.035-.259a3.375 3.375 0 0 0 2.456-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.896 20.207 16.5 21.75l-.396-1.543a3 3 0 0 0-2.199-2.199L12.75 18l1.543-.396a3 3 0 0 0 2.199 2.199L17.25 15l.396 1.543a3 3 0 0 0 2.199 2.199L21.75 18l-1.543.396a3 3 0 0 0-2.199 2.199Z\"><\/path>\r\n <\/svg>\r\n Software PDAM Management System adalah Jawabannya\r\n <\/h3>\r\n <p class=\"text-lg text-gray-700 mb-6 leading-relaxed animate-fade-in-right delay-100 custom-cursor\">\r\n Kami menghadirkan <strong class=\"text-blue-600\">otomatisasi penuh<\/strong>, <strong class=\"text-blue-600\">akurasi data yang terjamin<\/strong>, dan <strong class=\"text-blue-600\">visibilitas operasional yang lengkap<\/strong>. Dengan solusi kami, Anda dapat:\r\n <\/p>\r\n <ul class=\"space-y-4 text-gray-700 text-lg custom-cursor\">\r\n <li class=\"flex items-start gap-3 animate-fade-in-right delay-200\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\" class=\"w-6 h-6 flex-shrink-0 text-blue-500 mt-1 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"><\/path>\r\n <\/svg>\r\n Mengurangi <span class=\"font-medium custom-cursor\">kesalahan manual<\/span> secara signifikan.\r\n <\/li>\r\n <li class=\"flex items-start gap-3 animate-fade-in-right delay-300\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\" class=\"w-6 h-6 flex-shrink-0 text-blue-500 mt-1 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"><\/path>\r\n <\/svg>\r\n Mempercepat <span class=\"font-medium custom-cursor\">proses penagihan<\/span> dan pembayaran.\r\n <\/li>\r\n <li class=\"flex items-start gap-3 animate-fade-in-right delay-400\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\" class=\"w-6 h-6 flex-shrink-0 text-blue-500 mt-1 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"><\/path>\r\n <\/svg>\r\n Meningkatkan <span class=\"font-medium custom-cursor\">pelayanan pelanggan<\/span> dengan respons cepat.\r\n <\/li>\r\n <li class=\"flex items-start gap-3 animate-fade-in-right delay-500\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\" class=\"w-6 h-6 flex-shrink-0 text-blue-500 mt-1 custom-cursor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"><\/path>\r\n <\/svg>\r\n Mendapatkan <span class=\"font-medium custom-cursor\">insight data<\/span> untuk keputusan yang lebih baik.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-br from-white to-gray-50\">\r\n <div class=\"container mx-auto px-6 max-w-7xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-blue-800 mb-12 leading-tight custom-cursor\">\r\n Fitur Unggulan untuk Keunggulan Operasional Anda\r\n <\/h2>\r\n <p class=\"text-xl text-center text-gray-600 mb-16 max-w-3xl mx-auto custom-cursor\">\r\n Solusi komprehensif kami dirancang untuk mengoptimalkan setiap aspek operasional PDAM Anda, dari manajemen pelanggan hingga laporan analitis.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\r\n <!-- Feature 1: Manajemen Pelanggan -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H2v-2a3 3 0 015.356-1.857M7 20v-2a3 3 0 00-5.356-1.857m-2.24 1.704a3 3 0 01-.861-1.603V12a3 3 0 011.603-.861m1.704-2.24a3 3 0 00-1.603-.861H7V4a3 3 0 00-5.356-1.857M7 4h5v-2a3 3 0 00-5.356-1.857m2.24 1.704a3 3 0 01.861-1.603V12a3 3 0 01-1.603-.861\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Manajemen Pelanggan<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Kelola data pelanggan dengan detail, kategorisasi otomatis, dan pencarian canggih untuk layanan yang personal.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 2: Pembacaan Meter Air -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.592 1L21 6m-4 14v-2.382c0-1.788 1.059-3.321 2.5-4.008M9 4a2 2 0 012-2h2a2 2 0 012 2v2h2a2 2 0 012 2v2c0 1.1-.9 2-2 2h-2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2H5a2 2 0 01-2-2V8a2 2 0 012-2h2V4z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Pembacaan Meter Air<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Input pembacaan meter yang akurat, kalkulasi otomatis pemakaian air, dan riwayat lengkap untuk transparansi data.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 3: Tagihan dan Pembayaran -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Tagihan dan Pembayaran<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Generate tagihan massal, kalkulasi tarif otomatis, dan beragam metode pembayaran untuk efisiensi transaksi.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 4: Pengajuan Sambungan Baru -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Pengajuan Sambungan Baru<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Proses pengajuan online yang mudah, alur kerja persetujuan yang transparan, dan pelacakan status instalasi.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 5: Pemeliharaan Jaringan & Laporan Gangguan -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Pemeliharaan Jaringan & Laporan Gangguan<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Penjadwalan pemeliharaan preventif dan sistem pelaporan gangguan yang responsif untuk infrastruktur yang prima.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 6: Manajemen Tarif dan Zona -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 4a2 2 0 100 4m-3 13.013l3-3m0 0l3 3m-3-3v3m6-13a2 2 0 11-4 0v-1a2 2 0 114 0v1m-3 0a2 2 0 100-4m-3 13.013l3-3m0 0l3 3m-3-3v3m6-13a2 2 0 11-4 0v-1a2 2 0 114 0v1\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Manajemen Tarif dan Zona<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Pengaturan tarif bertingkat dan pengelolaan zona pelayanan yang fleksibel untuk kebijakan yang adil.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 7: Sistem User dan Hak Akses -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M10 20v-2a3 3 0 013-3h4a3 3 0 013 3v2M3 8a4 4 0 118 0v2H3V8z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Sistem User dan Hak Akses<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Kendali akses dengan peran pengguna yang berbeda, memastikan keamanan dan akuntabilitas data.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 8: Notifikasi Otomatis -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.405L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Notifikasi Otomatis<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Pengingat tagihan, jadwal perawatan, dan notifikasi penting lainnya langsung ke pelanggan atau staf.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 9: Dashboard Statistik -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Dashboard Statistik<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Visualisasi data real-time, grafik pendapatan, dan metrik kinerja utama untuk pengambilan keputusan yang cepat.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 10: Laporan Lengkap -->\r\n <div class=\"bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 p-8 flex flex-col items-center text-center border border-blue-100\">\r\n <div class=\"w-16 h-16 bg-blue-100 text-blue-700 rounded-full flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v2m-2-4v4m6-4v4m-2-4v4m0-12H9m-6 0h.01M16 20h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2h2\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-3 custom-cursor\">Laporan Lengkap<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor\">Hasilkan laporan komprehensif untuk analisis mendalam tentang pemakaian air, pembayaran, pelanggan, dan lainnya.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-20 text-center\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01985082-4463-7-82c5-2ac463a546e0426e.webp\" alt=\"Mockup Software PDAM Management System\" class=\"rounded-xl shadow-2xl border-4 border-blue-200 mx-auto w-full md:w-4\/5 lg:w-3\/4 transform hover:scale-105 transition-transform duration-500 ease-out custom-cursor\">\r\n <p class=\"mt-8 text-lg text-gray-500 italic custom-cursor\">Antarmuka pengguna yang bersih dan intuitif, dirancang untuk efisiensi maksimal.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-blue-700 text-white\">\r\n <div class=\"container mx-auto px-6 max-w-5xl text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold mb-8 leading-tight custom-cursor\">\r\n Dirancang Khusus untuk Kebutuhan PDAM di Indonesia\r\n <\/h2>\r\n <p class=\"text-xl md:text-2xl leading-relaxed opacity-90 custom-cursor\">\r\n Software PDAM Management System adalah solusi ideal bagi semua Perusahaan Daerah Air Minum,\r\n baik skala kecil, menengah, maupun besar, yang ingin meningkatkan efisiensi operasional,\r\n memberikan pelayanan pelanggan yang unggul, dan mengoptimalkan pengelolaan sumber daya air.\r\n <\/p>\r\n <div class=\"mt-12\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01985082-4463-7-82c5-2ac463a546e0426e.webp\" alt=\"Ilustrasi PDAM Berbagai Skala\" class=\"rounded-lg shadow-xl mx-auto border-4 border-blue-400 transform hover:scale-105 transition-transform duration-500 ease-out custom-cursor highlight-active\">\r\n <p class=\"mt-6 text-gray-200 italic custom-cursor\">Solusi adaptif untuk setiap ukuran dan kompleksitas operasional PDAM Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-br from-white to-gray-50\">\r\n <div class=\"container mx-auto px-6 max-w-4xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-blue-800 mb-12 leading-tight custom-cursor\">\r\n Investasi untuk Efisiensi Jangka Panjang\r\n <\/h2>\r\n <p class=\"text-xl text-center text-gray-600 mb-16 max-w-3xl mx-auto custom-cursor\">\r\n Dapatkan solusi manajemen PDAM terlengkap dengan investasi satu kali yang memberikan nilai tak terbatas untuk operasional Anda.\r\n <\/p>\r\n\r\n <div class=\"bg-white rounded-2xl shadow-2xl border-4 border-blue-600 p-8 md:p-12 text-center transform hover:scale-[1.02] transition-transform duration-300\">\r\n <div class=\"mb-8\">\r\n <span class=\"text-blue-700 text-3xl font-semibold custom-cursor\">Paket<\/span>\r\n <h3 class=\"text-5xl md:text-6xl font-extrabold text-blue-800 leading-tight mt-2 custom-cursor\">PDAM Professional<\/h3>\r\n <\/div>\r\n \r\n <div class=\"mb-10\">\r\n <p class=\"text-5xl md:text-7xl font-bold text-blue-600 custom-cursor\">\r\n <span class=\"text-3xl align-top mr-2 custom-cursor\">Rp<\/span>15.000.000\r\n <\/p>\r\n <p class=\"text-gray-500 text-lg mt-2 custom-cursor\">Pembayaran satu kali untuk lisensi penuh<\/p>\r\n <\/div>\r\n\r\n <ul class=\"space-y-4 text-left max-w-md mx-auto mb-10 custom-cursor\">\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Manajemen Pelanggan Lengkap\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Pembacaan Meter Air Otomatis\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Sistem Tagihan dan Pembayaran Terpadu\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Modul Pengajuan Sambungan Baru\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Manajemen Pemeliharaan & Gangguan\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Pengaturan Tarif dan Zona Fleksibel\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Sistem Pengguna dan Hak Akses\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Notifikasi Otomatis Multi-Saluran\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Dashboard Statistik Real-Time\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Seluruh Laporan Komprehensif\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Dukungan Teknis Penuh\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700 text-lg\">\r\n <svg class=\"w-6 h-6 text-emerald-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Pembaruan Software Gratis 1 Tahun\r\n <\/li>\r\n <\/ul>\r\n\r\n <a href=\"#demo\" class=\"inline-block bg-emerald-500 hover:bg-emerald-600 text-white font-bold py-4 px-10 rounded-full text-xl shadow-lg transform hover:scale-105 transition-all duration-300 ease-in-out custom-cursor\">\r\n Dapatkan Sekarang\r\n <\/a>\r\n <\/div>\r\n <p class=\"mt-12 text-sm text-gray-500 text-center custom-cursor\">\r\n Harga belum termasuk pajak dan biaya implementasi khusus (jika ada). Silakan hubungi kami untuk konsultasi lebih lanjut.\r\n <\/p>\r\n <\/div>\r\n<\/section><section class=\"py-20 bg-gray-50 dark:bg-gray-900\" id=\"demo\">\r\n <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n <h2 class=\"text-4xl font-extrabold text-gray-900 dark:text-white mb-6 custom-cursor\">Siap Mengoptimalkan Operasional PDAM Anda?<\/h2>\r\n <p class=\"text-lg text-gray-700 dark:text-gray-300 mb-10 leading-relaxed custom-cursor\">Jangan lewatkan kesempatan untuk merasakan langsung kemudahan dan efisiensi Software PDAM Management System.<\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center px-8 py-4 bg-emerald-500 text-white font-semibold rounded-lg shadow-xl hover:bg-emerald-600 transition-all duration-300 transform hover:scale-105 group custom-cursor\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/32x32\/emerald\/white?text=WA\" alt=\"WhatsApp Icon\" class=\"mr-3 w-6 h-6 transform group-hover:rotate-6 transition-transform duration-300 custom-cursor\">\r\n Coba Demo Sekarang\r\n <\/a>\r\n <\/div>\r\n<\/section><section class=\"py-20 bg-white dark:bg-gray-800\" id=\"faq\">\r\n <div class=\"max-w-3xl mx-auto px-4\">\r\n <h2 class=\"text-4xl font-extrabold text-center text-gray-900 dark:text-white mb-12 custom-cursor\">Pertanyaan Umum<\/h2>\r\n\r\n <div class=\"space-y-6\">\r\n <!-- FAQ Item 1 -->\r\n <div class=\"border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm overflow-hidden\">\r\n <button class=\"faq-toggle flex justify-between items-center w-full px-6 py-4 text-left text-lg font-medium text-gray-800 dark:text-gray-200 bg-gray-50 dark:bg-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-sky-500 transition-colors duration-200 custom-cursor\">\r\n <span class=\" custom-cursor\">Apakah software ini dapat disesuaikan dengan kebutuhan PDAM kami?<\/span>\r\n <svg class=\"w-6 h-6 text-gray-600 dark:text-gray-400 transform transition-transform duration-300 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-content px-6 py-4 bg-white dark:bg-gray-800 hidden\">\r\n <p class=\"text-gray-700 dark:text-gray-300 leading-relaxed custom-cursor\">Ya, Software PDAM Management System dirancang dengan modularitas tinggi, memungkinkan penyesuaian untuk memenuhi kebutuhan spesifik operasional PDAM Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 2 -->\r\n <div class=\"border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm overflow-hidden\">\r\n <button class=\"faq-toggle flex justify-between items-center w-full px-6 py-4 text-left text-lg font-medium text-gray-800 dark:text-gray-200 bg-gray-50 dark:bg-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-sky-500 transition-colors duration-200 custom-cursor\">\r\n <span class=\" custom-cursor\">Bagaimana proses instalasi dan implementasinya?<\/span>\r\n <svg class=\"w-6 h-6 text-gray-600 dark:text-gray-400 transform transition-transform duration-300 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-content px-6 py-4 bg-white dark:bg-gray-800 hidden\">\r\n <p class=\"text-gray-700 dark:text-gray-300 leading-relaxed custom-cursor\">Tim kami akan memandu Anda melalui seluruh proses instalasi dan implementasi, memastikan transisi yang mulus tanpa mengganggu operasional harian Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 3 -->\r\n <div class=\"border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm overflow-hidden\">\r\n <button class=\"faq-toggle flex justify-between items-center w-full px-6 py-4 text-left text-lg font-medium text-gray-800 dark:text-gray-200 bg-gray-50 dark:bg-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-sky-500 transition-colors duration-200 custom-cursor\">\r\n <span class=\" custom-cursor\">Apakah ada biaya berlangganan bulanan?<\/span>\r\n <svg class=\"w-6 h-6 text-gray-600 dark:text-gray-400 transform transition-transform duration-300 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-content px-6 py-4 bg-white dark:bg-gray-800 hidden\">\r\n <p class=\"text-gray-700 dark:text-gray-300 leading-relaxed custom-cursor\">Tidak, Anda cukup membayar satu kali untuk mendapatkan lisensi penuh dan seluruh fitur yang disebutkan. Biaya pembaruan dan dukungan setelah tahun pertama akan diinformasikan secara terpisah.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 4 -->\r\n <div class=\"border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm overflow-hidden\">\r\n <button class=\"faq-toggle flex justify-between items-center w-full px-6 py-4 text-left text-lg font-medium text-gray-800 dark:text-gray-200 bg-gray-50 dark:bg-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-sky-500 transition-colors duration-200 custom-cursor\">\r\n <span class=\" custom-cursor\">Bagaimana dengan dukungan teknis setelah pembelian?<\/span>\r\n <svg class=\"w-6 h-6 text-gray-600 dark:text-gray-400 transform transition-transform duration-300 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-content px-6 py-4 bg-white dark:bg-gray-800 hidden\">\r\n <p class=\"text-gray-700 dark:text-gray-300 leading-relaxed custom-cursor\">Kami menyediakan dukungan teknis penuh untuk membantu Anda memaksimalkan penggunaan software ini. Tim kami siap membantu jika ada pertanyaan atau kendala.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const faqToggles = document.querySelectorAll('.faq-toggle');\r\n\r\n faqToggles.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const content = button.nextElementSibling;\r\n const icon = button.querySelector('svg');\r\n\r\n \/\/ Close all other open FAQs\r\n faqToggles.forEach(otherButton => {\r\n if (otherButton !== button) {\r\n const otherContent = otherButton.nextElementSibling;\r\n const otherIcon = otherButton.querySelector('svg');\r\n if (!otherContent.classList.contains('hidden')) {\r\n otherContent.classList.add('hidden');\r\n otherIcon.classList.remove('rotate-180');\r\n }\r\n }\r\n });\r\n\r\n \/\/ Toggle current FAQ\r\n content.classList.toggle('hidden');\r\n icon.classList.toggle('rotate-180');\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/section><section class=\"py-16 bg-blue-900 text-white dark:bg-gray-950\">\r\n <div class=\"max-w-6xl mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-12\">\r\n <!-- Column 1: About Us -->\r\n <div>\r\n <h3 class=\"text-2xl font-semibold mb-6 text-sky-300 custom-cursor\">Tentang Kami<\/h3>\r\n <p class=\"text-gray-300 mb-4 font-bold custom-cursor\">Software PDAM Management System<\/p>\r\n <p class=\"text-gray-300 leading-relaxed custom-cursor\">Solusi manajemen PDAM modern dan komprehensif untuk efisiensi dan pelayanan prima.<\/p>\r\n <\/div>\r\n\r\n <!-- Column 2: Contact Us -->\r\n <div>\r\n <h3 class=\"text-2xl font-semibold mb-6 text-sky-300 custom-cursor\">Kontak Kami<\/h3>\r\n <ul class=\"space-y-4 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/24x24\/sky-500\/white?text=E\" alt=\"Email Icon\" class=\"mr-3 mt-1 w-6 h-6 flex-shrink-0 custom-cursor\">\r\n <a href=\"\/cdn-cgi\/l\/email-protection#670e0901082714130615010e020b03490e03\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\"><span class=\"__cf_email__\" data-cfemail=\"93fafdf5fcd3e0e7f2e1f5faf6fff7bdfaf7\">[email protected]<\/span><\/a>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/24x24\/sky-500\/white?text=P\" alt=\"Phone Icon\" class=\"mr-3 mt-1 w-6 h-6 flex-shrink-0 custom-cursor\">\r\n <a href=\"tel:+6282136068256\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">0821-3606-8256<\/a>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/24x24\/sky-500\/white?text=L\" alt=\"Location Icon\" class=\"mr-3 mt-1 w-6 h-6 flex-shrink-0 custom-cursor\">\r\n <address class=\"not-italic text-gray-300\">Villa Ciomas Indah Blok H-3 No.6 | Ciomas \u2013 Bogor<\/address>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Column 3: Quick Navigation -->\r\n <div>\r\n <h3 class=\"text-2xl font-semibold mb-6 text-sky-300 custom-cursor\">Navigasi Cepat<\/h3>\r\n <ul class=\"space-y-3 custom-cursor\">\r\n <li><a href=\"#features\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Fitur Utama<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Harga<\/a><\/li>\r\n <li><a href=\"#demo\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Coba Demo<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-12 text-center text-gray-400 text-sm\">\r\n \u00a9 2024 Software PDAM Management System. All rights reserved.\r\n <\/div>\r\n<\/section>\r\n\r\n \r\n \r\n\r\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Unlock PDAM Efficiency: Modern Software for Streamlined Operations Software PDAM Management System: Transformasi Pengelolaan Air Bersih Anda. Sistem Manajemen PDAM Komprehensif dengan UI\/UX Modern untuk Efisiensi dan Pelayanan Prima. Lihat Fitur Lengkap Coba Demo Sekarang Memperkenalkan Software PDAM Management System Sistem Manajemen Perusahaan Daerah Air Minum yang dirancang khusus untuk kebutuhan modern. Dibangun dengan pondasi …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12272\"> <span class=\"screen-reader-text\">software pdam<\/span> Selengkapnya »<\/a><\/p>\n","protected":false},"author":1,"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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","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":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","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-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-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-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-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-gradient":""}},"footnotes":""},"class_list":["post-12272","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12272"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12272\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}