Digitalisasi Rukun Tetangga – PT Arka Sinergy Nusantara<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800;900&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --bg-main: #ffffff;\n --bg-sub: #f8fafc;\n --primary-navy: #0f172a; \n --accent-blue: #2563eb; \n --accent-light: #dbeafe;\n --text-dark: #334155; \n }\n\n \/* --- FORCE FULL WIDTH UNTUK LEPAS DARI BOX TEMPLATE WORDPRESS --- *\/\n html, body {\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden !important;\n background-color: var(--bg-main);\n }\n\n .site, #page, .site-content, .container, .ast-container, .post-inner, .elementor-section-wrap {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n header, footer:not(.custom-lp-footer), .site-header, .site-footer, #masthead, #colophon, .sidebar, #sidebar {\n display: none !important;\n height: 0 !important;\n opacity: 0 !important;\n visibility: hidden !important;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .murni-lp-wrapper {\n position: relative;\n width: 100vw !important; \n left: 50% !important;\n transform: translateX(-50%) !important; \n background-color: var(--bg-main);\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* --- CUSTOM HEADER OVERLAY --- *\/\n .lp-navbar {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 30px 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 100;\n }\n\n .lp-navbar .logo {\n font-family: 'Montserrat', sans-serif;\n font-weight: 900;\n font-size: 18px;\n color: #ffffff !important; \n text-transform: uppercase;\n }\n\n .lp-navbar .legal-badge {\n background: rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(10px);\n color: #ffffff !important;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 12px;\n font-weight: 700;\n border: 1px solid rgba(255, 255, 255, 0.3);\n }\n\n \/* --- HERO SECTION --- *\/\n .hero {\n position: relative;\n min-height: 100vh;\n background: linear-gradient(rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0.75)), \n url('https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?q=80&w=1600') no-repeat center center\/cover;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 0 20px;\n }\n\n .hero-content {\n max-width: 1000px;\n margin-top: 60px;\n }\n\n .hero-content h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: 52px;\n font-weight: 900 !important; \n color: #ffffff !important; \n line-height: 1.2;\n text-transform: uppercase;\n margin-bottom: 25px;\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); \n }\n\n .hero-content p {\n font-size: 22px;\n font-weight: 700 !important; \n color: #ffffff !important; \n margin-bottom: 40px;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);\n }\n\n .btn-primary {\n display: inline-block;\n background-color: var(--accent-blue);\n color: #ffffff !important; \n padding: 16px 40px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3);\n }\n\n .btn-primary:hover {\n background-color: #1d4ed8;\n transform: translateY(-3px);\n }\n\n \/* --- SECTIONS UTILITIES --- *\/\n section {\n padding: 120px 6%; \n width: 100%;\n }\n\n .section-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 36px;\n font-weight: 900;\n color: var(--primary-navy) !important; \n text-align: center;\n margin-bottom: 60px;\n text-transform: uppercase;\n }\n\n .section-title::after {\n content: '';\n display: block;\n width: 70px;\n height: 5px;\n background: var(--accent-blue);\n margin: 20px auto 0;\n border-radius: 3px;\n }\n\n \/* --- PENDAHULUAN --- *\/\n #pendahuluan {\n background-color: var(--bg-main);\n padding: 120px 12%;\n }\n\n .pendahuluan-box p {\n font-size: 17px;\n color: var(--text-dark) !important; \n line-height: 1.9;\n margin-bottom: 30px;\n text-align: center;\n }\n\n .highlight-quote {\n font-size: 19px;\n font-weight: 600;\n color: var(--primary-navy) !important;\n padding: 30px;\n border-left: 5px solid var(--accent-blue);\n background: var(--bg-sub);\n text-align: left;\n border-radius: 0 12px 12px 0;\n line-height: 1.7;\n }\n\n \/* --- PEMBAHASAN SISTEM --- *\/\n #pembahasan {\n background-color: var(--bg-sub);\n }\n\n .pembahasan-wrapper {\n display: grid;\n grid-template-columns: 1fr 1fr; \n gap: 40px;\n align-items: stretch;\n }\n\n .fitur-grid-vertical {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .fitur-card {\n background: var(--bg-main);\n padding: 30px;\n border-radius: 16px;\n border: 1px solid rgba(0, 0, 0, 0.05);\n box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n transition: all 0.3s ease;\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .fitur-card:hover {\n transform: translateY(-3px);\n border-color: var(--accent-blue);\n }\n\n .fitur-card .icon-wrapper {\n width: 50px;\n height: 50px;\n background: var(--accent-light);\n color: var(--accent-blue);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n flex-shrink: 0;\n }\n\n .fitur-card-content h3 {\n font-size: 18px;\n font-weight: 800;\n margin-bottom: 8px;\n color: var(--primary-navy) !important;\n }\n\n .fitur-card-content p {\n font-size: 14px;\n color: var(--text-dark) !important; \n }\n\n .preview-sticky-panel {\n background: var(--bg-main);\n padding: 35px;\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.05);\n box-shadow: 0 15px 40px rgba(0,0,0,0.03);\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .dual-video-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .video-box {\n position: relative;\n width: 100%;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);\n }\n\n .video-title-inside {\n background: var(--primary-navy);\n color: #ffffff;\n font-size: 12px;\n font-weight: 700;\n padding: 6px 12px;\n text-transform: uppercase;\n }\n\n .video-ratio {\n position: relative;\n padding-bottom: 56.25%; \n height: 0;\n }\n\n .video-ratio iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* --- TABEL ANGGARAN BIAYA --- *\/\n #anggaran {\n background-color: var(--bg-main);\n padding: 120px 10%;\n }\n\n .table-container {\n max-width: 850px;\n margin: 40px auto 0;\n background: var(--bg-main);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.04);\n border: 1px solid rgba(0, 0, 0, 0.06);\n }\n\n .rab-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n }\n\n .rab-table th {\n background: var(--primary-navy);\n color: #ffffff !important;\n padding: 22px;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n }\n\n .rab-table td {\n padding: 22px;\n border-bottom: 1px solid #edf2f7;\n font-size: 16px;\n color: var(--primary-navy) !important;\n }\n\n .rab-table .harga {\n font-weight: 800;\n color: var(--accent-blue) !important; \n background: var(--accent-light);\n padding: 6px 16px;\n border-radius: 30px;\n display: inline-block;\n }\n\n \/* --- SECTION DEMO \/ CONTOH STRUKTUR ISI WEBSITE RT --- *\/\n #demo-website {\n background-color: var(--bg-sub);\n padding: 120px 6%;\n }\n\n .demo-container {\n max-width: 1100px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 50px;\n }\n\n .demo-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n }\n\n .demo-card-visual {\n background: var(--bg-main);\n border-radius: 16px;\n padding: 30px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.04);\n border: 1px solid rgba(0,0,0,0.05);\n }\n\n \/* Komponen Simulasi Berita Digital *\/\n .bulletin-board {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n .bulletin-item {\n padding: 12px 15px;\n border-left: 4px solid var(--accent-blue);\n background: var(--bg-sub);\n border-radius: 0 8px 8px 0;\n }\n .bulletin-item span {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent-blue);\n text-transform: uppercase;\n }\n .bulletin-item h5 {\n font-size: 14px;\n color: var(--primary-navy);\n margin: 2px 0;\n }\n\n \/* KAS BARS *\/\n .chart-simulation {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n .bar-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--primary-navy); \n margin-bottom: 5px;\n }\n .bar-graph {\n height: 30px;\n border-radius: 6px;\n display: flex;\n align-items: center;\n padding-left: 15px;\n color: white;\n font-size: 13px;\n font-weight: 700;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n }\n .bar-in { background: #10b981; width: 90%; }\n .bar-out { background: #ef4444; width: 50%; }\n\n \/* Komponen Simulasi Surat Pengantar WA *\/\n .form-simulation {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .form-simulation select, .form-simulation button {\n padding: 12px;\n border-radius: 8px;\n border: 1px solid #cbd5e1;\n font-family: 'Inter', sans-serif;\n font-size: 14px;\n }\n .form-simulation button {\n background-color: #25d366;\n color: white;\n border: none;\n font-weight: 700;\n cursor: pointer;\n }\n\n \/* PORTAL SIMULATION *\/\n .web-simulation-box {\n background: var(--bg-main);\n border-radius: 16px;\n padding: 35px;\n box-shadow: 0 20px 50px rgba(15, 23, 42, 0.05);\n border: 1px solid rgba(0,0,0,0.06);\n }\n\n .sim-header {\n text-align: center;\n border-bottom: 2px solid #f1f5f9;\n padding-bottom: 15px;\n margin-bottom: 25px;\n }\n .sim-header h4 {\n font-family: 'Montserrat', sans-serif;\n color: var(--primary-navy);\n font-size: 18px;\n text-transform: uppercase;\n }\n\n .sim-section-inner {\n margin-bottom: 30px;\n }\n .sim-section-inner h5 {\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n color: var(--accent-blue);\n text-transform: uppercase;\n margin-bottom: 12px;\n border-left: 3px solid var(--accent-blue);\n padding-left: 8px;\n }\n\n \/* Grid Kepengurusan *\/\n .pengurus-grid-sim {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n text-align: center;\n }\n .pengurus-card-sim {\n background: var(--bg-sub);\n padding: 15px 10px;\n border-radius: 8px;\n border: 1px solid #edf2f7;\n }\n .pengurus-card-sim i {\n font-size: 20px;\n color: var(--primary-navy);\n margin-bottom: 5px;\n }\n .pengurus-card-sim div.name {\n font-size: 13px;\n font-weight: 700;\n color: var(--primary-navy);\n }\n .pengurus-card-sim div.role {\n font-size: 11px;\n color: var(--accent-blue);\n font-weight: 600;\n }\n\n \/* KEGIATAN KONTRAST UTAMA *\/\n .kegiatan-grid-sim {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n }\n .kegiatan-card-sim {\n background: var(--bg-sub);\n padding: 15px 12px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n color: var(--primary-navy) !important; \n border-left: 4px solid #10b981;\n box-shadow: 0 4px 10px rgba(0,0,0,0.02);\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .kegiatan-card-sim i {\n color: #10b981;\n }\n\n .demo-text h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 24px;\n color: var(--primary-navy);\n margin-bottom: 15px;\n }\n\n .demo-text p {\n font-size: 15px;\n color: var(--text-dark);\n line-height: 1.7;\n }\n\n \/* --- CLEAN PROPERTI FOOTER --- *\/\n .custom-lp-footer {\n background: #090d16;\n padding: 80px 10% 40px !important;\n border-top: 1px solid rgba(255, 255, 255, 0.05) !important;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 50px;\n font-size: 14px;\n }\n\n .footer-col h4 {\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 800;\n margin-bottom: 25px;\n text-transform: uppercase;\n color: #ffffff !important;\n }\n\n .footer-col p {\n margin-bottom: 15px;\n color: #94a3b8 !important; \n }\n\n \/* Tautan Khusus Legalitas Drive *\/\n .footer-col .legal-link-drive {\n color: #00d2ff !important;\n text-decoration: underline !important;\n transition: color 0.3s;\n }\n .footer-col .legal-link-drive:hover {\n color: #ffffff !important;\n }\n\n .wa-footer-btn {\n display: inline-block;\n background: #25d366;\n color: #ffffff !important;\n text-decoration: none;\n padding: 12px 25px;\n border-radius: 30px;\n font-weight: 700;\n margin-top: 15px;\n box-shadow: 0 5px 15px rgba(37, 211, 102, 0.2);\n }\n\n .bottom-copyright {\n text-align: center;\n margin-top: 60px;\n font-size: 13px;\n color: #475569 !important;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n padding-top: 25px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 20px;\n }\n\n .bottom-links {\n display: flex;\n gap: 25px;\n }\n\n .bottom-links a {\n color: #64748b !important;\n text-decoration: none;\n }\n\n \/* --- SETELAN RESPONSIVE SMARTPHONE --- *\/\n @media (max-width: 992px) {\n .pembahasan-wrapper, .demo-row { \n grid-template-columns: 1fr !important; \n gap: 40px; \n }\n .demo-row:nth-child(even) {\n flex-direction: column-reverse;\n display: flex;\n }\n }\n\n @media (max-width: 768px) {\n .murni-lp-wrapper {\n width: 100% !important;\n left: 0 !important;\n transform: none !important;\n }\n .hero-content h1 { font-size: 32px !important; }\n .hero-content p { font-size: 16px !important; }\n .lp-navbar { flex-direction: column; gap: 12px; }\n section { padding: 70px 5%; }\n .section-title { font-size: 26px !important; }\n .fitur-card { flex-direction: column; gap: 12px; }\n .rab-table th, .rab-table td { padding: 14px 10px; font-size: 13px; }\n .bottom-copyright { flex-direction: column; text-align: center; }\n .pengurus-grid-sim { grid-template-columns: 1fr; }\n .kegiatan-grid-sim { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"murni-lp-wrapper\">\n\n \n <div class=\"lp-navbar\">\n <div class=\"logo\">PT ARKA SINERGY NUSANTARA<\/div>\n <div class=\"legal-badge\"><i class=\"fas fa-shield-check\"><\/i> Resmi Kemenkumham & DJP<\/div>\n <\/div>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1>Membangun Aset Digitalisasi Lingkungan RT<\/h1>\n <p>SISTEM INFORMASI MANAJEMEN WARGA YANG MODERN, TRANSPARAN, DAN AKUNTABEL<\/p>\n <a href=\"#pendahuluan\" class=\"btn-primary\">Pelajari Selengkapnya<\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"pendahuluan\">\n <h2 class=\"section-title\">Pendahuluan<\/h2>\n <div class=\"pendahuluan-box\">\n <p>\n Era keterbukaan menuntut pengelolaan rukun tetangga (RT) bergerak ke arah yang lebih efisien. \n Program pembangunan <strong>Website RT<\/strong> ini dirancang sebagai langkah konkret modernisasi wilayah dalam mengelola administrasi, \n komunikasi, publikasi agenda, serta transparansi penuh atas kas lingkungan warga.\n <\/p>\n <div class=\"highlight-quote\">\n “Jika integrasi sistem digitalisasi ini sukses berjalan di lingkungan RT Anda, platform ini siap diduplikasi secara instan untuk diimplementasikan ke seluruh jaringan RT lainnya.”\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pembahasan\">\n <h2 class=\"section-title\">Pembahasan Sistem<\/h2>\n \n <div class=\"pembahasan-wrapper\">\n \n \n <div class=\"fitur-grid-vertical\">\n \n <div class=\"fitur-card\">\n <div class=\"icon-wrapper\"><i class=\"fas fa-wallet\"><\/i><\/div>\n <div class=\"fitur-card-content\">\n <h3>Transparansi Kas Otomatis<\/h3>\n <p>Warga dapat memantau keluar masuknya dana kas bulanan, iuran kegiatan sosial, dan laporan dana insidental secara real-time kapan saja melalui ponsel mereka.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"fitur-card\">\n <div class=\"icon-wrapper\"><i class=\"fas fa-boxes-stacked\"><\/i><\/div>\n <div class=\"fitur-card-content\">\n <h3>Manajemen Aset & Inventaris<\/h3>\n <p>Pendataan digital untuk melacak seluruh barang\/aset milik RT (seperti tenda, kursi, sound system), lengkap dengan sistem log peminjaman warga.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"fitur-card\">\n <div class=\"icon-wrapper\"><i class=\"fas fa-bullhorn\"><\/i><\/div>\n <div class=\"fitur-card-content\">\n <h3>Portal Informasi & Profil<\/h3>\n <p>Tempat terpusat untuk memuat struktur organisasi pengurus, pengumuman darurat, jadwal kegiatan kerja bakti, hingga dokumentasi resmi warga.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"fitur-card\">\n <div class=\"icon-wrapper\"><i class=\"fas fa-network-wired\"><\/i><\/div>\n <div class=\"fitur-card-content\">\n <h3>Fasilitas Subdomain Fleksibel<\/h3>\n <p>Keuntungan memiliki website sendiri: jika dibentuk kepanitiaan baru (seperti Panitia HUT RI), sistem bisa membuat subdomain khusus agar Laporan Pertanggungjawaban (LPJ) berdiri sendiri secara mandiri dari keuangan inti RT, dan dapat dihapus dengan mudah setelah agenda rampung.<\/p>\n <\/div>\n <\/div>\n \n <\/div>\n \n \n <div class=\"preview-sticky-panel\">\n <div class=\"preview-header-text\">\n <h4>Media & Pratinjau Sistem<\/h4>\n <p class=\"panel-desc\">Simulasi visual antarmuka sistem manajemen warga serta integrasi dokumentasi publikasi lingkungan RT.<\/p>\n <\/div>\n \n <div class=\"dual-video-grid\">\n <div class=\"video-box\">\n <div class=\"video-title-inside\"><i class=\"fas fa-desktop\"><\/i> Video 1: Simulasi Fitur Web RT<\/div>\n <div class=\"video-ratio\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/BgqYPnKFCHo\" title=\"Pratinjau Sistem Website RT\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-box\">\n <div class=\"video-title-inside\"><i class=\"fas fa-users\"><\/i> Video 2: Dokumentasi Kegiatan Warga<\/div>\n <div class=\"video-ratio\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/c2ubCRN9MCQ\" title=\"Dokumentasi Halal Bihalal Warga\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <\/div>\n <\/section>\n\n \n <section id=\"anggaran\">\n <h2 class=\"section-title\">Rencana Anggaran Pembangunan<\/h2>\n <div class=\"table-container\">\n <table class=\"rab-table\">\n <thead>\n <tr>\n <th>Kebutuhan Infrastruktur<\/th>\n <th>Estimasi Biaya<\/th>\n <th>Skema Pembayaran<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Domain Premium (.com \/ .id)<\/strong><\/td>\n <td><span class=\"harga\">Rp 500.000<\/span><\/td>\n <td>1x Bayar per Tahun<\/td>\n <\/tr>\n <tr>\n <td><strong>Cloud Server Hosting<\/strong><\/td>\n <td><span class=\"harga\">Rp 3.000.000<\/span><\/td>\n <td>Tahunan (Bisa dikonversi Bulanan)<\/td>\n <\/tr>\n <tr>\n <td><strong>Jasa Developer & Maintenance (Bisa Custom Sesuai Pesanan)<\/strong><\/td>\n <td><span class=\"harga\">Rp 300.000<\/span><\/td>\n <td>Per Bulan<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n \n <section id=\"demo-website\">\n <h2 class=\"section-title\">Contoh Penampilan Isi Website RT<\/h2>\n <div class=\"demo-container\">\n\n \n <div class=\"demo-row\">\n <div class=\"web-simulation-box\">\n <div class=\"sim-header\">\n <h4>Portal Resmi Rukun Tetangga Digital<\/h4>\n <\/div>\n \n <div class=\"sim-section-inner\">\n <h5>Visi & Misi Wilayah<\/h5>\n <p style=\"font-size: 13px; font-weight: 500;\">“Mewujudkan lingkungan hunian yang rukun, aman, berteknologi, dan transparan demi kenyamanan bersama seluruh keluarga warga.”<\/p>\n <\/div>\n\n <div class=\"sim-section-inner\">\n <h5>Struktur Pengurus Rukun Tetangga<\/h5>\n <div class=\"pengurus-grid-sim\">\n <div class=\"pengurus-card-sim\">\n <i class=\"fas fa-user-tie\"><\/i>\n <div class=\"name\">Pak RT<\/div>\n <div class=\"role\">Ketua RT<\/div>\n <\/div>\n <div class=\"pengurus-card-sim\">\n <i class=\"fas fa-user-pen\"><\/i>\n <div class=\"name\">Bapak Sekretaris<\/div>\n <div class=\"role\">Sekretaris<\/div>\n <\/div>\n <div class=\"pengurus-card-sim\">\n <i class=\"fas fa-user-gear\"><\/i>\n <div class=\"name\">Ibu Bendahara<\/div>\n <div class=\"role\">Bendahara<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sim-section-inner\" style=\"margin-bottom:0;\">\n <h5>Dokumentasi Agenda Warga<\/h5>\n <div class=\"kegiatan-grid-sim\">\n <div class=\"kegiatan-card-sim\"><i class=\"fas fa-check-circle\"><\/i> Guyub Rukun Halal Bihalal<\/div>\n <div class=\"kegiatan-card-sim\"><i class=\"fas fa-check-circle\"><\/i> Agenda Kerja Bakti Warga<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"demo-text\">\n <h3>1. Simulasi Tampilan Beranda Web RT<\/h3>\n <p>Inilah gambaran beranda portal utama ketika jadi nanti. Halaman memuat visi-misi lingkungan, bagan kepengurusan organisasi tata usaha RT, serta portofolio rekaman dokumentasi seluruh agenda sosial kemasyarakatan yang bisa diakses publik secara terbuka.<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"demo-row\">\n <div class=\"demo-text\">\n <h3>2. Papan Pengumuman Digital Warga<\/h3>\n <p>Menggantikan mading fisik konvensional. Pengurus RT dapat memasukkan info darurat, jadwal iuran, pengumuman posyandu, hingga jadwal ronda malam secara terpusat agar langsung terbaca oleh seluruh warga dari HP masing-masing.<\/p>\n <\/div>\n <div class=\"demo-card-visual\">\n <div class=\"bulletin-board\">\n <div class=\"bulletin-item\">\n <span>24 Juni 2026<\/span>\n <h5>Agenda Kerja Bakti Bersama Lingkungan RT<\/h5>\n <\/div>\n <div class=\"bulletin-item\">\n <span>28 Juni 2026<\/span>\n <h5>Jadwal Imunisasi & Posyandu Balita Balai RW<\/h5>\n <\/div>\n <div class=\"bulletin-item\">\n <span>Pemberitahuan<\/span>\n <h5>Penyemprotan Fogging Demam Berdarah Masal<\/h5>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"demo-row\">\n <div class=\"demo-card-visual\">\n <div class=\"chart-simulation\">\n <div>\n <div class=\"bar-label\">Total Kas Masuk Bulan Ini:<\/div>\n <div class=\"bar-graph bar-in\">Rp 8.500.000<\/div>\n <\/div>\n <div>\n <div class=\"bar-label\">Alokasi Pengeluaran RT:<\/div>\n <div class=\"bar-graph bar-out\">Rp 3.200.000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"demo-text\">\n <h3>3. Dashboard Transparansi Kas Bulanan<\/h3>\n <p>Meningkatkan kepercayaan mutlak warga. Grafik interaktif ini otomatis mengalkulasi sirkulasi keuangan lingkungan secara terbuka, mulai dari iuran bulanan wajib yang masuk hingga dana keluar untuk belanja logistik kemasyarakatan.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"demo-row\">\n <div class=\"demo-text\">\n <h3>4. Integrasi Surat Pengantar Otomatis<\/h3>\n <p>Warga tidak perlu repot mengetuk rumah Pak RT larut malam. Cukup pilih jenis pengantar surat di website, isi data diri, dan sistem akan mengirimkan berkas pengajuan secara rapi langsung ke WhatsApp pengurus RT untuk ditandatangani.<\/p>\n <\/div>\n <div class=\"demo-card-visual\">\n <div class=\"form-simulation\">\n <select disabled>\n <option>— Pilih Jenis Pengantar Surat —<\/option>\n <option selected>Surat Keterangan Domisili<\/option>\n <option>Surat Pengantar Nikah (N1-N4)<\/option>\n <option>Surat Keterangan Kematian<\/option>\n <\/select>\n <button type=\"button\"><i class=\"fab fa-whatsapp\"><\/i> Ajukan via WhatsApp Mandiri<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <div class=\"custom-lp-footer\">\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <h4>PT Arka Sinergy Nusantara<\/h4>\n <p><strong>SK Kemenkumham:<\/strong> <a href=\"https:\/\/drive.google.com\/file\/d\/1A-fizG8XYuQCt3tuzgqsn8eG_o3vczaQ\/view?usp=drive_link\" target=\"_blank\" class=\"legal-link-drive\">AHU-A098179.AH.01.30.Tahun 2026<\/a><\/p>\n <p><strong>Surat Pernyataan Mandiri:<\/strong> <a href=\"https:\/\/drive.google.com\/file\/d\/1EGbGiiX1947ydAtz97Th-oWAmjXVHG7U\/view?usp=drive_link\" target=\"_blank\" class=\"legal-link-drive\">Lihat Dokumen Resmi<\/a><\/p>\n <p><strong>NPWP Badan:<\/strong> <a href=\"https:\/\/drive.google.com\/file\/d\/1clWK-KvvlrR1LC9_X27jKAuQwcmn2N0O\/view?usp=drive_link\" target=\"_blank\" class=\"legal-link-drive\">1000 0000 1008 3865<\/a><\/p>\n <p><strong>KPP Terdaftar:<\/strong> Kantor Pelayanan Pajak Pratama Gresik<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Alamat Kantor Resmi<\/h4>\n <p>Surya Nusantara Residence Blok A No 2, RT 001, RW 006, Hulaan, Menganti, Kabupaten Gresik, Jawa Timur 61174<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Hubungi Kami<\/h4>\n <p>Punya pertanyaan atau rencana duplikasi program ke wilayah lain? Hubungi tim teknis kami.<\/p>\n <a href=\"https:\/\/wa.me\/6281216530399\" class=\"wa-footer-btn\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> Chat WhatsApp<\/a>\n <\/div>\n <\/div>\n \n <div class=\"bottom-copyright\">\n <div>\n © 2026 <strong>PT Arka Sinergy Nusantara<\/strong>. All Rights Reserved.\n <\/div>\n <div class=\"bottom-links\">\n <a href=\"\/privacy-policy\">Privacy Policy<\/a>\n <a href=\"\/terms-conditions\">Terms & Conditions<\/a>\n <a href=\"\/disclaimer\">Disclaimer<\/a>\n <a href=\"\/contact-us\">Contact Us<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Digitalisasi Rukun Tetangga – PT Arka Sinergy Nusantara PT ARKA SINERGY NUSANTARA Resmi Kemenkumham & DJP Membangun Aset Digitalisasi Lingkungan RT SISTEM INFORMASI MANAJEMEN WARGA YANG MODERN, TRANSPARAN, DAN AKUNTABEL Pelajari Selengkapnya Pendahuluan Era keterbukaan menuntut pengelolaan rukun tetangga (RT) bergerak ke arah yang lebih efisien. Program pembangunan Website RT ini dirancang sebagai langkah konkret…<\/p>\n","protected":false},"author":1,"featured_media":27,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-31","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":4,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/pages\/31\/revisions\/35"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/media\/27"}],"wp:attachment":[{"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":31,"date":"2026-06-27T13:34:50","date_gmt":"2026-06-27T13:34:50","guid":{"rendered":"https:\/\/sinergyrt.com\/demo-web-rt\/?page_id=31"},"modified":"2026-06-27T13:34:50","modified_gmt":"2026-06-27T13:34:50","slug":"program-digitalisasi-rt","status":"publish","type":"page","link":"https:\/\/sinergyrt.com\/demo-web-rt\/program-digitalisasi-rt\/","title":{"rendered":"Program Digitalisasi RT"},"content":{"rendered":"\n\n\n\n \n \n Digitalisasi Rukun Tetangga – PT Arka Sinergy Nusantara<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800;900&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --bg-main: #ffffff;\n --bg-sub: #f8fafc;\n --primary-navy: #0f172a; \n --accent-blue: #2563eb; \n --accent-light: #dbeafe;\n --text-dark: #334155; \n }\n\n \/* --- FORCE FULL WIDTH UNTUK LEPAS DARI BOX TEMPLATE WORDPRESS --- *\/\n html, body {\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden !important;\n background-color: var(--bg-main);\n }\n\n .site, #page, .site-content, .container, .ast-container, .post-inner, .elementor-section-wrap {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n header, footer:not(.custom-lp-footer), .site-header, .site-footer, #masthead, #colophon, .sidebar, #sidebar {\n display: none !important;\n height: 0 !important;\n opacity: 0 !important;\n visibility: hidden !important;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .murni-lp-wrapper {\n position: relative;\n width: 100vw !important; \n left: 50% !important;\n transform: translateX(-50%) !important; \n background-color: var(--bg-main);\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* --- CUSTOM HEADER OVERLAY --- *\/\n .lp-navbar {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 30px 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 100;\n }\n\n .lp-navbar .logo {\n font-family: 'Montserrat', sans-serif;\n font-weight: 900;\n font-size: 18px;\n color: #ffffff !important; \n text-transform: uppercase;\n }\n\n .lp-navbar .legal-badge {\n background: rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(10px);\n color: #ffffff !important;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 12px;\n font-weight: 700;\n border: 1px solid rgba(255, 255, 255, 0.3);\n }\n\n \/* --- HERO SECTION --- *\/\n .hero {\n position: relative;\n min-height: 100vh;\n background: linear-gradient(rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0.75)), \n url('https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?q=80&w=1600') no-repeat center center\/cover;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 0 20px;\n }\n\n .hero-content {\n max-width: 1000px;\n margin-top: 60px;\n }\n\n .hero-content h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: 52px;\n font-weight: 900 !important; \n color: #ffffff !important; \n line-height: 1.2;\n text-transform: uppercase;\n margin-bottom: 25px;\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); \n }\n\n .hero-content p {\n font-size: 22px;\n font-weight: 700 !important; \n color: #ffffff !important; \n margin-bottom: 40px;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);\n }\n\n .btn-primary {\n display: inline-block;\n background-color: var(--accent-blue);\n color: #ffffff !important; \n padding: 16px 40px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3);\n }\n\n .btn-primary:hover {\n background-color: #1d4ed8;\n transform: translateY(-3px);\n }\n\n \/* --- SECTIONS UTILITIES --- *\/\n section {\n padding: 120px 6%; \n width: 100%;\n }\n\n .section-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 36px;\n font-weight: 900;\n color: var(--primary-navy) !important; \n text-align: center;\n margin-bottom: 60px;\n text-transform: uppercase;\n }\n\n .section-title::after {\n content: '';\n display: block;\n width: 70px;\n height: 5px;\n background: var(--accent-blue);\n margin: 20px auto 0;\n border-radius: 3px;\n }\n\n \/* --- PENDAHULUAN --- *\/\n #pendahuluan {\n background-color: var(--bg-main);\n padding: 120px 12%;\n }\n\n .pendahuluan-box p {\n font-size: 17px;\n color: var(--text-dark) !important; \n line-height: 1.9;\n margin-bottom: 30px;\n text-align: center;\n }\n\n .highlight-quote {\n font-size: 19px;\n font-weight: 600;\n color: var(--primary-navy) !important;\n padding: 30px;\n border-left: 5px solid var(--accent-blue);\n background: var(--bg-sub);\n text-align: left;\n border-radius: 0 12px 12px 0;\n line-height: 1.7;\n }\n\n \/* --- PEMBAHASAN SISTEM --- *\/\n #pembahasan {\n background-color: var(--bg-sub);\n }\n\n .pembahasan-wrapper {\n display: grid;\n grid-template-columns: 1fr 1fr; \n gap: 40px;\n align-items: stretch;\n }\n\n .fitur-grid-vertical {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .fitur-card {\n background: var(--bg-main);\n padding: 30px;\n border-radius: 16px;\n border: 1px solid rgba(0, 0, 0, 0.05);\n box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n transition: all 0.3s ease;\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .fitur-card:hover {\n transform: translateY(-3px);\n border-color: var(--accent-blue);\n }\n\n .fitur-card .icon-wrapper {\n width: 50px;\n height: 50px;\n background: var(--accent-light);\n color: var(--accent-blue);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n flex-shrink: 0;\n }\n\n .fitur-card-content h3 {\n font-size: 18px;\n font-weight: 800;\n margin-bottom: 8px;\n color: var(--primary-navy) !important;\n }\n\n .fitur-card-content p {\n font-size: 14px;\n color: var(--text-dark) !important; \n }\n\n .preview-sticky-panel {\n background: var(--bg-main);\n padding: 35px;\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.05);\n box-shadow: 0 15px 40px rgba(0,0,0,0.03);\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .dual-video-grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .video-box {\n position: relative;\n width: 100%;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);\n }\n\n .video-title-inside {\n background: var(--primary-navy);\n color: #ffffff;\n font-size: 12px;\n font-weight: 700;\n padding: 6px 12px;\n text-transform: uppercase;\n }\n\n .video-ratio {\n position: relative;\n padding-bottom: 56.25%; \n height: 0;\n }\n\n .video-ratio iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* --- TABEL ANGGARAN BIAYA --- *\/\n #anggaran {\n background-color: var(--bg-main);\n padding: 120px 10%;\n }\n\n .table-container {\n max-width: 850px;\n margin: 40px auto 0;\n background: var(--bg-main);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.04);\n border: 1px solid rgba(0, 0, 0, 0.06);\n }\n\n .rab-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n }\n\n .rab-table th {\n background: var(--primary-navy);\n color: #ffffff !important;\n padding: 22px;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n }\n\n .rab-table td {\n padding: 22px;\n border-bottom: 1px solid #edf2f7;\n font-size: 16px;\n color: var(--primary-navy) !important;\n }\n\n .rab-table .harga {\n font-weight: 800;\n color: var(--accent-blue) !important; \n background: var(--accent-light);\n padding: 6px 16px;\n border-radius: 30px;\n display: inline-block;\n }\n\n \/* --- SECTION DEMO \/ CONTOH STRUKTUR ISI WEBSITE RT --- *\/\n #demo-website {\n background-color: var(--bg-sub);\n padding: 120px 6%;\n }\n\n .demo-container {\n max-width: 1100px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 50px;\n }\n\n .demo-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n }\n\n .demo-card-visual {\n background: var(--bg-main);\n border-radius: 16px;\n padding: 30px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.04);\n border: 1px solid rgba(0,0,0,0.05);\n }\n\n \/* Komponen Simulasi Berita Digital *\/\n .bulletin-board {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n .bulletin-item {\n padding: 12px 15px;\n border-left: 4px solid var(--accent-blue);\n background: var(--bg-sub);\n border-radius: 0 8px 8px 0;\n }\n .bulletin-item span {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent-blue);\n text-transform: uppercase;\n }\n .bulletin-item h5 {\n font-size: 14px;\n color: var(--primary-navy);\n margin: 2px 0;\n }\n\n \/* KAS BARS *\/\n .chart-simulation {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n .bar-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--primary-navy); \n margin-bottom: 5px;\n }\n .bar-graph {\n height: 30px;\n border-radius: 6px;\n display: flex;\n align-items: center;\n padding-left: 15px;\n color: white;\n font-size: 13px;\n font-weight: 700;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n }\n .bar-in { background: #10b981; width: 90%; }\n .bar-out { background: #ef4444; width: 50%; }\n\n \/* Komponen Simulasi Surat Pengantar WA *\/\n .form-simulation {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .form-simulation select, .form-simulation button {\n padding: 12px;\n border-radius: 8px;\n border: 1px solid #cbd5e1;\n font-family: 'Inter', sans-serif;\n font-size: 14px;\n }\n .form-simulation button {\n background-color: #25d366;\n color: white;\n border: none;\n font-weight: 700;\n cursor: pointer;\n }\n\n \/* PORTAL SIMULATION *\/\n .web-simulation-box {\n background: var(--bg-main);\n border-radius: 16px;\n padding: 35px;\n box-shadow: 0 20px 50px rgba(15, 23, 42, 0.05);\n border: 1px solid rgba(0,0,0,0.06);\n }\n\n .sim-header {\n text-align: center;\n border-bottom: 2px solid #f1f5f9;\n padding-bottom: 15px;\n margin-bottom: 25px;\n }\n .sim-header h4 {\n font-family: 'Montserrat', sans-serif;\n color: var(--primary-navy);\n font-size: 18px;\n text-transform: uppercase;\n }\n\n .sim-section-inner {\n margin-bottom: 30px;\n }\n .sim-section-inner h5 {\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n color: var(--accent-blue);\n text-transform: uppercase;\n margin-bottom: 12px;\n border-left: 3px solid var(--accent-blue);\n padding-left: 8px;\n }\n\n \/* Grid Kepengurusan *\/\n .pengurus-grid-sim {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n text-align: center;\n }\n .pengurus-card-sim {\n background: var(--bg-sub);\n padding: 15px 10px;\n border-radius: 8px;\n border: 1px solid #edf2f7;\n }\n .pengurus-card-sim i {\n font-size: 20px;\n color: var(--primary-navy);\n margin-bottom: 5px;\n }\n .pengurus-card-sim div.name {\n font-size: 13px;\n font-weight: 700;\n color: var(--primary-navy);\n }\n .pengurus-card-sim div.role {\n font-size: 11px;\n color: var(--accent-blue);\n font-weight: 600;\n }\n\n \/* KEGIATAN KONTRAST UTAMA *\/\n .kegiatan-grid-sim {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n }\n .kegiatan-card-sim {\n background: var(--bg-sub);\n padding: 15px 12px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 700;\n color: var(--primary-navy) !important; \n border-left: 4px solid #10b981;\n box-shadow: 0 4px 10px rgba(0,0,0,0.02);\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .kegiatan-card-sim i {\n color: #10b981;\n }\n\n .demo-text h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 24px;\n color: var(--primary-navy);\n margin-bottom: 15px;\n }\n\n .demo-text p {\n font-size: 15px;\n color: var(--text-dark);\n line-height: 1.7;\n }\n\n \/* --- CLEAN PROPERTI FOOTER --- *\/\n .custom-lp-footer {\n background: #090d16;\n padding: 80px 10% 40px !important;\n border-top: 1px solid rgba(255, 255, 255, 0.05) !important;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 50px;\n font-size: 14px;\n }\n\n .footer-col h4 {\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 800;\n margin-bottom: 25px;\n text-transform: uppercase;\n color: #ffffff !important;\n }\n\n .footer-col p {\n margin-bottom: 15px;\n color: #94a3b8 !important; \n }\n\n \/* Tautan Khusus Legalitas Drive *\/\n .footer-col .legal-link-drive {\n color: #00d2ff !important;\n text-decoration: underline !important;\n transition: color 0.3s;\n }\n .footer-col .legal-link-drive:hover {\n color: #ffffff !important;\n }\n\n .wa-footer-btn {\n display: inline-block;\n background: #25d366;\n color: #ffffff !important;\n text-decoration: none;\n padding: 12px 25px;\n border-radius: 30px;\n font-weight: 700;\n margin-top: 15px;\n box-shadow: 0 5px 15px rgba(37, 211, 102, 0.2);\n }\n\n .bottom-copyright {\n text-align: center;\n margin-top: 60px;\n font-size: 13px;\n color: #475569 !important;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n padding-top: 25px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 20px;\n }\n\n .bottom-links {\n display: flex;\n gap: 25px;\n }\n\n .bottom-links a {\n color: #64748b !important;\n text-decoration: none;\n }\n\n \/* --- SETELAN RESPONSIVE SMARTPHONE --- *\/\n @media (max-width: 992px) {\n .pembahasan-wrapper, .demo-row { \n grid-template-columns: 1fr !important; \n gap: 40px; \n }\n .demo-row:nth-child(even) {\n flex-direction: column-reverse;\n display: flex;\n }\n }\n\n @media (max-width: 768px) {\n .murni-lp-wrapper {\n width: 100% !important;\n left: 0 !important;\n transform: none !important;\n }\n .hero-content h1 { font-size: 32px !important; }\n .hero-content p { font-size: 16px !important; }\n .lp-navbar { flex-direction: column; gap: 12px; }\n section { padding: 70px 5%; }\n .section-title { font-size: 26px !important; }\n .fitur-card { flex-direction: column; gap: 12px; }\n .rab-table th, .rab-table td { padding: 14px 10px; font-size: 13px; }\n .bottom-copyright { flex-direction: column; text-align: center; }\n .pengurus-grid-sim { grid-template-columns: 1fr; }\n .kegiatan-grid-sim { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"murni-lp-wrapper\">\n\n \n <div class=\"lp-navbar\">\n <div class=\"logo\">PT ARKA SINERGY NUSANTARA<\/div>\n <div class=\"legal-badge\"><i class=\"fas fa-shield-check\"><\/i> Resmi Kemenkumham & DJP<\/div>\n <\/div>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1>Membangun Aset Digitalisasi Lingkungan RT<\/h1>\n <p>SISTEM INFORMASI MANAJEMEN WARGA YANG MODERN, TRANSPARAN, DAN AKUNTABEL<\/p>\n <a href=\"#pendahuluan\" class=\"btn-primary\">Pelajari Selengkapnya<\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"pendahuluan\">\n <h2 class=\"section-title\">Pendahuluan<\/h2>\n <div class=\"pendahuluan-box\">\n <p>\n Era keterbukaan menuntut pengelolaan rukun tetangga (RT) bergerak ke arah yang lebih efisien. \n Program pembangunan <strong>Website RT<\/strong> ini dirancang sebagai langkah konkret modernisasi wilayah dalam mengelola administrasi, \n komunikasi, publikasi agenda, serta transparansi penuh atas kas lingkungan warga.\n <\/p>\n <div class=\"highlight-quote\">\n “Jika integrasi sistem digitalisasi ini sukses berjalan di lingkungan RT Anda, platform ini siap diduplikasi secara instan untuk diimplementasikan ke seluruh jaringan RT lainnya.”\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pembahasan\">\n <h2 class=\"section-title\">Pembahasan Sistem<\/h2>\n \n <div class=\"pembahasan-wrapper\">\n \n \n <div class=\"fitur-grid-vertical\">\n \n <div class=\"fitur-card\">\n <div class=\"icon-wrapper\"><i class=\"fas fa-wallet\"><\/i><\/div>\n <div class=\"fitur-card-content\">\n <h3>Transparansi Kas Otomatis<\/h3>\n <p>Warga dapat memantau keluar masuknya dana kas bulanan, iuran kegiatan sosial, dan laporan dana insidental secara real-time kapan saja melalui ponsel mereka.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"fitur-card\">\n <div class=\"icon-wrapper\"><i class=\"fas fa-boxes-stacked\"><\/i><\/div>\n <div class=\"fitur-card-content\">\n <h3>Manajemen Aset & Inventaris<\/h3>\n <p>Pendataan digital untuk melacak seluruh barang\/aset milik RT (seperti tenda, kursi, sound system), lengkap dengan sistem log peminjaman warga.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"fitur-card\">\n <div class=\"icon-wrapper\"><i class=\"fas fa-bullhorn\"><\/i><\/div>\n <div class=\"fitur-card-content\">\n <h3>Portal Informasi & Profil<\/h3>\n <p>Tempat terpusat untuk memuat struktur organisasi pengurus, pengumuman darurat, jadwal kegiatan kerja bakti, hingga dokumentasi resmi warga.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"fitur-card\">\n <div class=\"icon-wrapper\"><i class=\"fas fa-network-wired\"><\/i><\/div>\n <div class=\"fitur-card-content\">\n <h3>Fasilitas Subdomain Fleksibel<\/h3>\n <p>Keuntungan memiliki website sendiri: jika dibentuk kepanitiaan baru (seperti Panitia HUT RI), sistem bisa membuat subdomain khusus agar Laporan Pertanggungjawaban (LPJ) berdiri sendiri secara mandiri dari keuangan inti RT, dan dapat dihapus dengan mudah setelah agenda rampung.<\/p>\n <\/div>\n <\/div>\n \n <\/div>\n \n \n <div class=\"preview-sticky-panel\">\n <div class=\"preview-header-text\">\n <h4>Media & Pratinjau Sistem<\/h4>\n <p class=\"panel-desc\">Simulasi visual antarmuka sistem manajemen warga serta integrasi dokumentasi publikasi lingkungan RT.<\/p>\n <\/div>\n \n <div class=\"dual-video-grid\">\n <div class=\"video-box\">\n <div class=\"video-title-inside\"><i class=\"fas fa-desktop\"><\/i> Video 1: Simulasi Fitur Web RT<\/div>\n <div class=\"video-ratio\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/BgqYPnKFCHo\" title=\"Pratinjau Sistem Website RT\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-box\">\n <div class=\"video-title-inside\"><i class=\"fas fa-users\"><\/i> Video 2: Dokumentasi Kegiatan Warga<\/div>\n <div class=\"video-ratio\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/c2ubCRN9MCQ\" title=\"Dokumentasi Halal Bihalal Warga\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <\/div>\n <\/section>\n\n \n <section id=\"anggaran\">\n <h2 class=\"section-title\">Rencana Anggaran Pembangunan<\/h2>\n <div class=\"table-container\">\n <table class=\"rab-table\">\n <thead>\n <tr>\n <th>Kebutuhan Infrastruktur<\/th>\n <th>Estimasi Biaya<\/th>\n <th>Skema Pembayaran<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Domain Premium (.com \/ .id)<\/strong><\/td>\n <td><span class=\"harga\">Rp 500.000<\/span><\/td>\n <td>1x Bayar per Tahun<\/td>\n <\/tr>\n <tr>\n <td><strong>Cloud Server Hosting<\/strong><\/td>\n <td><span class=\"harga\">Rp 3.000.000<\/span><\/td>\n <td>Tahunan (Bisa dikonversi Bulanan)<\/td>\n <\/tr>\n <tr>\n <td><strong>Jasa Developer & Maintenance (Bisa Custom Sesuai Pesanan)<\/strong><\/td>\n <td><span class=\"harga\">Rp 300.000<\/span><\/td>\n <td>Per Bulan<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n \n <section id=\"demo-website\">\n <h2 class=\"section-title\">Contoh Penampilan Isi Website RT<\/h2>\n <div class=\"demo-container\">\n\n \n <div class=\"demo-row\">\n <div class=\"web-simulation-box\">\n <div class=\"sim-header\">\n <h4>Portal Resmi Rukun Tetangga Digital<\/h4>\n <\/div>\n \n <div class=\"sim-section-inner\">\n <h5>Visi & Misi Wilayah<\/h5>\n <p style=\"font-size: 13px; font-weight: 500;\">“Mewujudkan lingkungan hunian yang rukun, aman, berteknologi, dan transparan demi kenyamanan bersama seluruh keluarga warga.”<\/p>\n <\/div>\n\n <div class=\"sim-section-inner\">\n <h5>Struktur Pengurus Rukun Tetangga<\/h5>\n <div class=\"pengurus-grid-sim\">\n <div class=\"pengurus-card-sim\">\n <i class=\"fas fa-user-tie\"><\/i>\n <div class=\"name\">Pak RT<\/div>\n <div class=\"role\">Ketua RT<\/div>\n <\/div>\n <div class=\"pengurus-card-sim\">\n <i class=\"fas fa-user-pen\"><\/i>\n <div class=\"name\">Bapak Sekretaris<\/div>\n <div class=\"role\">Sekretaris<\/div>\n <\/div>\n <div class=\"pengurus-card-sim\">\n <i class=\"fas fa-user-gear\"><\/i>\n <div class=\"name\">Ibu Bendahara<\/div>\n <div class=\"role\">Bendahara<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sim-section-inner\" style=\"margin-bottom:0;\">\n <h5>Dokumentasi Agenda Warga<\/h5>\n <div class=\"kegiatan-grid-sim\">\n <div class=\"kegiatan-card-sim\"><i class=\"fas fa-check-circle\"><\/i> Guyub Rukun Halal Bihalal<\/div>\n <div class=\"kegiatan-card-sim\"><i class=\"fas fa-check-circle\"><\/i> Agenda Kerja Bakti Warga<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"demo-text\">\n <h3>1. Simulasi Tampilan Beranda Web RT<\/h3>\n <p>Inilah gambaran beranda portal utama ketika jadi nanti. Halaman memuat visi-misi lingkungan, bagan kepengurusan organisasi tata usaha RT, serta portofolio rekaman dokumentasi seluruh agenda sosial kemasyarakatan yang bisa diakses publik secara terbuka.<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"demo-row\">\n <div class=\"demo-text\">\n <h3>2. Papan Pengumuman Digital Warga<\/h3>\n <p>Menggantikan mading fisik konvensional. Pengurus RT dapat memasukkan info darurat, jadwal iuran, pengumuman posyandu, hingga jadwal ronda malam secara terpusat agar langsung terbaca oleh seluruh warga dari HP masing-masing.<\/p>\n <\/div>\n <div class=\"demo-card-visual\">\n <div class=\"bulletin-board\">\n <div class=\"bulletin-item\">\n <span>24 Juni 2026<\/span>\n <h5>Agenda Kerja Bakti Bersama Lingkungan RT<\/h5>\n <\/div>\n <div class=\"bulletin-item\">\n <span>28 Juni 2026<\/span>\n <h5>Jadwal Imunisasi & Posyandu Balita Balai RW<\/h5>\n <\/div>\n <div class=\"bulletin-item\">\n <span>Pemberitahuan<\/span>\n <h5>Penyemprotan Fogging Demam Berdarah Masal<\/h5>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"demo-row\">\n <div class=\"demo-card-visual\">\n <div class=\"chart-simulation\">\n <div>\n <div class=\"bar-label\">Total Kas Masuk Bulan Ini:<\/div>\n <div class=\"bar-graph bar-in\">Rp 8.500.000<\/div>\n <\/div>\n <div>\n <div class=\"bar-label\">Alokasi Pengeluaran RT:<\/div>\n <div class=\"bar-graph bar-out\">Rp 3.200.000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"demo-text\">\n <h3>3. Dashboard Transparansi Kas Bulanan<\/h3>\n <p>Meningkatkan kepercayaan mutlak warga. Grafik interaktif ini otomatis mengalkulasi sirkulasi keuangan lingkungan secara terbuka, mulai dari iuran bulanan wajib yang masuk hingga dana keluar untuk belanja logistik kemasyarakatan.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"demo-row\">\n <div class=\"demo-text\">\n <h3>4. Integrasi Surat Pengantar Otomatis<\/h3>\n <p>Warga tidak perlu repot mengetuk rumah Pak RT larut malam. Cukup pilih jenis pengantar surat di website, isi data diri, dan sistem akan mengirimkan berkas pengajuan secara rapi langsung ke WhatsApp pengurus RT untuk ditandatangani.<\/p>\n <\/div>\n <div class=\"demo-card-visual\">\n <div class=\"form-simulation\">\n <select disabled>\n <option>— Pilih Jenis Pengantar Surat —<\/option>\n <option selected>Surat Keterangan Domisili<\/option>\n <option>Surat Pengantar Nikah (N1-N4)<\/option>\n <option>Surat Keterangan Kematian<\/option>\n <\/select>\n <button type=\"button\"><i class=\"fab fa-whatsapp\"><\/i> Ajukan via WhatsApp Mandiri<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <div class=\"custom-lp-footer\">\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <h4>PT Arka Sinergy Nusantara<\/h4>\n <p><strong>SK Kemenkumham:<\/strong> <a href=\"https:\/\/drive.google.com\/file\/d\/1A-fizG8XYuQCt3tuzgqsn8eG_o3vczaQ\/view?usp=drive_link\" target=\"_blank\" class=\"legal-link-drive\">AHU-A098179.AH.01.30.Tahun 2026<\/a><\/p>\n <p><strong>Surat Pernyataan Mandiri:<\/strong> <a href=\"https:\/\/drive.google.com\/file\/d\/1EGbGiiX1947ydAtz97Th-oWAmjXVHG7U\/view?usp=drive_link\" target=\"_blank\" class=\"legal-link-drive\">Lihat Dokumen Resmi<\/a><\/p>\n <p><strong>NPWP Badan:<\/strong> <a href=\"https:\/\/drive.google.com\/file\/d\/1clWK-KvvlrR1LC9_X27jKAuQwcmn2N0O\/view?usp=drive_link\" target=\"_blank\" class=\"legal-link-drive\">1000 0000 1008 3865<\/a><\/p>\n <p><strong>KPP Terdaftar:<\/strong> Kantor Pelayanan Pajak Pratama Gresik<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Alamat Kantor Resmi<\/h4>\n <p>Surya Nusantara Residence Blok A No 2, RT 001, RW 006, Hulaan, Menganti, Kabupaten Gresik, Jawa Timur 61174<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Hubungi Kami<\/h4>\n <p>Punya pertanyaan atau rencana duplikasi program ke wilayah lain? Hubungi tim teknis kami.<\/p>\n <a href=\"https:\/\/wa.me\/6281216530399\" class=\"wa-footer-btn\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> Chat WhatsApp<\/a>\n <\/div>\n <\/div>\n \n <div class=\"bottom-copyright\">\n <div>\n © 2026 <strong>PT Arka Sinergy Nusantara<\/strong>. All Rights Reserved.\n <\/div>\n <div class=\"bottom-links\">\n <a href=\"\/privacy-policy\">Privacy Policy<\/a>\n <a href=\"\/terms-conditions\">Terms & Conditions<\/a>\n <a href=\"\/disclaimer\">Disclaimer<\/a>\n <a href=\"\/contact-us\">Contact Us<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Digitalisasi Rukun Tetangga – PT Arka Sinergy Nusantara PT ARKA SINERGY NUSANTARA Resmi Kemenkumham & DJP Membangun Aset Digitalisasi Lingkungan RT SISTEM INFORMASI MANAJEMEN WARGA YANG MODERN, TRANSPARAN, DAN AKUNTABEL Pelajari Selengkapnya Pendahuluan Era keterbukaan menuntut pengelolaan rukun tetangga (RT) bergerak ke arah yang lebih efisien. Program pembangunan Website RT ini dirancang sebagai langkah konkret…<\/p>\n","protected":false},"author":1,"featured_media":27,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-31","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":4,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/pages\/31\/revisions\/35"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/media\/27"}],"wp:attachment":[{"href":"https:\/\/sinergyrt.com\/demo-web-rt\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}