{"id":12242,"date":"2025-07-25T14:56:49","date_gmt":"2025-07-25T07:56:49","guid":{"rendered":"https:\/\/starfield.id\/?page_id=12242"},"modified":"2025-07-25T14:58:55","modified_gmt":"2025-07-25T07:58:55","slug":"software-e-arsip","status":"publish","type":"page","link":"https:\/\/starfield.id\/?page_id=12242","title":{"rendered":"software e-arsip"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n E-Arsip: Unlock Government Efficiency with Secure Digital Document Management<\/title> \r\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon.png\"> \r\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.16\"><\/script> \r\n\r\n <!-- Primary Meta Tags -->\r\n <meta name=\"description\" content=\"Revolutionize your BUMN\/PNS document management! Secure, compliant, and incredibly efficient e-archive solutions tailored for government institutions. Request a free demo today!\">\r\n \r\n <!-- Open Graph \/ Facebook -->\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/e-arsip-digital-government-1753429332711\">\r\n <meta property=\"og:title\" content=\"E-Arsip: Unlock Government Efficiency with Secure Digital Document Management\">\r\n <meta property=\"og:description\" content=\"Revolutionize your BUMN\/PNS document management! Secure, compliant, and incredibly efficient e-archive solutions tailored for government institutions. Request a free demo today!\">\r\n <meta property=\"og:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n <!-- Twitter -->\r\n <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n <meta property=\"twitter:url\" content=\"\/\/id.tapsite.ai\/e-arsip-digital-government-1753429332711\">\r\n <meta property=\"twitter:title\" content=\"E-Arsip: Unlock Government Efficiency with Secure Digital Document Management\">\r\n <meta property=\"twitter:description\" content=\"Revolutionize your BUMN\/PNS document management! Secure, compliant, and incredibly efficient e-archive solutions tailored for government institutions. Request a free demo today!\">\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=\"01984088-47eb-7-92f9-849db52ece14e86b\">\r\n <meta name=\"slug\" content=\"e-arsip-digital-government-1753429332711\">\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-DgHeHVcW.js\"><\/script>\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/modulepreload-polyfill-B5Qt9EMX.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-BnwCSuOS.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-QsbY2dIo.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-Ch-MoypT.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-CHfbbg5O.js\">\r\n <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-D4AsBpfo.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"relative overflow-hidden bg-gradient-to-br from-blue-700 via-blue-800 to-indigo-900 py-24 md:py-32\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 bg-[url('https:\/\/placehold.co\/1920x1080\/0d326f\/0b285b\/png?text=Pattern')] opacity-10\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-transparent via-blue-900\/20 to-transparent\"><\/div>\r\n <\/div>\r\n <div class=\"container mx-auto px-4 relative z-10 flex flex-col md:flex-row items-center justify-between gap-12\">\r\n <div class=\"md:w-1\/2 text-center md:text-left\">\r\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-6 animate-fade-in-up custom-cursor\">\r\n E-Arsip: Transformasi Manajemen Arsip Digital Anda Menuju Era Modern.\r\n <\/h1>\r\n <p class=\"text-lg sm:text-xl text-blue-100 mb-10 max-w-xl mx-auto md:mx-0 animate-fade-in-up delay-200 custom-cursor\">\r\n Solusi terintegrasi untuk perusahaan pemerintah (BUMN\/PNS) dalam mengelola, mengamankan, dan mengakses dokumen digital dengan mudah dan efisien.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center md:justify-start gap-4 animate-fade-in-up delay-400\">\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 bg-sky-500 text-white text-lg font-semibold rounded-full shadow-lg hover:bg-sky-600 focus:outline-none focus:ring-4 focus:ring-sky-300 transition-all duration-300 transform hover:scale-105 group custom-cursor\">\r\n Ajukan Demo Gratis\r\n <svg class=\"ml-2 w-5 h-5 transition-transform duration-300 group-hover:translate-x-1 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=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#fitur-utama\" class=\"inline-flex items-center justify-center px-8 py-4 border-2 border-white text-white text-lg font-semibold rounded-full hover:bg-white hover:text-blue-800 focus:outline-none focus:ring-4 focus:ring-white transition-all duration-300 transform hover:scale-105 group custom-cursor\">\r\n Pelajari Lebih Lanjut\r\n <svg class=\"ml-2 w-5 h-5 transition-transform duration-300 group-hover:translate-x-1 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=\"M19 13l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:w-1\/2 mt-12 md:mt-0 flex justify-center md:justify-end animate-fade-in-right delay-600\">\r\n <div class=\"relative w-full max-w-xl bg-white rounded-2xl shadow-xl overflow-hidden transform perspective-1000 rotate-y-6 hover:rotate-y-0 transition-transform duration-700 ease-in-out\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/0198408a-e640-7-8e9a-c1c002b013c1fa50.webp\" alt=\"Antarmuka Perangkat Lunak E-Arsip\" class=\"w-full h-auto object-cover transform hover:scale-105 transition-transform duration-500 custom-cursor\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-500\/10 to-transparent pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-4 right-4 bg-white\/80 backdrop-blur-sm px-4 py-2 rounded-lg text-sm text-blue-800 font-medium shadow-md\">\r\n <span class=\"inline-block animate-pulse mr-2 text-sky-500 custom-cursor\">\u2022<\/span>Tampilan Interaktif\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section id=\"tentang-produk\" class=\"py-20 md:py-28 bg-gray-50\">\r\n <div class=\"container mx-auto px-4 text-center\">\r\n <h2 class=\"text-3xl sm:text-4xl font-bold text-blue-800 mb-6 custom-cursor\">\r\n Tentang E-Arsip: Revolusi Manajemen Dokumen Digital\r\n <\/h2>\r\n <div class=\"flex flex-col items-center justify-center gap-8 md:gap-12 mt-12\">\r\n <div class=\"w-32 h-32 md:w-40 md:h-40 bg-white rounded-full flex items-center justify-center shadow-lg border border-gray-200 p-4 transform transition-transform duration-500 hover:scale-110 hover:shadow-xl\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/0198408b-154d-7-b462-105c013fd2526d95.webp\" alt=\"Logo E-Arsip\" class=\"max-w-full max-h-full custom-cursor\">\r\n <\/div>\r\n <p class=\"text-lg text-gray-700 max-w-3xl mx-auto leading-relaxed custom-cursor\">\r\n E-Arsip adalah sistem manajemen arsip digital terdepan yang dirancang secara khusus untuk memenuhi kebutuhan unik perusahaan pemerintah (BUMN\/PNS). Kami memahami kompleksitas dalam pengelolaan, klasifikasi, dan pengamanan dokumen-dokumen penting negara. Dengan E-Arsip, Anda akan merasakan efisiensi operasional yang belum pernah ada sebelumnya, memastikan setiap arsip Anda aman, mudah diakses, dan sesuai dengan regulasi yang berlaku. Ini bukan hanya tentang digitalisasi, ini adalah tentang modernisasi birokrasi dan peningkatan akuntabilitas melalui teknologi canggih.\r\n <\/p>\r\n <p class=\"text-md text-gray-600 max-w-3xl mx-auto leading-relaxed mt-4 custom-cursor\">\r\n Komitmen kami adalah menyediakan solusi yang terpercaya dan intuitif, memungkinkan instansi Anda fokus pada pelayanan publik tanpa terhambat oleh kerumitan manajemen arsip manual.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section><section id=\"masalah-solusi\" class=\"py-20 md:py-28 bg-white\">\r\n <div class=\"container mx-auto px-4\">\r\n <h2 class=\"text-3xl sm:text-4xl font-bold text-blue-800 text-center mb-16 custom-cursor\">\r\n Mengatasi Tantangan Arsip Tradisional dengan Solusi Inovatif E-Arsip\r\n <\/h2>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-16\">\r\n <!-- Problem 1: Risiko Kehilangan Dokumen -->\r\n <div class=\"flex flex-col md:flex-row items-start gap-6 bg-red-50 p-6 rounded-xl shadow-sm border border-red-100 transform transition-all duration-300 hover:shadow-lg hover:-translate-y-1\">\r\n <div class=\"flex-shrink-0 w-20 h-20 flex items-center justify-center rounded-full bg-red-100 text-red-600 shadow-inner\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/ffe0e0\/ff4d4d\/png?text=X\" alt=\"Icon Masalah Kehilangan\" class=\"w-10 h-10 custom-cursor\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-semibold text-red-700 mb-3 custom-cursor\">Masalah: Risiko Kehilangan Dokumen<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed custom-cursor\">\r\n Arsip fisik rentan terhadap kerusakan, kebakaran, bencana alam, atau bahkan kehilangan akibat salah penempatan. Data vital instansi Anda bisa lenyap dalam sekejap tanpa jejak digital yang aman.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col md:flex-row items-start gap-6 bg-blue-50 p-6 rounded-xl shadow-sm border border-blue-100 transform transition-all duration-300 hover:shadow-lg hover:-translate-y-1\">\r\n <div class=\"flex-shrink-0 w-20 h-20 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 shadow-inner\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e0e7ff\/3f51b5\/png?text=\u2713\" alt=\"Icon Solusi Keamanan\" class=\"w-10 h-10 custom-cursor\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 mb-3 custom-cursor\">Solusi E-Arsip: Keamanan Data Terjamin<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed custom-cursor\">\r\n E-Arsip dilengkapi dengan sistem penyimpanan terpusat yang aman, pencadangan otomatis, dan enkripsi data berlapis. Dokumen Anda terlindungi dari berbagai ancaman dan selalu tersedia.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Problem 2: Proses Pencarian Lambat -->\r\n <div class=\"flex flex-col md:flex-row items-start gap-6 bg-red-50 p-6 rounded-xl shadow-sm border border-red-100 transform transition-all duration-300 hover:shadow-lg hover:-translate-y-1\">\r\n <div class=\"flex-shrink-0 w-20 h-20 flex items-center justify-center rounded-full bg-red-100 text-red-600 shadow-inner\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/ffe0e0\/ff4d4d\/png?text=\u23f1\ufe0f\" alt=\"Icon Masalah Pencarian Lambat\" class=\"w-10 h-10 custom-cursor\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-semibold text-red-700 mb-3 custom-cursor\">Masalah: Proses Pencarian yang Lambat<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed custom-cursor\">\r\n Mencari satu dokumen di antara tumpukan arsip fisik dapat memakan waktu berjam-jam, menghambat produktivitas dan memperlambat proses birokrasi yang seharusnya cepat.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col md:flex-row items-start gap-6 bg-blue-50 p-6 rounded-xl shadow-sm border border-blue-100 transform transition-all duration-300 hover:shadow-lg hover:-translate-y-1\">\r\n <div class=\"flex-shrink-0 w-20 h-20 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 shadow-inner\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e0e7ff\/3f51b5\/png?text=\u26a1\" alt=\"Icon Solusi Pencarian Cepat\" class=\"w-10 h-10 custom-cursor\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 mb-3 custom-cursor\">Solusi E-Arsip: Akses Cepat dan Mudah<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed custom-cursor\">\r\n Dengan fitur pencarian canggih dan metadata yang terstruktur, E-Arsip memungkinkan Anda menemukan dokumen apapun dalam hitungan detik, meningkatkan efisiensi operasional secara drastis.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Problem 3: Keterbatasan Ruang Fisik -->\r\n <div class=\"flex flex-col md:flex-row items-start gap-6 bg-red-50 p-6 rounded-xl shadow-sm border border-red-100 transform transition-all duration-300 hover:shadow-lg hover:-translate-y-1\">\r\n <div class=\"flex-shrink-0 w-20 h-20 flex items-center justify-center rounded-full bg-red-100 text-red-600 shadow-inner\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/ffe0e0\/ff4d4d\/png?text=\ud83c\udfe0\" alt=\"Icon Masalah Ruang Fisik\" class=\"w-10 h-10 custom-cursor\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-semibold text-red-700 mb-3 custom-cursor\">Masalah: Ruang Penyimpanan Fisik Terbatas<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed custom-cursor\">\r\n Pertumbuhan arsip yang pesat memerlukan area penyimpanan fisik yang luas, seringkali memakan biaya besar untuk sewa atau pemeliharaan gudang arsip.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col md:flex-row items-start gap-6 bg-blue-50 p-6 rounded-xl shadow-sm border border-blue-100 transform transition-all duration-300 hover:shadow-lg hover:-translate-y-1\">\r\n <div class=\"flex-shrink-0 w-20 h-20 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 shadow-inner\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e0e7ff\/3f51b5\/png?text=\u2601\ufe0f\" alt=\"Icon Solusi Efisiensi Ruang\" class=\"w-10 h-10 custom-cursor\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 mb-3 custom-cursor\">Solusi E-Arsip: Efisiensi Ruang Maksimal<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed custom-cursor\">\r\n Digitalisasi arsip dengan E-Arsip secara virtual menghilangkan kebutuhan akan ruang penyimpanan fisik, menghemat biaya operasional dan memungkinkan pemanfaatan ruang untuk hal yang lebih produktif.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Problem 4: Kesulitan Kepatuhan & Audit -->\r\n <div class=\"flex flex-col md:flex-row items-start gap-6 bg-red-50 p-6 rounded-xl shadow-sm border border-red-100 transform transition-all duration-300 hover:shadow-lg hover:-translate-y-1\">\r\n <div class=\"flex-shrink-0 w-20 h-20 flex items-center justify-center rounded-full bg-red-100 text-red-600 shadow-inner\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/ffe0e0\/ff4d4d\/png?text=\u2696\ufe0f\" alt=\"Icon Masalah Kepatuhan\" class=\"w-10 h-10 custom-cursor\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-semibold text-red-700 mb-3 custom-cursor\">Masalah: Kesulitan Kepatuhan & Audit<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed custom-cursor\">\r\n Manajemen arsip manual mempersulit pemenuhan standar kepatuhan dan proses audit, seringkali menyebabkan penundaan dan potensi sanksi.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col md:flex-row items-start gap-6 bg-blue-50 p-6 rounded-xl shadow-sm border border-blue-100 transform transition-all duration-300 hover:shadow-lg hover:-translate-y-1\">\r\n <div class=\"flex-shrink-0 w-20 h-20 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 shadow-inner\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e0e7ff\/3f51b5\/png?text=\u2705\" alt=\"Icon Solusi Kepatuhan\" class=\"w-10 h-10 custom-cursor\">\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 mb-3 custom-cursor\">Solusi E-Arsip: Kepatuhan Regulasi Otomatis<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed custom-cursor\">\r\n Fitur retensi arsip otomatis dan log aktivitas lengkap di E-Arsip memastikan kepatuhan terhadap regulasi dan mempermudah proses audit dengan data yang akurat dan transparan.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <h2 class=\"text-3xl font-extrabold text-center text-blue-800 sm:text-4xl mb-12 custom-cursor \">\r\n Fitur Utama <span class=\"text-blue-500 custom-cursor \">E-Arsip<\/span>\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\r\n <!-- Feature Group 1: Manajemen Arsip Digital -->\r\n <div class=\"bg-white rounded-lg shadow-xl p-8 transform hover:scale-105 transition duration-300 ease-in-out\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"flex-shrink-0 bg-blue-500 rounded-full p-3\">\r\n <svg class=\"h-8 w-8 text-white custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-xl font-semibold text-blue-800 custom-cursor \">Manajemen Arsip Digital<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-3 text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Unggah dokumen (PDF, Word, Excel, gambar)<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Klasifikasi arsip (aktif\/inaktif\/statis)<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Tagging dan metadata dokumen<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Penamaan otomatis berdasarkan pola<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Pencarian cepat dan filter lanjutan<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Feature Group 2: Keamanan & Akses -->\r\n <div class=\"bg-white rounded-lg shadow-xl p-8 transform hover:scale-105 transition duration-300 ease-in-out\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"flex-shrink-0 bg-blue-500 rounded-full p-3\">\r\n <svg class=\"h-8 w-8 text-white custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-xl font-semibold text-blue-800 custom-cursor \">Keamanan & Akses<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-3 text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Role-based access control (Admin, Pimpinan, Staff)<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Tingkat keamanan dokumen (Public, Internal, Confidential, Secret)<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Batasan akses berdasarkan unit\/departemen<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Log aktivitas pengguna lengkap<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Feature Group 3: Disposisi & Approval -->\r\n <div class=\"bg-white rounded-lg shadow-xl p-8 transform hover:scale-105 transition duration-300 ease-in-out\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"flex-shrink-0 bg-blue-500 rounded-full p-3\">\r\n <svg class=\"h-8 w-8 text-white custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-xl font-semibold text-blue-800 custom-cursor \">Disposisi & Approval<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-3 text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Fitur disposisi (forward arsip ke pihak terkait)<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Persetujuan berjenjang untuk dokumen penting<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Notifikasi real-time<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Feature Group 4: Retensi Arsip -->\r\n <div class=\"bg-white rounded-lg shadow-xl p-8 transform hover:scale-105 transition duration-300 ease-in-out\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"flex-shrink-0 bg-blue-500 rounded-full p-3\">\r\n <svg class=\"h-8 w-8 text-white custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2zm7-7v4m0 0l-2-2m2 2l2-2\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-xl font-semibold text-blue-800 custom-cursor \">Retensi Arsip<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-3 text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Penentuan masa simpan arsip otomatis<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Notifikasi arsip kedaluwarsa<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Fitur musnahkan atau pindah arsip ke arsip statis<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Feature Group 5: Laporan Lengkap -->\r\n <div class=\"bg-white rounded-lg shadow-xl p-8 transform hover:scale-105 transition duration-300 ease-in-out\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"flex-shrink-0 bg-blue-500 rounded-full p-3\">\r\n <svg class=\"h-8 w-8 text-white custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\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-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 <h3 class=\"ml-4 text-xl font-semibold text-blue-800 custom-cursor \">Laporan Lengkap<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-3 text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Laporan arsip bulanan<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Laporan klasifikasi arsip<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Laporan akses pengguna<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-5 w-5 text-blue-500 mr-2 flex-shrink-0 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <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>\r\n <\/svg>\r\n <span class=\"custom-cursor \">Laporan retensi & pemusnahan<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-white\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <h2 class=\"text-3xl font-extrabold text-blue-800 sm:text-4xl mb-6 custom-cursor\">\r\n E-Arsip: <span class=\"text-blue-500 custom-cursor\">Solusi Ideal Untuk Siapa?<\/span>\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-12 leading-relaxed custom-cursor\">\r\n E-Arsip dirancang khusus untuk memenuhi kebutuhan manajemen arsip digital yang kompleks dan sensitif di lingkungan pemerintahan serta organisasi dengan standar kepatuhan tinggi. Kami hadir untuk memberdayakan:\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-12\">\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300\">\r\n <div class=\"bg-blue-100 rounded-full p-4 mb-4\">\r\n <svg class=\"h-12 w-12 text-blue-600 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5h.008v.008H12V7.5zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-800 mb-2 custom-cursor\">Badan Usaha Milik Negara (BUMN)<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor\">\r\n Memastikan efisiensi operasional dan kepatuhan regulasi dalam pengelolaan arsip korporat yang masif dan krusial.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300\">\r\n <div class=\"bg-blue-100 rounded-full p-4 mb-4\">\r\n <svg class=\"h-12 w-12 text-blue-600 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 12h-15m0 0l6.75 6.75M4.5 12l6.75-6.75\"><\/path>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9 9 0 110-18 9 9 0 010 18z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-800 mb-2 custom-cursor\">Instansi Pemerintah (PNS)<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor\">\r\n Modernisasi birokrasi dengan digitalisasi arsip, memfasilitasi akses cepat, keamanan terjamin, dan akuntabilitas.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300\">\r\n <div class=\"bg-blue-100 rounded-full p-4 mb-4\">\r\n <svg class=\"h-12 w-12 text-blue-600 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.25 14.586v-4.172a2.25 2.25 0 00-.659-1.591L15.364 4.51A2.25 2.25 0 0013.75 3.75H8.25c-.621 0-1.125.504-1.125 1.125v15c0 .621.504 1.125 1.125 1.125h11.5c.621 0 1.125-.504 1.125-1.125V16.75a.75.75 0 00-.75-.75H15.75a.75.75 0 01-.75-.75zM10.5 12h-1.5m1.5 2.25h-1.5m-3.75 0H7.5m9-6h-2.25\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-800 mb-2 custom-cursor\">Organisasi Kepatuhan Tinggi<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor\">\r\n Setiap organisasi yang mengutamakan keamanan data, auditabilitas, dan kepatuhan terhadap regulasi arsip.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor\">\r\n Dengan E-Arsip, instansi Anda dapat mengatasi tantangan pengelolaan dokumen fisik, meningkatkan akuntabilitas, volume dokumen besar, kebutuhan audit, dan efisiensi birokrasi, serta memastikan akses data yang cepat dan terjamin keamanannya. Investasi pada E-Arsip adalah langkah strategis menuju masa depan digital yang efisien dan terpercaya.\r\n <\/p>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gray-50\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <h2 class=\"text-3xl font-extrabold text-blue-800 sm:text-4xl mb-6 custom-cursor\">\r\n Investasi Sekali, <span class=\"text-blue-500 custom-cursor\">Efisiensi Berkelanjutan.<\/span>\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-12 custom-cursor\">\r\n Dapatkan solusi manajemen arsip digital terdepan dengan investasi yang jelas dan tanpa biaya tersembunyi.\r\n <\/p>\r\n\r\n <div class=\"flex justify-center\">\r\n <div class=\"bg-white rounded-xl shadow-2xl overflow-hidden transform hover:scale-105 transition duration-500 ease-in-out w-full max-w-lg relative\">\r\n <div class=\"absolute inset-x-0 top-0 h-2 bg-gradient-to-r from-blue-500 to-blue-800 rounded-t-xl\"><\/div>\r\n <div class=\"px-8 py-10\">\r\n <h3 class=\"text-2xl font-bold text-blue-800 mb-4 custom-cursor\">Paket Premium E-Arsip<\/h3>\r\n <div class=\"flex items-baseline justify-center mb-6\">\r\n <span class=\"text-5xl font-extrabold text-blue-800 custom-cursor\">Rp 15.000.000<\/span>\r\n <span class=\"ml-2 text-2xl font-medium text-gray-600 custom-cursor\">\/ Lisensi Seumur Hidup<\/span>\r\n <\/div>\r\n <p class=\"text-gray-600 mb-8 custom-cursor\">\r\n Solusi lengkap untuk digitalisasi arsip instansi Anda, dengan dukungan penuh dan pembaruan berkala.\r\n <\/p>\r\n\r\n <ul class=\"text-left space-y-4 mb-10 text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-green-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <span class=\" custom-cursor\">Manajemen Arsip Digital Lengkap<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-green-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <span class=\" custom-cursor\">Keamanan Data Tingkat Tinggi<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-green-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <span class=\" custom-cursor\">Kontrol Akses Berbasis Peran<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-green-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <span class=\" custom-cursor\">Fitur Disposisi & Approval Dokumen<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-green-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <span class=\" custom-cursor\">Manajemen Retensi Arsip Otomatis<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-green-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n \r\n <\/svg><span class=\" custom-cursor\">Laporan & Audit Komprehensif<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-green-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <span class=\" custom-cursor\">Dukungan Teknis Prioritas<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-green-500 mr-3 flex-shrink-0 custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <span class=\" custom-cursor\">Gratis Pembaruan Versi Mayor<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"block w-full py-3 px-6 border border-transparent rounded-md shadow-lg text-base font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transform hover:scale-105 transition duration-300 ease-in-out custom-cursor\">\r\n Dapatkan Sekarang!\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gradient-to-br from-blue-800 to-blue-900 text-white overflow-hidden relative\">\r\n <div class=\"container mx-auto px-6 max-w-5xl text-center relative z-10\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold mb-8 leading-tight animate-fade-in-up custom-cursor\">Rasakan Kemudahan E-Arsip Sendiri.<\/h2>\r\n <p class=\"text-lg md:text-xl mb-12 opacity-90 leading-relaxed animate-fade-in-up delay-200 custom-cursor\">\r\n Dapatkan gambaran langsung bagaimana E-Arsip dapat merevolusi manajemen arsip di instansi Anda. Ajukan demo gratis sekarang dan saksikan efisiensinya.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center justify-center px-10 py-4 text-lg font-semibold rounded-full bg-cyan-500 hover:bg-cyan-600 text-white shadow-lg transition-all duration-300 transform hover:scale-105 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-cyan-300 animate-fade-in-up delay-400 custom-cursor\">\r\n Jadwalkan Demo Gratis\r\n <svg class=\"ml-3 w-5 h-5 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 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute top-1\/4 left-1\/4 w-32 h-32 bg-blue-700 rounded-full opacity-10 animate-blob-one\"><\/div>\r\n <div class=\"absolute bottom-1\/3 right-1\/4 w-48 h-48 bg-blue-600 rounded-full opacity-10 animate-blob-two\"><\/div>\r\n <div class=\"absolute top-1\/2 left-3\/4 w-24 h-24 bg-blue-500 rounded-full opacity-10 animate-blob-three\"><\/div>\r\n <\/div>\r\n <style>\r\n @keyframes fade-in-up {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .animate-fade-in-up {\r\n animation: fade-in-up 0.8s ease-out forwards;\r\n }\r\n .delay-200 { animation-delay: 0.2s; }\r\n .delay-400 { animation-delay: 0.4s; }\r\n\r\n @keyframes blob-one {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 30% { transform: translate(-30px, 20px) scale(1.1); }\r\n 60% { transform: translate(10px, -20px) scale(0.9); }\r\n }\r\n @keyframes blob-two {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 40% { transform: translate(20px, 40px) scale(1.05); }\r\n 70% { transform: translate(-10px, -30px) scale(1.15); }\r\n }\r\n @keyframes blob-three {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 50% { transform: translate(-20px, 10px) scale(0.95); }\r\n }\r\n .animate-blob-one { animation: blob-one 12s infinite alternate; }\r\n .animate-blob-two { animation: blob-two 15s infinite alternate; }\r\n .animate-blob-three { animation: blob-three 10s infinite alternate; }\r\n <\/style>\r\n<\/section><section class=\"py-16 md:py-24 bg-gray-50\">\r\n <div class=\"container mx-auto px-6 max-w-4xl\">\r\n <h2 class=\"text-4xl md:text-4xl font-extrabold text-blue-900 text-center mb-12 custom-cursor\">Pertanyaan Umum (FAQ)<\/h2>\r\n <div id=\"faq-accordion\" class=\"space-y-4\">\r\n <!-- FAQ Item 1 -->\r\n <div class=\"bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden transform transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-left text-lg font-semibold text-blue-800 focus:outline-none faq-toggle custom-cursor\">\r\n Apakah E-Arsip dapat diintegrasikan dengan sistem yang sudah ada?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 rotate-0 faq-arrow 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=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div class=\"px-6 pb-6 text-gray-700 hidden faq-content\">\r\n <p class=\"leading-relaxed custom-cursor\">Ya, E-Arsip dirancang dengan fleksibilitas untuk memungkinkan integrasi dengan sistem yang sudah ada melalui API (Application Programming Interface) yang terdefinisi. Tim teknis kami siap membantu dalam proses adaptasi dan integrasi sesuai kebutuhan spesifik instansi Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 2 -->\r\n <div class=\"bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden transform transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-left text-lg font-semibold text-blue-800 focus:outline-none faq-toggle custom-cursor\">\r\n Bagaimana tingkat keamanan data di E-Arsip?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 rotate-0 faq-arrow 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=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div class=\"px-6 pb-6 text-gray-700 hidden faq-content\">\r\n <p class=\"leading-relaxed custom-cursor\">Keamanan data adalah prioritas utama kami. E-Arsip dilengkapi dengan fitur keamanan berlapis seperti enkripsi data, kontrol akses berbasis peran (role-based access control), log aktivitas pengguna lengkap untuk audit, serta backup data rutin. Infrastruktur kami mengikuti standar keamanan industri untuk melindungi informasi sensitif Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 3 -->\r\n <div class=\"bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden transform transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-left text-lg font-semibold text-blue-800 focus:outline-none faq-toggle custom-cursor\">\r\n Apakah ada biaya bulanan atau tahunan setelah pembelian?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 rotate-0 faq-arrow 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=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div class=\"px-6 pb-6 text-gray-700 hidden faq-content\">\r\n <p class=\"leading-relaxed custom-cursor\">Tidak. Paket E-Arsip kami adalah lisensi seumur hidup, yang berarti Anda hanya perlu melakukan investasi sekali di awal. Tidak ada biaya bulanan atau tahunan tersembunyi. Anda juga akan mendapatkan pembaruan versi mayor gratis untuk memastikan sistem Anda selalu up-to-date.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 4 -->\r\n <div class=\"bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden transform transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-left text-lg font-semibold text-blue-800 focus:outline-none faq-toggle custom-cursor\">\r\n Bagaimana dengan dukungan teknis setelah pembelian?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 rotate-0 faq-arrow 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=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div class=\"px-6 pb-6 text-gray-700 hidden faq-content\">\r\n <p class=\"leading-relaxed custom-cursor\">Kami menyediakan dukungan teknis prioritas untuk memastikan kelancaran operasional E-Arsip di instansi Anda. Tim dukungan kami siap membantu dengan pertanyaan, masalah teknis, atau panduan penggunaan. Detail kontak dan SLA (Service Level Agreement) akan disediakan setelah pembelian.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 5 -->\r\n <div class=\"bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden transform transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-left text-lg font-semibold text-blue-800 focus:outline-none faq-toggle custom-cursor\">\r\n Apakah E-Arsip dapat disesuaikan dengan kebutuhan spesifik instansi kami?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 rotate-0 faq-arrow 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=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div class=\"px-6 pb-6 text-gray-700 hidden faq-content\">\r\n <p class=\"leading-relaxed custom-cursor\">E-Arsip dibangun dengan modularitas, memungkinkan penyesuaian untuk memenuhi alur kerja dan regulasi spesifik instansi pemerintah. Kami menawarkan layanan kustomisasi dan pengembangan fitur tambahan untuk memastikan E-Arsip sesuai sepenuhnya dengan kebutuhan unik Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const faqToggles = document.querySelectorAll('.faq-toggle');\r\n\r\n faqToggles.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const content = button.nextElementSibling;\r\n const arrow = button.querySelector('.faq-arrow');\r\n\r\n \/\/ Close all other open FAQ items\r\n faqToggles.forEach(otherButton => {\r\n if (otherButton !== button) {\r\n const otherContent = otherButton.nextElementSibling;\r\n const otherArrow = otherButton.querySelector('.faq-arrow');\r\n if (!otherContent.classList.contains('hidden')) {\r\n otherContent.classList.add('hidden');\r\n otherContent.style.maxHeight = null; \/\/ Reset max-height\r\n otherArrow.classList.remove('rotate-180');\r\n }\r\n }\r\n });\r\n\r\n \/\/ Toggle current FAQ item\r\n if (content.classList.contains('hidden')) {\r\n content.classList.remove('hidden');\r\n \/\/ Set max-height for smooth transition, calculate actual height\r\n content.style.maxHeight = content.scrollHeight + 'px';\r\n arrow.classList.add('rotate-180');\r\n } else {\r\n content.style.maxHeight = null; \/\/ Reset max-height before hiding\r\n content.classList.add('hidden');\r\n arrow.classList.remove('rotate-180');\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n <style>\r\n .faq-content {\r\n transition: max-height 0.3s ease-out; \/* Smooth transition for height *\/\r\n overflow: hidden; \/* Hide overflow during transition *\/\r\n max-height: 0; \/* Start hidden for JS-controlled height *\/\r\n }\r\n .faq-content.open {\r\n max-height: 500px; \/* Example max-height, adjust as needed *\/\r\n }\r\n <\/style>\r\n<\/section><section class=\"bg-blue-900 py-16 text-white\">\r\n <div class=\"container mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-12 md:gap-8 lg:gap-16\">\r\n <!-- Kolom 1: Navigasi -->\r\n <div class=\"flex flex-col items-center md:items-start text-center md:text-left\">\r\n <h4 class=\"text-xl font-bold mb-6 text-cyan-400 custom-cursor\">Navigasi<\/h4>\r\n <ul class=\"space-y-3 custom-cursor\">\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Home<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Fitur<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Harga<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Demo<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 2: Kontak Kami -->\r\n <div class=\"flex flex-col items-center md:items-start text-center md:text-left\">\r\n <h4 class=\"text-xl font-bold mb-6 text-cyan-400 custom-cursor\">Kontak Kami<\/h4>\r\n <ul class=\"space-y-3 custom-cursor\">\r\n <li class=\"flex items-center md:items-start justify-center md:justify-start\">\r\n <svg class=\"w-5 h-5 mr-3 text-gray-400 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"><\/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 <li class=\"flex items-center justify-center md:justify-start\">\r\n <svg class=\"w-5 h-5 mr-3 text-gray-400 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.32.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.12.35.03.75-.24 1.02l-2.2 2.2z\"><\/path><\/svg>\r\n <span class=\" custom-cursor\">0821-3606-8256<\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-center md:justify-start\">\r\n <svg class=\"w-5 h-5 mr-3 text-gray-400 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"><\/path><\/svg>\r\n <span class=\" custom-cursor\"><a href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"325b5c545d7241465340545b575e561c5b56\">[email protected]<\/a><\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 3: Informasi Tambahan -->\r\n <div class=\"flex flex-col items-center md:items-start text-center md:text-left\">\r\n <h4 class=\"text-xl font-bold mb-6 text-cyan-400 custom-cursor\">Informasi Tambahan<\/h4>\r\n <ul class=\"space-y-3 custom-cursor\">\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Kebijakan Privasi<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Syarat & Ketentuan<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">Tentang Starfield.id<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 4: Sosial Media -->\r\n <div class=\"flex flex-col items-center md:items-start text-center md:text-left\">\r\n <h4 class=\"text-xl font-bold mb-6 text-cyan-400 custom-cursor\">Ikuti Kami<\/h4>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">\r\n <svg class=\"w-7 h-7 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.33V22H12c5.523 0 10-4.477 10-10z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">\r\n <svg class=\"w-7 h-7 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M.057 20.317c-.305-1.557-.305-3.114 0-4.671-.057-2.687-.205-5.326.45-7.925.75-2.825 2.388-5.325 4.793-7.23 2.396-1.9 5.37-2.91 8.423-2.99 3.125-.09 6.22.42 9.14 1.517 2.87.97 5.25 2.58 7.02 4.67 1.768 2.09 2.86 4.63 3.09 7.41.22 2.7-.09 5.39-.93 7.96-.86 2.65-2.22 5.06-4.04 7.07-1.84 2.02-4.09 3.59-6.66 4.78-2.58 1.18-5.36 1.83-8.19 1.94-2.83.11-5.63-.08-8.32-.61-2.65-.54-5.12-1.42-7.29-2.61-2.18-1.2-4.03-2.67-5.54-4.39-1.52-1.72-2.6-3.62-3.23-5.66-.63-2.04-.81-4.14-.52-6.28.32-2.3 1.12-4.52 2.37-6.52.27-.4.55-.78.85-1.17z\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-200 custom-cursor\">\r\n <svg class=\"w-7 h-7 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2C6.477 2 2 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.33V22H12c5.523 0 10-4.477 10-10z\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-gray-700 mt-12 pt-8 text-center text-gray-400 text-sm\">\r\n <p class=\" custom-cursor\">\u00a9 2024 Starfield.id. Semua Hak Dilindungi.<\/p>\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>E-Arsip: Unlock Government Efficiency with Secure Digital Document Management E-Arsip: Transformasi Manajemen Arsip Digital Anda Menuju Era Modern. Solusi terintegrasi untuk perusahaan pemerintah (BUMN\/PNS) dalam mengelola, mengamankan, dan mengakses dokumen digital dengan mudah dan efisien. Ajukan Demo Gratis Pelajari Lebih Lanjut \u2022Tampilan Interaktif Tentang E-Arsip: Revolusi Manajemen Dokumen Digital E-Arsip adalah sistem manajemen arsip digital …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12242\"> <span class=\"screen-reader-text\">software e-arsip<\/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-12242","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12242","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=12242"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12242\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}