Transformasi Puskesmas: Software Modern Tingkatkan Efisiensi & Layanan!<\/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 \r\n <meta name=\"description\" content=\"Atasi antrian panjang, data berantakan & laporan manual! Software Puskesmas revolusioner: Efisien, Terintegrasi, & Tingkatkan Kepuasan Pasien. Jadwalkan Demo!\">\r\n \r\n \r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/software-puskesmas-terbaik-1754132773616\">\r\n <meta property=\"og:title\" content=\"Transformasi Puskesmas: Software Modern Tingkatkan Efisiensi & Layanan!\">\r\n <meta property=\"og:description\" content=\"Atasi antrian panjang, data berantakan & laporan manual! Software Puskesmas revolusioner: Efisien, Terintegrasi, & Tingkatkan Kepuasan Pasien. Jadwalkan Demo!\">\r\n <meta property=\"og:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n \r\n <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n <meta property=\"twitter:url\" content=\"\/\/id.tapsite.ai\/software-puskesmas-terbaik-1754132773616\">\r\n <meta property=\"twitter:title\" content=\"Transformasi Puskesmas: Software Modern Tingkatkan Efisiensi & Layanan!\">\r\n <meta property=\"twitter:description\" content=\"Atasi antrian panjang, data berantakan & laporan manual! Software Puskesmas revolusioner: Efisien, Terintegrasi, & Tingkatkan Kepuasan Pasien. Jadwalkan Demo!\">\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=\"01986a75-ef63-7-bd24-1f398502c9236af5\">\r\n <meta name=\"slug\" content=\"software-puskesmas-terbaik-1754132773616\">\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-B4cB-CPw.js\"><\/script>\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/clsx-BzO1I1Lv.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-DIlSXS_y.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-XmX7O0f2.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-BHw7yxwW.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-B0Pa4yjU.js\">\r\n <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-CtO14UJg.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"relative overflow-hidden bg-gradient-to-br from-blue-50 to-blue-100 py-20 md:py-32\">\r\n <div class=\"absolute inset-0 z-0 opacity-20\">\r\n \r\n <svg class=\"w-full h-full custom-cursor\" viewBox=\"0 0 1440 320\" preserveAspectRatio=\"none\">\r\n <path fill=\"#e0f2fe\" fill-opacity=\"1\" d=\"M0,160L48,176C96,192,192,224,288,229.3C384,235,480,213,576,208C672,203,768,213,864,202.7C960,192,1056,160,1152,144C1248,128,1344,128,1392,128L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:flex-row items-center justify-between gap-12\">\r\n \r\n <div class=\"lg:w-1\/2 text-center lg:text-left animate-fade-in-up\">\r\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-blue-900 leading-tight mb-6 drop-shadow-lg custom-cursor\">\r\n Software Puskesmas: <span class=\"block lg:inline text-blue-700 custom-cursor\">Transformasi Digital<\/span> Pelayanan Kesehatan Anda\r\n <\/h1>\r\n <p class=\"text-lg sm:text-xl text-blue-800 mb-10 max-w-2xl mx-auto lg:mx-0 opacity-90 animate-fade-in-up delay-200 custom-cursor\">\r\n Sistem web intuitif dengan fitur komprehensif untuk efisiensi operasional dan peningkatan kualitas layanan puskesmas Anda.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center lg:justify-start gap-4 animate-fade-in-up delay-400\">\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 border border-transparent text-base font-semibold rounded-full shadow-lg text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-105 group custom-cursor\">\r\n <svg class=\"mr-3 h-5 w-5 text-white group-hover:animate-bounce custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\"><\/path>\r\n <path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\"><\/path>\r\n <\/svg>\r\n Jadwalkan Demo Sekarang\r\n <\/a>\r\n <a href=\"#features\" class=\"inline-flex items-center justify-center px-8 py-4 border border-blue-400 text-base font-semibold rounded-full text-blue-700 bg-white hover:bg-blue-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-300 transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-105 custom-cursor\">\r\n Pelajari Fitur Lengkap\r\n <svg class=\"ml-3 h-5 w-5 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:w-1\/2 mt-12 lg:mt-0 animate-fade-in-right delay-600\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01986a79-9984-7-9b68-52734cfe878adfd9.webp\" alt=\"Software Puskesmas User Interface\" class=\"rounded-xl shadow-2xl ring-4 ring-blue-200 object-cover object-center w-full h-auto transform hover:scale-102 transition duration-500 ease-in-out custom-cursor\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-white relative overflow-hidden\">\r\n <div class=\"absolute -top-16 -right-16 w-48 h-48 bg-blue-200 rounded-full mix-blend-multiply filter blur-xl opacity-30 animate-blob\"><\/div>\r\n <div class=\"absolute -bottom-16 -left-16 w-48 h-48 bg-teal-200 rounded-full mix-blend-multiply filter blur-xl opacity-30 animate-blob animation-delay-2000\"><\/div>\r\n\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-blue-900 mb-6 animate-fade-in-down custom-cursor\">\r\n Tentang <span class=\"text-blue-600 custom-cursor\">Software Puskesmas<\/span>\r\n <\/h2>\r\n <p class=\"text-lg sm:text-xl text-gray-700 leading-relaxed max-w-3xl mx-auto opacity-90 animate-fade-in delay-300 custom-cursor\">\r\n Software Puskesmas adalah Sistem Informasi Klinik\/Puskesmas berbasis web yang didesain dengan pendekatan UI\/UX modern,\r\n menghadirkan solusi digital komprehensif untuk mengelola operasional puskesmas Anda secara efektif.\r\n Di era digital yang serba cepat ini, transformasi adalah kunci, dan kami hadir sebagai mitra terpercaya Anda untuk\r\n meningkatkan kualitas pelayanan kesehatan masyarakat.\r\n Dengan fokus pada kemudahan penggunaan dan efisiensi, Software Puskesmas menjadi fondasi esensial bagi\r\n puskesmas modern yang berorientasi pada peningkatan layanan dan data yang akurat.\r\n <\/p>\r\n <\/div>\r\n <style>\r\n @keyframes blob {\r\n 0% {\r\n transform: translate(0, 0) scale(1);\r\n }\r\n 33% {\r\n transform: translate(30px, -50px) scale(1.1);\r\n }\r\n 66% {\r\n transform: translate(-20px, 20px) scale(0.9);\r\n }\r\n 100% {\r\n transform: translate(0, 0) scale(1);\r\n }\r\n }\r\n .animate-blob {\r\n animation: blob 7s infinite cubic-bezier(0.42, 0, 0.58, 1);\r\n }\r\n .animation-delay-2000 {\r\n animation-delay: 2s;\r\n }\r\n \/* Fade-in animations *\/\r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n .animate-fade-in-down {\r\n animation: fadeInDown 0.8s ease-out forwards;\r\n }\r\n .animate-fade-in {\r\n animation: fadeIn 1s ease-out forwards;\r\n }\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n .animate-fade-in-up {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n }\r\n @keyframes fadeInRight {\r\n from {\r\n opacity: 0;\r\n transform: translateX(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n .animate-fade-in-right {\r\n animation: fadeInRight 0.8s ease-out forwards;\r\n }\r\n @keyframes fadeInLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n .animate-fade-in-left {\r\n animation: fadeInLeft 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-br from-blue-50 to-blue-100 relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-32 h-32 bg-blue-300 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-spin-slow animation-delay-4000\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-teal-300 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-spin-slow animation-delay-6000\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-blue-900 text-center mb-12 animate-fade-in-down custom-cursor\">\r\n Hadapi Tantangan, Raih <span class=\"text-blue-600 custom-cursor\">Solusi Terbaik<\/span>\r\n <\/h2>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-xl border border-red-100 transform transition-all duration-500 hover:scale-[1.01] hover:shadow-2xl animate-fade-in-left delay-200\">\r\n <h3 class=\"text-2xl font-bold text-red-700 mb-6 flex items-center custom-cursor\">\r\n <svg class=\"w-8 h-8 mr-3 text-red-500 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"><\/path>\r\n <\/svg>\r\n Tantangan Umum Puskesmas\r\n <\/h3>\r\n <ul class=\"space-y-6 custom-cursor\">\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-red-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Antrian panjang dan data manual yang tidak efisien:<\/strong> Proses pendaftaran yang memakan waktu dan risiko kesalahan data karena pencatatan manual.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-red-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 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>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Kesulitan pelaporan dan integrasi data:<\/strong> Data terfragmentasi, sulit menghasilkan laporan akurat dan terintegrasi dengan sistem lain.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-red-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Manajemen stok obat yang rumit:<\/strong> Kesulitan memantau ketersediaan obat, tanggal kadaluarsa, dan perencanaan pengadaan.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-red-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18.364 5.636l-3.536 3.536m0 0A9 9 0 005.636 18.364V18m0 0L5 19m1.414-1.414a9 9 0 0011.314-11.314l-3.536 3.536z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Kurangnya visibilitas kinerja:<\/strong> Sulitnya mendapatkan gambaran real-time tentang operasional dan capaian pelayanan.\r\n <\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-xl border border-green-100 transform transition-all duration-500 hover:scale-[1.01] hover:shadow-2xl animate-fade-in-right delay-400\">\r\n <h3 class=\"text-2xl font-bold text-green-700 mb-6 flex items-center custom-cursor\">\r\n <svg class=\"w-8 h-8 mr-3 text-green-500 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path>\r\n <\/svg>\r\n Solusi dari Software Puskesmas\r\n <\/h3>\r\n <ul class=\"space-y-6 custom-cursor\">\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-green-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Pendaftaran online & rekam medis elektronik:<\/strong> Kurangi antrian dengan pendaftaran digital dan pastikan data pasien akurat serta mudah diakses.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-green-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Integrasi sistem otomatis & laporan real-time:<\/strong> Otomatisasi pelaporan dan integrasi data dengan SIMPUS, SIRANAP, SATUSEHAT untuk kepatuhan dan efisiensi.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-green-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h10a2 2 0 012 2v12a2 2 0 01-2 2z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Manajemen inventaris farmasi terotomatisasi:<\/strong> Pantau stok obat secara real-time, kelola tanggal kadaluarsa, dan otomatisasi pesanan.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-green-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 8l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2M5 3a2 2 0 00-2 2v1c0 8.284 6.716 15 15 15h1a2 2 0 002-2v-3.586a1 1 0 00-.293-.707l-2.414-2.414A1 1 0 0015.586 11H12m2-7h.01M4 12H3a2 2 0 00-2 2v2M5 19h14a2 2 0 002-2v-3.586a1 1 0 00-.293-.707l-2.414-2.414A1 1 0 0015.586 11H12\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Dashboard & analitik real-time:<\/strong> Dapatkan wawasan mendalam tentang kinerja puskesmas melalui dashboard intuitif dan laporan analitik.\r\n <\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <style>\r\n \/* Re-use and extend animations if necessary for this section *\/\r\n @keyframes spinSlow {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n .animate-spin-slow {\r\n animation: spinSlow 30s linear infinite; \/* Adjust duration as needed *\/\r\n }\r\n <\/style>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-br from-blue-50 to-white text-gray-800\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-900 mb-16 leading-tight custom-cursor\" style=\"background: linear-gradient(90deg, #0A1C41, #2D72D9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">\r\n Fitur Utama: Optimalkan Setiap Aspek Operasional Puskesmas Anda\r\n <\/h2>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Dashboard & Manajemen<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Dashboard Multi-User: Pantau kinerja dan data secara real-time dari satu antarmuka terpusat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Login Multi-User: Akses sistem aman sesuai peran dan tanggung jawab masing-masing petugas.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen SDM: Kelola data karyawan dan jadwal dengan mudah dan terorganisir.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Inventaris: Kelola aset dan peralatan puskesmas secara efisien.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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.292M15 21H9a2 2 0 01-2-2V7a2 2 0 012-2h6a2 2 0 012 2v12a2 2 0 01-2 2zm-2-7h.01\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Manajemen Pasien<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Pendaftaran Pasien: Proses pendaftaran lebih cepat dan tanpa antrian.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Data Pasien: Penyimpanan data pasien terpusat, aman, dan mudah diakses.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Rekam Medis: Rekam medis elektronik (RME) yang komprehensif dan akurat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Pendaftaran Online: Mudahkan pasien mendaftar dari mana saja, kapan saja.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Pelayanan Medis<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Poli Umum: Pencatatan rekam medis dan tindakan untuk pelayanan umum.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Poli Gigi, KIA, Lansia, Gizi, KB: Modul khusus untuk spesialisasi pelayanan.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Rawat Jalan: Kelola alur rawat jalan pasien dengan lancar.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Home Visit: Koordinasi dan pencatatan kunjungan rumah pasien.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 12h6m-6 4h6m2 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=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Farmasi & Laboratorium<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Farmasi: Kelola resep, stok obat, dan riwayat pemberian obat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Laboratorium: Pencatatan hasil lab, integrasi alat, dan pelaporan otomatis.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen Obat: Kontrol penuh atas ketersediaan dan kadaluwarsa obat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Supplier Management: Kelola data supplier dan riwayat pengadaan.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Program Kesehatan<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Vaksinasi: Pencatatan dan monitoring program vaksinasi.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n KIA (Kesehatan Ibu dan Anak): Fitur khusus untuk program KIA.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Promosi Kesehatan (Promkes): Alat bantu untuk kampanye dan edukasi kesehatan.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Surveilans: Dukungan untuk pelaporan surveilans epidemiologi.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Keuangan & BPJS<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen Keuangan: Pencatatan pendapatan, pengeluaran, dan laporan keuangan akurat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Integrasi BPJS: Mempermudah klaim dan verifikasi data BPJS.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Billing System: Sistem penagihan yang transparan dan efisien.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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=\"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Fitur Digital<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Integrasi WhatsApp: Komunikasi langsung dengan pasien dan staf.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Notifikasi Real-time: Informasi instan untuk janji temu, perubahan status, dll.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Export Laporan: Ekspor data laporan ke berbagai format (Excel, PDF).\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Backup Otomatis: Data aman dengan jadwal backup teratur.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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=\"M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Integrasi Sistem<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n SIMPUS: Terintegrasi penuh dengan Sistem Informasi Manajemen Puskesmas.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n SIRANAP: Sinkronisasi data ke Sistem Informasi Rawat Inap.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n SATUSEHAT: Siap terintegrasi dengan platform kesehatan nasional SATUSEHAT.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2v-6a2 2 0 012-2h2a2 2 0 012 2v6a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Laporan & Monitoring<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Laporan Harian: Akses laporan operasional harian dengan cepat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Laporan Bulanan: Data kinerja bulanan untuk evaluasi dan perencanaan.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Dashboard Analytics: Visualisasi data yang mudah dipahami untuk insight strategis.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Monitoring Real-time: Pantau aktivitas dan status pelayanan secara langsung.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Komunikasi<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Pengaduan: Sistem terpadu untuk menerima dan menindaklanjuti keluhan.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Komunikasi Internal: Platform komunikasi antar staf yang efisien.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Broadcast Message: Kirim pesan massal kepada pasien atau kelompok tertentu.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-br from-blue-700 to-blue-900 text-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold mb-12 leading-tight custom-cursor\">\r\n Software Puskesmas: Solusi Tepat untuk Transformasi Kesehatan Anda\r\n <\/h2>\r\n <p class=\"text-xl md:text-2xl text-blue-100 max-w-3xl mx-auto mb-16 custom-cursor\">\r\n Dirancang secara intuitif dan komprehensif, Software Puskesmas kami adalah investasi strategis untuk berbagai fasilitas kesehatan yang berkomitmen pada efisiensi dan kualitas pelayanan.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-8\">\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=Puskesmas\" alt=\"Puskesmas Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Puskesmas<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Puskesmas Induk dan Cabang membutuhkan sistem terpadu untuk pelayanan menyeluruh.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=Klinik\" alt=\"Klinik Pratama Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Klinik Pratama<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Ideal untuk mengelola data pasien, jadwal dokter, dan inventaris obat secara efisien.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=Dokter\" alt=\"Praktek Dokter Bersama Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Praktek Dokter Bersama<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Sistem yang membantu koordinasi antar dokter dan pengelolaan rekam medis bersama.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=Pustu\" alt=\"Puskesmas Pembantu Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Puskesmas Pembantu (Pustu)<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Solusi ringan namun powerful untuk unit pelayanan kesehatan di daerah terpencil.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=BKM\" alt=\"Balai Kesehatan Masyarakat Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Balai Kesehatan Masyarakat<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Untuk pusat-pusat kesehatan yang berfokus pada program promosi dan pencegahan.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-r from-blue-800 to-blue-900 text-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold mb-12 leading-tight drop-shadow-lg custom-cursor\">\r\n Investasi Terbaik untuk Transformasi Puskesmas Anda\r\n <\/h2>\r\n <p class=\"text-xl md:text-2xl text-blue-200 max-w-4xl mx-auto mb-16 custom-cursor\">\r\n Dapatkan semua keunggulan fitur komprehensif Software Puskesmas kami dengan satu paket investasi yang dirancang untuk memberikan nilai maksimal dan efisiensi jangka panjang bagi institusi kesehatan Anda.\r\n <\/p>\r\n\r\n <div class=\"flex justify-center items-center\">\r\n <div class=\"relative bg-white text-gray-900 rounded-3xl shadow-2xl p-8 md:p-12 max-w-lg w-full transform transition-all duration-500 hover:scale-105 hover:shadow-3xl\r\n border-t-8 border-blue-500 hover:border-blue-600\">\r\n <div class=\"absolute top-0 left-0 w-full h-24 rounded-t-3xl opacity-20\" style=\"background: linear-gradient(135deg, #2D72D9, #0A1C41);\"><\/div>\r\n <div class=\"relative z-10\">\r\n <h3 class=\"text-4xl font-extrabold text-blue-900 mb-4 tracking-tight custom-cursor\">\r\n Paket Lengkap Puskesmas Digital\r\n <\/h3>\r\n <p class=\"text-lg text-gray-600 mb-8 custom-cursor\">\r\n Solusi terintegrasi untuk pengelolaan puskesmas yang modern dan efisien.\r\n <\/p>\r\n\r\n <div class=\"flex flex-col items-center mb-10\">\r\n <span class=\"text-5xl md:text-6xl font-extrabold text-blue-700 leading-none custom-cursor\">\r\n Mulai dari\r\n <\/span>\r\n <span class=\"text-6xl md:text-7xl font-extrabold text-blue-900 leading-none mt-2 custom-cursor\">\r\n Rp 50.000.000\r\n <\/span>\r\n <p class=\"text-md text-gray-500 mt-4 custom-cursor\">\r\n Investasi sekali untuk transformasi digital jangka panjang.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-10 text-left\">\r\n <h4 class=\"text-2xl font-semibold text-gray-800 mb-4 flex items-center justify-center custom-cursor\">\r\n <svg class=\"w-8 h-8 text-green-500 mr-3 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Termasuk Semua Fitur Komprehensif:\r\n <\/h4>\r\n <ul class=\"text-lg text-gray-700 space-y-3 px-4 custom-cursor\">\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Dashboard & Manajemen SDM\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen Pasien & Rekam Medis Elektronik\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Pelayanan Medis Lengkap (Poli, Rawat Jalan, Home Visit)\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Farmasi & Laboratorium Terintegrasi\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Program Kesehatan & Surveilans\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen Keuangan & Integrasi BPJS\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Fitur Digital Modern (WhatsApp, Notifikasi, Backup)\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Integrasi SIMPUS, SIRANAP, SATUSEHAT\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Laporan & Monitoring Akurat\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Komunikasi Internal & Pengaduan\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center w-full px-8 py-4 text-xl font-bold rounded-xl shadow-lg bg-gradient-to-r from-blue-500 to-blue-700 text-white hover:from-blue-600 hover:to-blue-800 transform hover:-translate-y-1 transition-all duration-300 ease-in-out border border-transparent focus:outline-none focus:ring-4 focus:ring-blue-300 focus:ring-opacity-75 custom-cursor\">\r\n Dapatkan Penawaran Spesial Sekarang\r\n <svg class=\"w-6 h-6 ml-3 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.774a11.037 11.037 0 006.103 6.103l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-blue-900 dark:to-blue-800 text-center relative overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0 opacity-20\" style=\"background-image: url('https:\/\/placehold.co\/1920x1080\/E0F2F7\/2196F3\/png?text=Abstract+Blue+Pattern'); background-size: cover; background-position: center;\"><\/div>\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 mb-6 leading-tight animate-fade-in-down custom-cursor\">\r\n Saksikan Sendiri Kemudahannya\r\n <\/h2>\r\n <p class=\"text-lg md:text-xl text-blue-800 max-w-3xl mx-auto mb-10 animate-fade-in-up custom-cursor\">\r\n Jadwalkan demo gratis sekarang untuk melihat bagaimana Software Puskesmas dapat merevolusi operasional Anda dan meningkatkan efisiensi layanan kesehatan. Rasakan langsung interface yang intuitif dan fitur yang komprehensif.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-block bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white font-bold py-4 px-10 rounded-full text-lg md:text-xl shadow-lg transform transition-all duration-300 hover:scale-105 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-blue-300 animate-bounce-in-1s custom-cursor\">\r\n Jadwalkan Demo Sekarang\r\n <\/a>\r\n <div class=\"mt-16 flex justify-center animate-fade-in-up-delay\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01986a79-cfda-7-ad6e-972c4c2b75b8d87b.webp\" alt=\"Antarmuka Demo Software Puskesmas\" class=\"rounded-xl shadow-2xl border-4 border-blue-200 object-cover w-full max-w-4xl transition-transform duration-500 hover:scale-[1.01] hover:shadow-3xl custom-cursor highlight-active\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gray-50 dark:bg-gray-900\" id=\"faq\">\r\n <div class=\"container mx-auto px-4\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 text-center mb-12 dark:text-blue-100 custom-cursor\">\r\n Pertanyaan Umum (FAQ)\r\n <\/h2>\r\n <div class=\"max-w-3xl mx-auto space-y-6\">\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Apakah Software Puskesmas berbasis web?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Ya, Software Puskesmas kami sepenuhnya berbasis web, memungkinkan Anda untuk mengakses sistem dari mana saja, kapan saja, hanya dengan koneksi internet. Ini memberikan fleksibilitas tinggi dan meminimalkan kebutuhan instalasi perangkat keras khusus.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Bagaimana dengan keamanan data pasien?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Keamanan data adalah prioritas utama kami. Software Puskesmas menggunakan enkripsi data canggih dan protokol keamanan standar industri untuk melindungi informasi pasien. Kami juga menyediakan fitur backup otomatis dan kontrol akses berbasis peran untuk memastikan data Anda aman dan hanya diakses oleh pihak yang berwenang.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Apakah tersedia dukungan teknis setelah pembelian?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Tentu saja! Kami berkomitmen untuk menyediakan dukungan teknis penuh pasca-pembelian. Tim dukungan kami siap membantu Anda dengan instalasi, pelatihan, pemecahan masalah, dan pembaruan sistem. Kami hadir untuk memastikan operasional Puskesmas Anda berjalan lancar.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Bisakah software ini disesuaikan dengan kebutuhan spesifik puskesmas kami?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Software Puskesmas dirancang dengan modularitas yang memungkinkan penyesuaian. Meskipun fitur inti kami sangat komprehensif, kami dapat mendiskusikan kebutuhan spesifik Anda untuk melihat bagaimana sistem dapat diadaptasi atau diintegrasikan untuk memenuhi alur kerja unik Puskesmas Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Bagaimana proses instalasi dan implementasinya?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Proses instalasi dan implementasi kami dirancang agar semudah mungkin. Tim kami akan memandu Anda melalui setiap langkah, mulai dari persiapan server (jika di-hosting sendiri) hingga konfigurasi awal, import data (jika ada), dan pelatihan pengguna. Tujuan kami adalah memastikan transisi yang mulus dan cepat.<\/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 faqQuestions = document.querySelectorAll('.faq-question');\r\n\r\n faqQuestions.forEach(question => {\r\n question.addEventListener('click', function() {\r\n const answer = this.nextElementSibling;\r\n const icon = this.querySelector('.faq-icon svg');\r\n\r\n \/\/ Check if the clicked answer is currently open\r\n const isOpen = answer.classList.contains('faq-open');\r\n\r\n \/\/ Close all other open answers\r\n document.querySelectorAll('.faq-answer.faq-open').forEach(openAnswer => {\r\n if (openAnswer !== answer) {\r\n openAnswer.classList.remove('faq-open');\r\n openAnswer.classList.add('hidden');\r\n openAnswer.style.maxHeight = '0px';\r\n openAnswer.previousElementSibling.querySelector('.faq-icon svg').style.transform = 'rotate(0deg)';\r\n }\r\n });\r\n\r\n if (isOpen) {\r\n \/\/ If already open, close it\r\n answer.classList.remove('faq-open');\r\n answer.classList.add('hidden');\r\n answer.style.maxHeight = '0px';\r\n icon.style.transform = 'rotate(0deg)';\r\n } else {\r\n \/\/ If closed, open it\r\n answer.classList.remove('hidden');\r\n answer.classList.add('faq-open');\r\n \/\/ Set max-height to scrollHeight to allow smooth transition\r\n \/\/ A small delay or requestAnimationFrame might be needed for very accurate height transition,\r\n \/\/ but for most cases, setting it directly after removing 'hidden' works.\r\n answer.style.maxHeight = answer.scrollHeight + 'px';\r\n icon.style.transform = 'rotate(45deg)'; \/\/ Rotate to form an 'X' or '-'\r\n }\r\n });\r\n });\r\n\r\n \/\/ Add CSS for transition\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n .faq-answer {\r\n transition: max-height 0.3s ease-out, opacity 0.3s ease-out;\r\n opacity: 0;\r\n }\r\n .faq-answer.faq-open {\r\n opacity: 1;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n });\r\n <\/script>\r\n<\/section><section class=\"bg-blue-900 text-gray-200 py-12 dark:bg-gray-950\">\r\n <div class=\"container mx-auto px-4 grid grid-cols-1 md:grid-cols-4 gap-8\">\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4 custom-cursor\">Navigasi Cepat<\/h3>\r\n <ul class=\"space-y-2 custom-cursor\">\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Beranda<\/a><\/li>\r\n <li><a href=\"#about\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Tentang Produk<\/a><\/li>\r\n <li><a href=\"#features\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Fitur Utama<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Harga & Penawaran<\/a><\/li>\r\n <li><a href=\"#demo\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Coba Demo<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4 custom-cursor\">Kontak Kami<\/h3>\r\n <ul class=\"space-y-2 custom-cursor\">\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-5 h-5 mr-2 text-blue-400 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\"><\/path><path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\"><\/path><\/svg>\r\n <span class=\" custom-cursor\"><a href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"177e7971785764637665717e727b73397e73\">[email protected]<\/a><\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-5 h-5 mr-2 text-blue-400 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\"><\/path><\/svg>\r\n <span class=\" custom-cursor\">0821-3606-8256<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"w-5 h-5 mr-2 mt-1 text-blue-400 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <span class=\" custom-cursor\">Villa Ciomas Indah Blok H-3 No.6 | Ciomas \u2013 Bogor<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4 custom-cursor\">Tentang Kami<\/h3>\r\n <p class=\"text-gray-300 custom-cursor\">\r\n Starfield.id adalah penyedia solusi teknologi terkemuka yang berdedikasi untuk memajukan sektor kesehatan melalui inovasi perangkat lunak. Kami berupaya menciptakan sistem yang andal, efisien, dan mudah digunakan untuk mendukung pelayanan kesehatan prima.\r\n <\/p>\r\n <ul class=\"mt-4 space-y-2 custom-cursor\">\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Kebijakan Privasi<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Syarat & Ketentuan<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4 custom-cursor\">Ikuti Kami<\/h3>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor\">\r\n <svg class=\"w-6 h-6 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor\">\r\n <svg class=\"w-6 h-6 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M12.488 1.977A10.015 10.015 0 0115.118 2h.165A6.299 6.299 0 0122 8.783v.165c0 1.25-.333 2.454-.95 3.535-.615 1.076-1.528 1.956-2.673 2.533-1.144.577-2.45.86-3.81.86a10.009 10.009 0 01-2.63-.352 10.009 10.009 0 01-3.535-1.122A10.009 10.009 0 015.42 12.352a10.009 10.009 0 01-1.122-3.535A10.009 10.009 0 014 6.208a6.299 6.299 0 016.783-6.165h.165c.997 0 1.968.175 2.86.514zm-.702 3.99A4.475 4.475 0 007.24 7.24a4.475 4.475 0 000 6.364 4.475 4.475 0 006.364 0A4.475 4.475 0 0012.488 5.967zm.001 1.517a2.95 2.95 0 100 5.9 2.95 2.95 0 000-5.9zM18.36 4.408a1.18 1.18 0 11-2.36 0 1.18 1.18 0 012.36 0z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor\">\r\n <svg class=\"w-6 h-6 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M.057 4.908A2.999 2.999 0 013 2h18a2.999 2.999 0 012.943 2.908l-.132 14.814A2.999 2.999 0 0121 22H3a2.999 2.999 0 01-2.811-2.278L.057 4.908zM10.875 15.75V8.25h2.25v7.5h-2.25zm-5.25 0V8.25h2.25v7.5h-2.25zm10.5 0V8.25h2.25v7.5h-2.25z\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm\">\r\n \u00a9 2023 Starfield.id. Hak Cipta Dilindungi.\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>Transformasi Puskesmas: Software Modern Tingkatkan Efisiensi & Layanan! Software Puskesmas: Transformasi Digital Pelayanan Kesehatan Anda Sistem web intuitif dengan fitur komprehensif untuk efisiensi operasional dan peningkatan kualitas layanan puskesmas Anda. Jadwalkan Demo Sekarang Pelajari Fitur Lengkap Tentang Software Puskesmas Software Puskesmas adalah Sistem Informasi Klinik\/Puskesmas berbasis web yang didesain dengan pendekatan UI\/UX modern, menghadirkan solusi …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12336\"> <span class=\"screen-reader-text\">software puskesmas<\/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-12336","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12336","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=12336"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12336\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Transformasi Puskesmas: Software Modern Tingkatkan Efisiensi & Layanan!<\/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 \r\n <meta name=\"description\" content=\"Atasi antrian panjang, data berantakan & laporan manual! Software Puskesmas revolusioner: Efisien, Terintegrasi, & Tingkatkan Kepuasan Pasien. Jadwalkan Demo!\">\r\n \r\n \r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/software-puskesmas-terbaik-1754132773616\">\r\n <meta property=\"og:title\" content=\"Transformasi Puskesmas: Software Modern Tingkatkan Efisiensi & Layanan!\">\r\n <meta property=\"og:description\" content=\"Atasi antrian panjang, data berantakan & laporan manual! Software Puskesmas revolusioner: Efisien, Terintegrasi, & Tingkatkan Kepuasan Pasien. Jadwalkan Demo!\">\r\n <meta property=\"og:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n \r\n <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n <meta property=\"twitter:url\" content=\"\/\/id.tapsite.ai\/software-puskesmas-terbaik-1754132773616\">\r\n <meta property=\"twitter:title\" content=\"Transformasi Puskesmas: Software Modern Tingkatkan Efisiensi & Layanan!\">\r\n <meta property=\"twitter:description\" content=\"Atasi antrian panjang, data berantakan & laporan manual! Software Puskesmas revolusioner: Efisien, Terintegrasi, & Tingkatkan Kepuasan Pasien. Jadwalkan Demo!\">\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=\"01986a75-ef63-7-bd24-1f398502c9236af5\">\r\n <meta name=\"slug\" content=\"software-puskesmas-terbaik-1754132773616\">\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-B4cB-CPw.js\"><\/script>\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/clsx-BzO1I1Lv.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-DIlSXS_y.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-XmX7O0f2.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-BHw7yxwW.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-B0Pa4yjU.js\">\r\n <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-CtO14UJg.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"relative overflow-hidden bg-gradient-to-br from-blue-50 to-blue-100 py-20 md:py-32\">\r\n <div class=\"absolute inset-0 z-0 opacity-20\">\r\n \r\n <svg class=\"w-full h-full custom-cursor\" viewBox=\"0 0 1440 320\" preserveAspectRatio=\"none\">\r\n <path fill=\"#e0f2fe\" fill-opacity=\"1\" d=\"M0,160L48,176C96,192,192,224,288,229.3C384,235,480,213,576,208C672,203,768,213,864,202.7C960,192,1056,160,1152,144C1248,128,1344,128,1392,128L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:flex-row items-center justify-between gap-12\">\r\n \r\n <div class=\"lg:w-1\/2 text-center lg:text-left animate-fade-in-up\">\r\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-blue-900 leading-tight mb-6 drop-shadow-lg custom-cursor\">\r\n Software Puskesmas: <span class=\"block lg:inline text-blue-700 custom-cursor\">Transformasi Digital<\/span> Pelayanan Kesehatan Anda\r\n <\/h1>\r\n <p class=\"text-lg sm:text-xl text-blue-800 mb-10 max-w-2xl mx-auto lg:mx-0 opacity-90 animate-fade-in-up delay-200 custom-cursor\">\r\n Sistem web intuitif dengan fitur komprehensif untuk efisiensi operasional dan peningkatan kualitas layanan puskesmas Anda.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center lg:justify-start gap-4 animate-fade-in-up delay-400\">\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 border border-transparent text-base font-semibold rounded-full shadow-lg text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-105 group custom-cursor\">\r\n <svg class=\"mr-3 h-5 w-5 text-white group-hover:animate-bounce custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\"><\/path>\r\n <path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\"><\/path>\r\n <\/svg>\r\n Jadwalkan Demo Sekarang\r\n <\/a>\r\n <a href=\"#features\" class=\"inline-flex items-center justify-center px-8 py-4 border border-blue-400 text-base font-semibold rounded-full text-blue-700 bg-white hover:bg-blue-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-300 transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-105 custom-cursor\">\r\n Pelajari Fitur Lengkap\r\n <svg class=\"ml-3 h-5 w-5 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:w-1\/2 mt-12 lg:mt-0 animate-fade-in-right delay-600\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01986a79-9984-7-9b68-52734cfe878adfd9.webp\" alt=\"Software Puskesmas User Interface\" class=\"rounded-xl shadow-2xl ring-4 ring-blue-200 object-cover object-center w-full h-auto transform hover:scale-102 transition duration-500 ease-in-out custom-cursor\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-white relative overflow-hidden\">\r\n <div class=\"absolute -top-16 -right-16 w-48 h-48 bg-blue-200 rounded-full mix-blend-multiply filter blur-xl opacity-30 animate-blob\"><\/div>\r\n <div class=\"absolute -bottom-16 -left-16 w-48 h-48 bg-teal-200 rounded-full mix-blend-multiply filter blur-xl opacity-30 animate-blob animation-delay-2000\"><\/div>\r\n\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-blue-900 mb-6 animate-fade-in-down custom-cursor\">\r\n Tentang <span class=\"text-blue-600 custom-cursor\">Software Puskesmas<\/span>\r\n <\/h2>\r\n <p class=\"text-lg sm:text-xl text-gray-700 leading-relaxed max-w-3xl mx-auto opacity-90 animate-fade-in delay-300 custom-cursor\">\r\n Software Puskesmas adalah Sistem Informasi Klinik\/Puskesmas berbasis web yang didesain dengan pendekatan UI\/UX modern,\r\n menghadirkan solusi digital komprehensif untuk mengelola operasional puskesmas Anda secara efektif.\r\n Di era digital yang serba cepat ini, transformasi adalah kunci, dan kami hadir sebagai mitra terpercaya Anda untuk\r\n meningkatkan kualitas pelayanan kesehatan masyarakat.\r\n Dengan fokus pada kemudahan penggunaan dan efisiensi, Software Puskesmas menjadi fondasi esensial bagi\r\n puskesmas modern yang berorientasi pada peningkatan layanan dan data yang akurat.\r\n <\/p>\r\n <\/div>\r\n <style>\r\n @keyframes blob {\r\n 0% {\r\n transform: translate(0, 0) scale(1);\r\n }\r\n 33% {\r\n transform: translate(30px, -50px) scale(1.1);\r\n }\r\n 66% {\r\n transform: translate(-20px, 20px) scale(0.9);\r\n }\r\n 100% {\r\n transform: translate(0, 0) scale(1);\r\n }\r\n }\r\n .animate-blob {\r\n animation: blob 7s infinite cubic-bezier(0.42, 0, 0.58, 1);\r\n }\r\n .animation-delay-2000 {\r\n animation-delay: 2s;\r\n }\r\n \/* Fade-in animations *\/\r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n .animate-fade-in-down {\r\n animation: fadeInDown 0.8s ease-out forwards;\r\n }\r\n .animate-fade-in {\r\n animation: fadeIn 1s ease-out forwards;\r\n }\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n .animate-fade-in-up {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n }\r\n @keyframes fadeInRight {\r\n from {\r\n opacity: 0;\r\n transform: translateX(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n .animate-fade-in-right {\r\n animation: fadeInRight 0.8s ease-out forwards;\r\n }\r\n @keyframes fadeInLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n .animate-fade-in-left {\r\n animation: fadeInLeft 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-br from-blue-50 to-blue-100 relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-32 h-32 bg-blue-300 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-spin-slow animation-delay-4000\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-teal-300 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-spin-slow animation-delay-6000\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-blue-900 text-center mb-12 animate-fade-in-down custom-cursor\">\r\n Hadapi Tantangan, Raih <span class=\"text-blue-600 custom-cursor\">Solusi Terbaik<\/span>\r\n <\/h2>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-xl border border-red-100 transform transition-all duration-500 hover:scale-[1.01] hover:shadow-2xl animate-fade-in-left delay-200\">\r\n <h3 class=\"text-2xl font-bold text-red-700 mb-6 flex items-center custom-cursor\">\r\n <svg class=\"w-8 h-8 mr-3 text-red-500 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"><\/path>\r\n <\/svg>\r\n Tantangan Umum Puskesmas\r\n <\/h3>\r\n <ul class=\"space-y-6 custom-cursor\">\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-red-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Antrian panjang dan data manual yang tidak efisien:<\/strong> Proses pendaftaran yang memakan waktu dan risiko kesalahan data karena pencatatan manual.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-red-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 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>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Kesulitan pelaporan dan integrasi data:<\/strong> Data terfragmentasi, sulit menghasilkan laporan akurat dan terintegrasi dengan sistem lain.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-red-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Manajemen stok obat yang rumit:<\/strong> Kesulitan memantau ketersediaan obat, tanggal kadaluarsa, dan perencanaan pengadaan.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-red-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18.364 5.636l-3.536 3.536m0 0A9 9 0 005.636 18.364V18m0 0L5 19m1.414-1.414a9 9 0 0011.314-11.314l-3.536 3.536z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Kurangnya visibilitas kinerja:<\/strong> Sulitnya mendapatkan gambaran real-time tentang operasional dan capaian pelayanan.\r\n <\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-xl border border-green-100 transform transition-all duration-500 hover:scale-[1.01] hover:shadow-2xl animate-fade-in-right delay-400\">\r\n <h3 class=\"text-2xl font-bold text-green-700 mb-6 flex items-center custom-cursor\">\r\n <svg class=\"w-8 h-8 mr-3 text-green-500 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path>\r\n <\/svg>\r\n Solusi dari Software Puskesmas\r\n <\/h3>\r\n <ul class=\"space-y-6 custom-cursor\">\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-green-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Pendaftaran online & rekam medis elektronik:<\/strong> Kurangi antrian dengan pendaftaran digital dan pastikan data pasien akurat serta mudah diakses.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-green-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Integrasi sistem otomatis & laporan real-time:<\/strong> Otomatisasi pelaporan dan integrasi data dengan SIMPUS, SIRANAP, SATUSEHAT untuk kepatuhan dan efisiensi.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-green-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h10a2 2 0 012 2v12a2 2 0 01-2 2z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Manajemen inventaris farmasi terotomatisasi:<\/strong> Pantau stok obat secara real-time, kelola tanggal kadaluarsa, dan otomatisasi pesanan.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 mt-1\">\r\n <svg class=\"h-6 w-6 text-green-400 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 8l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2M5 3a2 2 0 00-2 2v1c0 8.284 6.716 15 15 15h1a2 2 0 002-2v-3.586a1 1 0 00-.293-.707l-2.414-2.414A1 1 0 0015.586 11H12m2-7h.01M4 12H3a2 2 0 00-2 2v2M5 19h14a2 2 0 002-2v-3.586a1 1 0 00-.293-.707l-2.414-2.414A1 1 0 0015.586 11H12\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"ml-3 custom-cursor\">\r\n <strong class=\"font-semibold text-gray-800\">Dashboard & analitik real-time:<\/strong> Dapatkan wawasan mendalam tentang kinerja puskesmas melalui dashboard intuitif dan laporan analitik.\r\n <\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <style>\r\n \/* Re-use and extend animations if necessary for this section *\/\r\n @keyframes spinSlow {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n .animate-spin-slow {\r\n animation: spinSlow 30s linear infinite; \/* Adjust duration as needed *\/\r\n }\r\n <\/style>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-br from-blue-50 to-white text-gray-800\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-900 mb-16 leading-tight custom-cursor\" style=\"background: linear-gradient(90deg, #0A1C41, #2D72D9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">\r\n Fitur Utama: Optimalkan Setiap Aspek Operasional Puskesmas Anda\r\n <\/h2>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Dashboard & Manajemen<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Dashboard Multi-User: Pantau kinerja dan data secara real-time dari satu antarmuka terpusat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Login Multi-User: Akses sistem aman sesuai peran dan tanggung jawab masing-masing petugas.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen SDM: Kelola data karyawan dan jadwal dengan mudah dan terorganisir.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Inventaris: Kelola aset dan peralatan puskesmas secara efisien.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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.292M15 21H9a2 2 0 01-2-2V7a2 2 0 012-2h6a2 2 0 012 2v12a2 2 0 01-2 2zm-2-7h.01\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Manajemen Pasien<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Pendaftaran Pasien: Proses pendaftaran lebih cepat dan tanpa antrian.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Data Pasien: Penyimpanan data pasien terpusat, aman, dan mudah diakses.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Rekam Medis: Rekam medis elektronik (RME) yang komprehensif dan akurat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Pendaftaran Online: Mudahkan pasien mendaftar dari mana saja, kapan saja.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Pelayanan Medis<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Poli Umum: Pencatatan rekam medis dan tindakan untuk pelayanan umum.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Poli Gigi, KIA, Lansia, Gizi, KB: Modul khusus untuk spesialisasi pelayanan.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Rawat Jalan: Kelola alur rawat jalan pasien dengan lancar.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Home Visit: Koordinasi dan pencatatan kunjungan rumah pasien.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 12h6m-6 4h6m2 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=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Farmasi & Laboratorium<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Farmasi: Kelola resep, stok obat, dan riwayat pemberian obat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Laboratorium: Pencatatan hasil lab, integrasi alat, dan pelaporan otomatis.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen Obat: Kontrol penuh atas ketersediaan dan kadaluwarsa obat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Supplier Management: Kelola data supplier dan riwayat pengadaan.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Program Kesehatan<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Vaksinasi: Pencatatan dan monitoring program vaksinasi.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n KIA (Kesehatan Ibu dan Anak): Fitur khusus untuk program KIA.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Promosi Kesehatan (Promkes): Alat bantu untuk kampanye dan edukasi kesehatan.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Surveilans: Dukungan untuk pelaporan surveilans epidemiologi.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Keuangan & BPJS<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen Keuangan: Pencatatan pendapatan, pengeluaran, dan laporan keuangan akurat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Integrasi BPJS: Mempermudah klaim dan verifikasi data BPJS.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Billing System: Sistem penagihan yang transparan dan efisien.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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=\"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Fitur Digital<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Integrasi WhatsApp: Komunikasi langsung dengan pasien dan staf.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Notifikasi Real-time: Informasi instan untuk janji temu, perubahan status, dll.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Export Laporan: Ekspor data laporan ke berbagai format (Excel, PDF).\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Backup Otomatis: Data aman dengan jadwal backup teratur.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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=\"M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Integrasi Sistem<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n SIMPUS: Terintegrasi penuh dengan Sistem Informasi Manajemen Puskesmas.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n SIRANAP: Sinkronisasi data ke Sistem Informasi Rawat Inap.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n SATUSEHAT: Siap terintegrasi dengan platform kesehatan nasional SATUSEHAT.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2v-6a2 2 0 012-2h2a2 2 0 012 2v6a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Laporan & Monitoring<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Laporan Harian: Akses laporan operasional harian dengan cepat.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Laporan Bulanan: Data kinerja bulanan untuk evaluasi dan perencanaan.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Dashboard Analytics: Visualisasi data yang mudah dipahami untuk insight strategis.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Monitoring Real-time: Pantau aktivitas dan status pelayanan secara langsung.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8 transform hover:scale-105 transition-transform duration-300 ease-in-out border border-blue-100 group\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 rounded-full bg-blue-500 text-white shadow-lg group-hover:bg-blue-600 transition-colors duration-300\">\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=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 group-hover:text-blue-700 transition-colors duration-300 custom-cursor\">Komunikasi<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Pengaduan: Sistem terpadu untuk menerima dan menindaklanjuti keluhan.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Komunikasi Internal: Platform komunikasi antar staf yang efisien.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"flex-shrink-0 w-6 h-6 text-green-500 mr-2 mt-1 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Broadcast Message: Kirim pesan massal kepada pasien atau kelompok tertentu.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-br from-blue-700 to-blue-900 text-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold mb-12 leading-tight custom-cursor\">\r\n Software Puskesmas: Solusi Tepat untuk Transformasi Kesehatan Anda\r\n <\/h2>\r\n <p class=\"text-xl md:text-2xl text-blue-100 max-w-3xl mx-auto mb-16 custom-cursor\">\r\n Dirancang secara intuitif dan komprehensif, Software Puskesmas kami adalah investasi strategis untuk berbagai fasilitas kesehatan yang berkomitmen pada efisiensi dan kualitas pelayanan.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-8\">\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=Puskesmas\" alt=\"Puskesmas Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Puskesmas<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Puskesmas Induk dan Cabang membutuhkan sistem terpadu untuk pelayanan menyeluruh.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=Klinik\" alt=\"Klinik Pratama Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Klinik Pratama<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Ideal untuk mengelola data pasien, jadwal dokter, dan inventaris obat secara efisien.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=Dokter\" alt=\"Praktek Dokter Bersama Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Praktek Dokter Bersama<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Sistem yang membantu koordinasi antar dokter dan pengelolaan rekam medis bersama.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=Pustu\" alt=\"Puskesmas Pembantu Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Puskesmas Pembantu (Pustu)<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Solusi ringan namun powerful untuk unit pelayanan kesehatan di daerah terpencil.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white bg-opacity-10 backdrop-filter backdrop-blur-sm rounded-xl p-8 flex flex-col items-center justify-center border border-blue-400 transform hover:scale-105 transition-transform duration-300 ease-in-out shadow-lg hover:shadow-2xl\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/A7D9F8\/2D72D9\/png?text=BKM\" alt=\"Balai Kesehatan Masyarakat Icon\" class=\"w-24 h-24 mb-6 rounded-full border-4 border-blue-200 custom-cursor\">\r\n <h3 class=\"text-2xl font-bold mb-3 text-blue-50 custom-cursor\">Balai Kesehatan Masyarakat<\/h3>\r\n <p class=\"text-blue-200 text-center custom-cursor\">Untuk pusat-pusat kesehatan yang berfokus pada program promosi dan pencegahan.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-r from-blue-800 to-blue-900 text-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold mb-12 leading-tight drop-shadow-lg custom-cursor\">\r\n Investasi Terbaik untuk Transformasi Puskesmas Anda\r\n <\/h2>\r\n <p class=\"text-xl md:text-2xl text-blue-200 max-w-4xl mx-auto mb-16 custom-cursor\">\r\n Dapatkan semua keunggulan fitur komprehensif Software Puskesmas kami dengan satu paket investasi yang dirancang untuk memberikan nilai maksimal dan efisiensi jangka panjang bagi institusi kesehatan Anda.\r\n <\/p>\r\n\r\n <div class=\"flex justify-center items-center\">\r\n <div class=\"relative bg-white text-gray-900 rounded-3xl shadow-2xl p-8 md:p-12 max-w-lg w-full transform transition-all duration-500 hover:scale-105 hover:shadow-3xl\r\n border-t-8 border-blue-500 hover:border-blue-600\">\r\n <div class=\"absolute top-0 left-0 w-full h-24 rounded-t-3xl opacity-20\" style=\"background: linear-gradient(135deg, #2D72D9, #0A1C41);\"><\/div>\r\n <div class=\"relative z-10\">\r\n <h3 class=\"text-4xl font-extrabold text-blue-900 mb-4 tracking-tight custom-cursor\">\r\n Paket Lengkap Puskesmas Digital\r\n <\/h3>\r\n <p class=\"text-lg text-gray-600 mb-8 custom-cursor\">\r\n Solusi terintegrasi untuk pengelolaan puskesmas yang modern dan efisien.\r\n <\/p>\r\n\r\n <div class=\"flex flex-col items-center mb-10\">\r\n <span class=\"text-5xl md:text-6xl font-extrabold text-blue-700 leading-none custom-cursor\">\r\n Mulai dari\r\n <\/span>\r\n <span class=\"text-6xl md:text-7xl font-extrabold text-blue-900 leading-none mt-2 custom-cursor\">\r\n Rp 50.000.000\r\n <\/span>\r\n <p class=\"text-md text-gray-500 mt-4 custom-cursor\">\r\n Investasi sekali untuk transformasi digital jangka panjang.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-10 text-left\">\r\n <h4 class=\"text-2xl font-semibold text-gray-800 mb-4 flex items-center justify-center custom-cursor\">\r\n <svg class=\"w-8 h-8 text-green-500 mr-3 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Termasuk Semua Fitur Komprehensif:\r\n <\/h4>\r\n <ul class=\"text-lg text-gray-700 space-y-3 px-4 custom-cursor\">\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Dashboard & Manajemen SDM\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen Pasien & Rekam Medis Elektronik\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Pelayanan Medis Lengkap (Poli, Rawat Jalan, Home Visit)\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Farmasi & Laboratorium Terintegrasi\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Program Kesehatan & Surveilans\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Manajemen Keuangan & Integrasi BPJS\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Fitur Digital Modern (WhatsApp, Notifikasi, Backup)\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Integrasi SIMPUS, SIRANAP, SATUSEHAT\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Laporan & Monitoring Akurat\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n Komunikasi Internal & Pengaduan\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center w-full px-8 py-4 text-xl font-bold rounded-xl shadow-lg bg-gradient-to-r from-blue-500 to-blue-700 text-white hover:from-blue-600 hover:to-blue-800 transform hover:-translate-y-1 transition-all duration-300 ease-in-out border border-transparent focus:outline-none focus:ring-4 focus:ring-blue-300 focus:ring-opacity-75 custom-cursor\">\r\n Dapatkan Penawaran Spesial Sekarang\r\n <svg class=\"w-6 h-6 ml-3 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.774a11.037 11.037 0 006.103 6.103l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-blue-900 dark:to-blue-800 text-center relative overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0 opacity-20\" style=\"background-image: url('https:\/\/placehold.co\/1920x1080\/E0F2F7\/2196F3\/png?text=Abstract+Blue+Pattern'); background-size: cover; background-position: center;\"><\/div>\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 mb-6 leading-tight animate-fade-in-down custom-cursor\">\r\n Saksikan Sendiri Kemudahannya\r\n <\/h2>\r\n <p class=\"text-lg md:text-xl text-blue-800 max-w-3xl mx-auto mb-10 animate-fade-in-up custom-cursor\">\r\n Jadwalkan demo gratis sekarang untuk melihat bagaimana Software Puskesmas dapat merevolusi operasional Anda dan meningkatkan efisiensi layanan kesehatan. Rasakan langsung interface yang intuitif dan fitur yang komprehensif.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-block bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white font-bold py-4 px-10 rounded-full text-lg md:text-xl shadow-lg transform transition-all duration-300 hover:scale-105 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-blue-300 animate-bounce-in-1s custom-cursor\">\r\n Jadwalkan Demo Sekarang\r\n <\/a>\r\n <div class=\"mt-16 flex justify-center animate-fade-in-up-delay\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01986a79-cfda-7-ad6e-972c4c2b75b8d87b.webp\" alt=\"Antarmuka Demo Software Puskesmas\" class=\"rounded-xl shadow-2xl border-4 border-blue-200 object-cover w-full max-w-4xl transition-transform duration-500 hover:scale-[1.01] hover:shadow-3xl custom-cursor highlight-active\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gray-50 dark:bg-gray-900\" id=\"faq\">\r\n <div class=\"container mx-auto px-4\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 text-center mb-12 dark:text-blue-100 custom-cursor\">\r\n Pertanyaan Umum (FAQ)\r\n <\/h2>\r\n <div class=\"max-w-3xl mx-auto space-y-6\">\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Apakah Software Puskesmas berbasis web?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Ya, Software Puskesmas kami sepenuhnya berbasis web, memungkinkan Anda untuk mengakses sistem dari mana saja, kapan saja, hanya dengan koneksi internet. Ini memberikan fleksibilitas tinggi dan meminimalkan kebutuhan instalasi perangkat keras khusus.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Bagaimana dengan keamanan data pasien?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Keamanan data adalah prioritas utama kami. Software Puskesmas menggunakan enkripsi data canggih dan protokol keamanan standar industri untuk melindungi informasi pasien. Kami juga menyediakan fitur backup otomatis dan kontrol akses berbasis peran untuk memastikan data Anda aman dan hanya diakses oleh pihak yang berwenang.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Apakah tersedia dukungan teknis setelah pembelian?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Tentu saja! Kami berkomitmen untuk menyediakan dukungan teknis penuh pasca-pembelian. Tim dukungan kami siap membantu Anda dengan instalasi, pelatihan, pemecahan masalah, dan pembaruan sistem. Kami hadir untuk memastikan operasional Puskesmas Anda berjalan lancar.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Bisakah software ini disesuaikan dengan kebutuhan spesifik puskesmas kami?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Software Puskesmas dirancang dengan modularitas yang memungkinkan penyesuaian. Meskipun fitur inti kami sangat komprehensif, kami dapat mendiskusikan kebutuhan spesifik Anda untuk melihat bagaimana sistem dapat diadaptasi atau diintegrasikan untuk memenuhi alur kerja unik Puskesmas Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 faq-item\">\r\n <button class=\"w-full text-left flex justify-between items-center text-lg md:text-xl font-semibold text-blue-800 dark:text-blue-200 focus:outline-none py-2 faq-question custom-cursor\">\r\n Bagaimana proses instalasi dan implementasinya?\r\n <span class=\"faq-icon transition-transform duration-300 transform rotate-0 custom-cursor\">\r\n <svg class=\"w-6 h-6 text-blue-600 dark:text-blue-400 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 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"faq-answer mt-4 text-gray-700 dark:text-gray-300 hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0\">\r\n <p class=\" custom-cursor\">Proses instalasi dan implementasi kami dirancang agar semudah mungkin. Tim kami akan memandu Anda melalui setiap langkah, mulai dari persiapan server (jika di-hosting sendiri) hingga konfigurasi awal, import data (jika ada), dan pelatihan pengguna. Tujuan kami adalah memastikan transisi yang mulus dan cepat.<\/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 faqQuestions = document.querySelectorAll('.faq-question');\r\n\r\n faqQuestions.forEach(question => {\r\n question.addEventListener('click', function() {\r\n const answer = this.nextElementSibling;\r\n const icon = this.querySelector('.faq-icon svg');\r\n\r\n \/\/ Check if the clicked answer is currently open\r\n const isOpen = answer.classList.contains('faq-open');\r\n\r\n \/\/ Close all other open answers\r\n document.querySelectorAll('.faq-answer.faq-open').forEach(openAnswer => {\r\n if (openAnswer !== answer) {\r\n openAnswer.classList.remove('faq-open');\r\n openAnswer.classList.add('hidden');\r\n openAnswer.style.maxHeight = '0px';\r\n openAnswer.previousElementSibling.querySelector('.faq-icon svg').style.transform = 'rotate(0deg)';\r\n }\r\n });\r\n\r\n if (isOpen) {\r\n \/\/ If already open, close it\r\n answer.classList.remove('faq-open');\r\n answer.classList.add('hidden');\r\n answer.style.maxHeight = '0px';\r\n icon.style.transform = 'rotate(0deg)';\r\n } else {\r\n \/\/ If closed, open it\r\n answer.classList.remove('hidden');\r\n answer.classList.add('faq-open');\r\n \/\/ Set max-height to scrollHeight to allow smooth transition\r\n \/\/ A small delay or requestAnimationFrame might be needed for very accurate height transition,\r\n \/\/ but for most cases, setting it directly after removing 'hidden' works.\r\n answer.style.maxHeight = answer.scrollHeight + 'px';\r\n icon.style.transform = 'rotate(45deg)'; \/\/ Rotate to form an 'X' or '-'\r\n }\r\n });\r\n });\r\n\r\n \/\/ Add CSS for transition\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n .faq-answer {\r\n transition: max-height 0.3s ease-out, opacity 0.3s ease-out;\r\n opacity: 0;\r\n }\r\n .faq-answer.faq-open {\r\n opacity: 1;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n });\r\n <\/script>\r\n<\/section><section class=\"bg-blue-900 text-gray-200 py-12 dark:bg-gray-950\">\r\n <div class=\"container mx-auto px-4 grid grid-cols-1 md:grid-cols-4 gap-8\">\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4 custom-cursor\">Navigasi Cepat<\/h3>\r\n <ul class=\"space-y-2 custom-cursor\">\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Beranda<\/a><\/li>\r\n <li><a href=\"#about\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Tentang Produk<\/a><\/li>\r\n <li><a href=\"#features\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Fitur Utama<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Harga & Penawaran<\/a><\/li>\r\n <li><a href=\"#demo\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Coba Demo<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4 custom-cursor\">Kontak Kami<\/h3>\r\n <ul class=\"space-y-2 custom-cursor\">\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-5 h-5 mr-2 text-blue-400 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\"><\/path><path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\"><\/path><\/svg>\r\n <span class=\" custom-cursor\"><a href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"177e7971785764637665717e727b73397e73\">[email protected]<\/a><\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-5 h-5 mr-2 text-blue-400 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\"><\/path><\/svg>\r\n <span class=\" custom-cursor\">0821-3606-8256<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"w-5 h-5 mr-2 mt-1 text-blue-400 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <span class=\" custom-cursor\">Villa Ciomas Indah Blok H-3 No.6 | Ciomas \u2013 Bogor<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4 custom-cursor\">Tentang Kami<\/h3>\r\n <p class=\"text-gray-300 custom-cursor\">\r\n Starfield.id adalah penyedia solusi teknologi terkemuka yang berdedikasi untuk memajukan sektor kesehatan melalui inovasi perangkat lunak. Kami berupaya menciptakan sistem yang andal, efisien, dan mudah digunakan untuk mendukung pelayanan kesehatan prima.\r\n <\/p>\r\n <ul class=\"mt-4 space-y-2 custom-cursor\">\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Kebijakan Privasi<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors duration-200 custom-cursor\">Syarat & Ketentuan<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4 custom-cursor\">Ikuti Kami<\/h3>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor\">\r\n <svg class=\"w-6 h-6 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor\">\r\n <svg class=\"w-6 h-6 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M12.488 1.977A10.015 10.015 0 0115.118 2h.165A6.299 6.299 0 0122 8.783v.165c0 1.25-.333 2.454-.95 3.535-.615 1.076-1.528 1.956-2.673 2.533-1.144.577-2.45.86-3.81.86a10.009 10.009 0 01-2.63-.352 10.009 10.009 0 01-3.535-1.122A10.009 10.009 0 015.42 12.352a10.009 10.009 0 01-1.122-3.535A10.009 10.009 0 014 6.208a6.299 6.299 0 016.783-6.165h.165c.997 0 1.968.175 2.86.514zm-.702 3.99A4.475 4.475 0 007.24 7.24a4.475 4.475 0 000 6.364 4.475 4.475 0 006.364 0A4.475 4.475 0 0012.488 5.967zm.001 1.517a2.95 2.95 0 100 5.9 2.95 2.95 0 000-5.9zM18.36 4.408a1.18 1.18 0 11-2.36 0 1.18 1.18 0 012.36 0z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor\">\r\n <svg class=\"w-6 h-6 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M.057 4.908A2.999 2.999 0 013 2h18a2.999 2.999 0 012.943 2.908l-.132 14.814A2.999 2.999 0 0121 22H3a2.999 2.999 0 01-2.811-2.278L.057 4.908zM10.875 15.75V8.25h2.25v7.5h-2.25zm-5.25 0V8.25h2.25v7.5h-2.25zm10.5 0V8.25h2.25v7.5h-2.25z\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm\">\r\n \u00a9 2023 Starfield.id. Hak Cipta Dilindungi.\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>Transformasi Puskesmas: Software Modern Tingkatkan Efisiensi & Layanan! Software Puskesmas: Transformasi Digital Pelayanan Kesehatan Anda Sistem web intuitif dengan fitur komprehensif untuk efisiensi operasional dan peningkatan kualitas layanan puskesmas Anda. Jadwalkan Demo Sekarang Pelajari Fitur Lengkap Tentang Software Puskesmas Software Puskesmas adalah Sistem Informasi Klinik\/Puskesmas berbasis web yang didesain dengan pendekatan UI\/UX modern, menghadirkan solusi …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12336\"> <span class=\"screen-reader-text\">software puskesmas<\/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-12336","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12336","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=12336"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12336\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}