{"id":12404,"date":"2025-08-15T08:39:00","date_gmt":"2025-08-15T01:39:00","guid":{"rendered":"https:\/\/starfield.id\/?page_id=12404"},"modified":"2025-08-15T08:42:08","modified_gmt":"2025-08-15T01:42:08","slug":"software-koperasi-2","status":"publish","type":"page","link":"https:\/\/starfield.id\/?page_id=12404","title":{"rendered":"software koperasi"},"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 KSU: Ubah Koperasi Jadi Lebih Canggih | Software Koperasi Serba Usaha<\/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=\"Kelola koperasi Anda dengan mudah & modern! Aplikasi KSU: Simpan Pinjam, POS, Akuntansi, RAT, Integrasi WhatsApp & Payment Gateway. Coba Demo Gratis!\">\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\/aplikasi-koperasi-serba-usaha-1755220709694\">\r\n <meta property=\"og:title\" content=\"KSU: Ubah Koperasi Jadi Lebih Canggih | Software Koperasi Serba Usaha\">\r\n <meta property=\"og:description\" content=\"Kelola koperasi Anda dengan mudah & modern! Aplikasi KSU: Simpan Pinjam, POS, Akuntansi, RAT, Integrasi WhatsApp & Payment Gateway. Coba Demo Gratis!\">\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\/aplikasi-koperasi-serba-usaha-1755220709694\">\r\n <meta property=\"twitter:title\" content=\"KSU: Ubah Koperasi Jadi Lebih Canggih | Software Koperasi Serba Usaha\">\r\n <meta property=\"twitter:description\" content=\"Kelola koperasi Anda dengan mudah & modern! Aplikasi KSU: Simpan Pinjam, POS, Akuntansi, RAT, Integrasi WhatsApp & Payment Gateway. Coba Demo Gratis!\">\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=\"0198ab4e-8628-7-a5cf-5399088c0580cadb\">\r\n <meta name=\"slug\" content=\"aplikasi-koperasi-serba-usaha-1755220709694\">\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-BrfPBK3-.js\"><\/script>\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/clsx-BzO1I1Lv.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-CsMgYJE_.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/this-B383OK7q.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-BLH_6zTv.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-De_XT1M5.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-BSXfnrEJ.js\">\r\n <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-CtO14UJg.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"relative overflow-hidden bg-gradient-to-br from-blue-800 to-blue-600 text-white py-8 md:py-16\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <!-- Navigation -->\r\n <nav class=\"flex justify-between items-center py-4\">\r\n <a href=\"#\" class=\"text-3xl font-extrabold tracking-tight text-white custom-cursor \">\r\n KSU<span class=\"text-blue-200 custom-cursor \">App<\/span> \/ KSP<span class=\"text-blue-200 custom-cursor \">App<\/span>\r\n <\/a>\r\n <div class=\"hidden md:flex space-x-8 lg:space-x-12 items-center\">\r\n <a href=\"#beranda\" class=\"text-white hover:text-blue-200 transition duration-300 font-medium text-lg custom-cursor \">Beranda<\/a>\r\n <a href=\"#fitur\" class=\"text-white hover:text-blue-200 transition duration-300 font-medium text-lg custom-cursor \">Fitur Utama<\/a>\r\n <a href=\"#solusi\" class=\"text-white hover:text-blue-200 transition duration-300 font-medium text-lg custom-cursor \">Solusi Kami<\/a>\r\n <a href=\"#harga\" class=\"text-white hover:text-blue-200 transition duration-300 font-medium text-lg custom-cursor \">Harga<\/a>\r\n <a href=\"#demo\" class=\"text-white hover:text-blue-200 transition duration-300 font-medium text-lg custom-cursor \">Demo<\/a>\r\n <a href=\"#faq\" class=\"text-white hover:text-blue-200 transition duration-300 font-medium text-lg custom-cursor \">FAQ<\/a>\r\n <a href=\"#kontak\" class=\"text-white hover:text-blue-200 transition duration-300 font-medium text-lg custom-cursor \">Kontak<\/a>\r\n <\/div>\r\n <!-- Mobile Menu Button -->\r\n <button id=\"mobile-menu-button\" class=\"md:hidden p-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-200 custom-cursor \">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <\/nav>\r\n\r\n <!-- Mobile Menu Overlay -->\r\n <div id=\"mobile-menu-overlay\" class=\"fixed inset-0 bg-blue-900 bg-opacity-95 z-50 transform translate-x-full transition-transform duration-300 ease-in-out md:hidden\">\r\n <div class=\"flex justify-end p-6\">\r\n <button id=\"close-mobile-menu\" class=\"text-white p-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-200 custom-cursor \">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <nav class=\"flex flex-col items-center space-y-8 text-xl font-bold\">\r\n <a href=\"#beranda\" class=\"text-white hover:text-blue-200 transition duration-300 custom-cursor \" onclick=\"document.getElementById('mobile-menu-overlay').classList.add('translate-x-full')\">Beranda<\/a>\r\n <a href=\"#fitur\" class=\"text-white hover:text-blue-200 transition duration-300 custom-cursor \" onclick=\"document.getElementById('mobile-menu-overlay').classList.add('translate-x-full')\">Fitur Utama<\/a>\r\n <a href=\"#solusi\" class=\"text-white hover:text-blue-200 transition duration-300 custom-cursor \" onclick=\"document.getElementById('mobile-menu-overlay').classList.add('translate-x-full')\">Solusi Kami<\/a>\r\n <a href=\"#harga\" class=\"text-white hover:text-blue-200 transition duration-300 custom-cursor \" onclick=\"document.getElementById('mobile-menu-overlay').classList.add('translate-x-full')\">Harga<\/a>\r\n <a href=\"#demo\" class=\"text-white hover:text-blue-200 transition duration-300 custom-cursor \" onclick=\"document.getElementById('mobile-menu-overlay').classList.add('translate-x-full')\">Demo<\/a>\r\n <a href=\"#faq\" class=\"text-white hover:text-blue-200 transition duration-300 custom-cursor \" onclick=\"document.getElementById('mobile-menu-overlay').classList.add('translate-x-full')\">FAQ<\/a>\r\n <a href=\"#kontak\" class=\"text-white hover:text-blue-200 transition duration-300 custom-cursor \" onclick=\"document.getElementById('mobile-menu-overlay').classList.add('translate-x-full')\">Kontak<\/a>\r\n <\/nav>\r\n <\/div>\r\n\r\n <!-- Hero Section Content -->\r\n <div class=\"max-w-4xl mx-auto text-center py-16 md:py-24\">\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight mb-4 drop-shadow-lg custom-cursor \">\r\n Aplikasi Koperasi Serba Usaha (KSU) & Simpan Pinjam (KSP): <br class=\"hidden md:inline\">Transformasi Digital Koperasi Anda\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-blue-200 mb-10 max-w-2xl mx-auto leading-relaxed custom-cursor \">\r\n Sistem Informasi Koperasi berbasis web dengan fitur lengkap untuk mengelola operasional koperasi serba usaha dan simpan pinjam. Dibangun menggunakan PHP dan MySQL dengan desain modern dan antarmuka yang intuitif.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" class=\"inline-block bg-teal-500 hover:bg-teal-600 text-white font-bold py-4 px-10 rounded-full text-xl transition duration-300 ease-in-out shadow-lg transform hover:scale-105 custom-cursor \" target=\"_blank\">\r\n Dapatkan Demo Gratis Sekarang!\r\n <\/a>\r\n <div class=\"mt-16 md:mt-24\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/0198ab59-6d99-7-9f9e-20fc7e5689ceab10.webp\" alt=\"Ilustrasi Antarmuka Modern KSU dan KSP di Desktop dan Mobile\" class=\"mx-auto rounded-xl shadow-2xl border-4 border-blue-400\/50 object-cover w-full h-auto max-w-[1200px] custom-cursor \">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const mobileMenuButton = document.getElementById('mobile-menu-button');\r\n const closeMobileMenuButton = document.getElementById('close-mobile-menu');\r\n const mobileMenuOverlay = document.getElementById('mobile-menu-overlay');\r\n\r\n mobileMenuButton.addEventListener('click', function () {\r\n mobileMenuOverlay.classList.remove('translate-x-full');\r\n });\r\n\r\n closeMobileMenuButton.addEventListener('click', function () {\r\n mobileMenuOverlay.classList.add('translate-x-full');\r\n });\r\n });\r\n <\/script>\r\n<\/section><section class=\"bg-white py-16 md:py-24\">\r\n <div class=\"container mx-auto px-4 md:px-8 max-w-4xl text-center\">\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-blue-800 mb-8 leading-tight custom-cursor \">\r\n Tentang KSU & KSP: Solusi Terpadu untuk Koperasi Modern\r\n <\/h2>\r\n <p class=\"text-lg md:text-xl text-gray-700 leading-relaxed max-w-3xl mx-auto custom-cursor \">\r\n Aplikasi Koperasi Serba Usaha (KSU) dan Koperasi Simpan Pinjam (KSP) adalah platform berbasis web yang dirancang khusus untuk memenuhi kebutuhan kompleks koperasi modern. Baik Anda mengelola beragam usaha atau fokus pada layanan simpan pinjam, platform ini hadir sebagai asisten digital Anda untuk operasional yang lebih efisien, transparan, dan terotomasi. Dari manajemen anggota dan transaksi simpan pinjam hingga pelaporan keuangan, Kami menggabungkan teknologi terkini dengan antarmuka yang mudah digunakan, memastikan koperasi Anda dapat berkembang tanpa batas.\r\n <\/p>\r\n <\/div>\r\n<\/section><section class=\"bg-gray-50 py-16 md:py-24\">\r\n <div class=\"container mx-auto px-4 md:px-8 max-w-6xl\">\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-blue-800 text-center mb-16 leading-tight custom-cursor \">\r\n Tantangan Koperasi Anda, Solusi KSP Kami\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-24 items-center\">\r\n <!-- Bagian Masalah -->\r\n <div class=\"order-2 md:order-1\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-700 mb-8 custom-cursor \">Apakah Anda sering berhadapan dengan...<\/h3>\r\n <ul class=\"space-y-6 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-red-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2A9 9 0 111 12a9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Pencatatan manual yang memakan waktu dan rentan kesalahan?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-red-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2A9 9 0 111 12a9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Data anggota dan keuangan yang tersebar dan sulit diakses?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-red-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2A9 9 0 111 12a9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Proses pinjaman dan simpanan yang rumit dan tidak transparan?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-red-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2A9 9 0 111 12a9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Kesulitan dalam memantau kinerja unit usaha secara *real-time*?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-red-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2A9 9 0 111 12a9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Rapat Anggota Tahunan yang tidak efisien dan membosankan?\r\n <\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <!-- Visual Problem vs Solution -->\r\n <div class=\"order-1 md:order-2 flex justify-center items-center p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/0198ab59-913b-7-ab99-813e53b42b1d0d37.webp\" alt=\"Ilustrasi Tangan Memegang Kertas vs Tangan Memegang Tablet dengan UI KSP\" class=\"rounded-xl shadow-xl border-4 border-white object-cover w-full h-auto max-w-[800px] custom-cursor \">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-24 items-center mt-16 md:mt-24\">\r\n <!-- Visual Problem vs Solution (second image for solutions) -->\r\n <div class=\"order-1 md:order-1 flex justify-center items-center p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/0198ab59-b441-7-9dc9-3fb22c511c6fec36.webp\" alt=\"Ilustrasi UI KSP di Tablet, Menunjukkan Kemudahan Penggunaan\" class=\"rounded-xl shadow-xl border-4 border-white object-cover w-full h-auto max-w-[800px] custom-cursor \">\r\n <\/div>\r\n <!-- Bagian Solusi -->\r\n <div class=\"order-2 md:order-2\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-700 mb-8 custom-cursor \">Aplikasi Koperasi Simpan Pinjam (KSP) hadir untuk mengatasi semua itu. Dengan KSP, Anda akan merasakan...<\/h3>\r\n <ul class=\"space-y-6 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-green-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Otomatisasi proses operasional yang menyeluruh.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-green-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Manajemen data terpusat dan terintegrasi.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-green-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Pelayanan anggota yang lebih cepat dan profesional.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-green-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Pengambilan keputusan berbasis data akurat.\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-green-500 text-2xl leading-none custom-cursor \">\r\n <svg class=\"w-7 h-7 mt-0.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=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 leading-relaxed custom-cursor \">\r\n Koperasi yang modern, transparan, dan siap bersaing.\r\n <\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-800 dark:text-blue-400 leading-tight mb-4 custom-cursor \">\r\n Aplikasi Koperasi Simpan Pinjam (KSP): Kekuatan di Tangan Anda\r\n <\/h2>\r\n <p class=\"text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto custom-cursor \">\r\n KSP dilengkapi dengan modul lengkap yang mendukung setiap aspek operasional koperasi Anda, memberikan kendali penuh dan efisiensi maksimal.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8\">\r\n\r\n <!-- Feature 1: Dashboard Utama -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udcca\" alt=\"Dashboard Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Dashboard Utama<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Gambaran sekilas tentang kesehatan koperasi Anda. Ringkasan saldo kas, total simpanan, pinjaman aktif, omzet unit usaha, statistik laba\/rugi, notifikasi jatuh tempo, dan grafik transaksi bulanan ada di ujung jari Anda.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 2: Manajemen Anggota -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udc65\" alt=\"Anggota Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Manajemen Anggota<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Kelola data anggota dengan mudah. Registrasi anggota baru, nomor anggota unik, kartu anggota digital, histori transaksi lengkap, hingga cetak\/kirim kartu via WhatsApp atau email.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 3: Modul Simpanan -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udcb0\" alt=\"Simpanan Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Modul Simpanan<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Automatisasi pencatatan simpanan (pokok, wajib, sukarela, berjangka). Target tabungan, pencatatan setoran, bukti setoran otomatis ke WhatsApp, dan histori simpanan per anggota.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 4: Modul Pinjaman -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udcb8\" alt=\"Pinjaman Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Modul Pinjaman<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Permudah pengajuan dan persetujuan pinjaman online. Perhitungan bunga\/bagi hasil otomatis, jadwal angsuran, pencatatan pembayaran (tunai, transfer, payment gateway), denda keterlambatan, hingga e-signature.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 5: Unit Usaha Koperasi -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83c\udfea\" alt=\"Unit Usaha Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Unit Usaha Koperasi<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Kelola multi unit usaha (toko, jasa, produksi, kemitraan) dengan pengaturan target omzet, laporan per unit, dan integrasi stok barang & keuangan.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 6: POS (Point of Sale) & Penjualan -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\uded2\" alt=\"POS Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">POS (Point of Sale) & Penjualan<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Penjualan tunai & kredit, harga khusus, barcode scanner, promo, diskon, pembayaran multi-metode (kas, transfer, QRIS, Tripay), retur, dan struk via WhatsApp.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 7: Inventaris & Stok Barang -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udce6\" alt=\"Inventaris Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Inventaris & Stok Barang<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Manajemen stok multi gudang, stok masuk\/keluar, transfer antar gudang, stok opname, hingga batch\/expired date.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 8: Pengadaan & Supplier -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\ude9a\" alt=\"Pengadaan Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Pengadaan & Supplier<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Kelola permintaan pembelian, purchase order, penerimaan barang, pembayaran supplier, hutang dagang, dan laporan jatuh tempo.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 9: Konsinyasi & Titip Jual -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83e\udd1d\" alt=\"Konsinyasi Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Konsinyasi & Titip Jual<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Data konsinyor, penjualan konsinyasi, bagi hasil otomatis, dan penarikan barang titipan.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 10: Kemitraan Anggota & UMKM -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udd17\" alt=\"Kemitraan Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Kemitraan Anggota & UMKM<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Pendaftaran mitra, penjualan produk mitra, skema pembiayaan modal, dan monitoring omzet mitra.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 11: Jasa & Booking -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\uddd3\ufe0f\" alt=\"Jasa Booking Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Jasa & Booking<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Layanan jasa koperasi (fotokopi, servis, rental), kalender booking, pembayaran DP\/full, dan pencatatan serah terima pekerjaan.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 12: Penagihan & Kolektor -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udcde\" alt=\"Penagihan Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Penagihan & Kolektor<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Daftar tagihan, penagihan otomatis via WhatsApp, rute kolektor lapangan, setoran harian, dan laporan aging piutang & NPL.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 13: SHU (Sisa Hasil Usaha) -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udcc8\" alt=\"SHU Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">SHU (Sisa Hasil Usaha)<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Perhitungan otomatis, pembagian berdasarkan partisipasi & modal, simulasi, dan cetak laporan.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 14: Akuntansi & Keuangan -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udcca\" alt=\"Akuntansi Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Akuntansi & Keuangan<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Jurnal umum otomatis, buku besar, laporan laba rugi, neraca, arus kas, anggaran & realisasi, hingga konsolidasi pusat-cabang-unit.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 15: RAT (Rapat Anggota Tahunan) -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udde3\ufe0f\" alt=\"RAT Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">RAT (Rapat Anggota Tahunan)<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Agenda RAT, undangan, voting digital, notulen, dan arsip RAT.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 16: Loyalty & Poin Belanja -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\u2b50\" alt=\"Loyalty Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Loyalty & Poin Belanja<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Poin otomatis dari pembelian, redeem poin, dan riwayat poin.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 17: Integrasi & Otomasi -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\u2699\ufe0f\" alt=\"Integrasi Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Integrasi & Otomasi<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Integrasi dengan Payment gateway (Tripay, Midtrans), WhatsApp API (Starsender) untuk notifikasi, E-commerce koperasi, dan API untuk aplikasi lain.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 18: Pengaturan Sistem -->\r\n <div class=\"feature-card bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:-translate-y-2 p-6 flex flex-col items-center text-center border-t-4 border-blue-500 hover:border-blue-600\">\r\n <div class=\"flex-shrink-0 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/2563eb\/ffffff\/png?text=\ud83d\udee0\ufe0f\" alt=\"Pengaturan Icon\" class=\"rounded-full bg-blue-100 p-3 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-blue-700 dark:text-blue-300 mb-2 custom-cursor \">Pengaturan Sistem<\/h3>\r\n <p class=\"text-gray-600 dark:text-gray-400 text-sm custom-cursor \">Data koperasi, aturan simpanan & pinjaman, template kwitansi, hak akses user, backup & restore data.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-blue-50 dark:bg-blue-950 text-gray-900 dark:text-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-6xl\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-800 dark:text-blue-200 leading-tight mb-4 custom-cursor \">\r\n KSU Didesain untuk Koperasi Beragam Industri\r\n <\/h2>\r\n <p class=\"text-xl text-gray-700 dark:text-gray-300 max-w-3xl mx-auto custom-cursor \">\r\n KSU adalah solusi ideal bagi berbagai jenis koperasi dan organisasi yang ingin mengelola operasionalnya secara profesional, transparan, dan efisien.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mt-12\">\r\n\r\n <!-- Card 1: Koperasi Simpan Pinjam (KSP) -->\r\n <div class=\"bg-white dark:bg-blue-800 rounded-xl shadow-lg p-6 flex items-start space-x-4 hover:shadow-xl transition-shadow duration-300 ease-in-out\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/3b82f6\/ffffff\/png?text=KSP\" alt=\"KSP Icon\" class=\"flex-shrink-0 mt-1 custom-cursor \">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold text-blue-700 dark:text-white mb-2 custom-cursor \">Koperasi Simpan Pinjam (KSP)<\/h3>\r\n <p class=\"text-gray-600 dark:text-blue-100 custom-cursor \">Optimalkan manajemen simpanan, pinjaman, dan angsuran dengan sistem yang akurat dan terotomasi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2: Koperasi Konsumen (Toko\/Mart Koperasi) -->\r\n <div class=\"bg-white dark:bg-blue-800 rounded-xl shadow-lg p-6 flex items-start space-x-4 hover:shadow-xl transition-shadow duration-300 ease-in-out\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/3b82f6\/ffffff\/png?text=Mart\" alt=\"Koperasi Mart Icon\" class=\"flex-shrink-0 mt-1 custom-cursor \">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold text-blue-700 dark:text-white mb-2 custom-cursor \">Koperasi Konsumen (Toko\/Mart Koperasi)<\/h3>\r\n <p class=\"text-gray-600 dark:text-blue-100 custom-cursor \">Kelola stok, penjualan, inventaris, dan program loyalitas anggota dengan POS terintegrasi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3: Koperasi Produksi -->\r\n <div class=\"bg-white dark:bg-blue-800 rounded-xl shadow-lg p-6 flex items-start space-x-4 hover:shadow-xl transition-shadow duration-300 ease-in-out\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/3b82f6\/ffffff\/png?text=Prod\" alt=\"Koperasi Produksi Icon\" class=\"flex-shrink-0 mt-1 custom-cursor \">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold text-blue-700 dark:text-white mb-2 custom-cursor \">Koperasi Produksi<\/h3>\r\n <p class=\"text-gray-600 dark:text-blue-100 custom-cursor \">Pantau proses produksi, manajemen bahan baku, hingga distribusi hasil produksi secara efisien.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4: Koperasi Jasa (misal: jasa transportasi, jasa fotokopi) -->\r\n <div class=\"bg-white dark:bg-blue-800 rounded-xl shadow-lg p-6 flex items-start space-x-4 hover:shadow-xl transition-shadow duration-300 ease-in-out\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/3b82f6\/ffffff\/png?text=Jasa\" alt=\"Koperasi Jasa Icon\" class=\"flex-shrink-0 mt-1 custom-cursor \">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold text-blue-700 dark:text-white mb-2 custom-cursor \">Koperasi Jasa<\/h3>\r\n <p class=\"text-gray-600 dark:text-blue-100 custom-cursor \">Kelola booking layanan, jadwal, penagihan, dan keuangan untuk operasional jasa yang lancar.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 5: Koperasi Serba Usaha (KSU) -->\r\n <div class=\"bg-white dark:bg-blue-800 rounded-xl shadow-lg p-6 flex items-start space-x-4 hover:shadow-xl transition-shadow duration-300 ease-in-out\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/3b82f6\/ffffff\/png?text=KSU\" alt=\"KSU Icon\" class=\"flex-shrink-0 mt-1 custom-cursor \">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold text-blue-700 dark:text-white mb-2 custom-cursor \">Koperasi Serba Usaha (KSU)<\/h3>\r\n <p class=\"text-gray-600 dark:text-blue-100 custom-cursor \">Satu platform terintegrasi untuk mengelola berbagai unit usaha dan layanan yang beragam.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 6: Unit Usaha Milik Koperasi (UUMK) -->\r\n <div class=\"bg-white dark:bg-blue-800 rounded-xl shadow-lg p-6 flex items-start space-x-4 hover:shadow-xl transition-shadow duration-300 ease-in-out\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/3b82f6\/ffffff\/png?text=UUMK\" alt=\"UUMK Icon\" class=\"flex-shrink-0 mt-1 custom-cursor \">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold text-blue-700 dark:text-white mb-2 custom-cursor \">Unit Usaha Milik Koperasi (UUMK)<\/h3>\r\n <p class=\"text-gray-600 dark:text-blue-100 custom-cursor \">Memberikan visibilitas dan kontrol penuh atas kinerja setiap unit usaha di bawah koperasi Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 7: UMKM dengan Model Bisnis Koperasi \/ Organisasi Nirlaba dengan Pola Keanggotaan -->\r\n <div class=\"bg-white dark:bg-blue-800 rounded-xl shadow-lg p-6 flex items-start space-x-4 hover:shadow-xl transition-shadow duration-300 ease-in-out col-span-1 sm:col-span-2 lg:col-span-3\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/3b82f6\/ffffff\/png?text=UMKM\" alt=\"UMKM Icon\" class=\"flex-shrink-0 mt-1 custom-cursor \">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold text-blue-700 dark:text-white mb-2 custom-cursor \">UMKM dengan Model Bisnis Koperasi \/ Organisasi Nirlaba dengan Pola Keanggotaan<\/h3>\r\n <p class=\"text-gray-600 dark:text-blue-100 custom-cursor \">Solusi fleksibel untuk entitas non-koperasi yang membutuhkan manajemen anggota, keuangan, dan operasional terstruktur.<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Card 8: Aplikasi Koperasi Simpan Pinjam (KSP) -->\r\n <div class=\"bg-white dark:bg-blue-800 rounded-xl shadow-lg p-6 flex items-start space-x-4 hover:shadow-xl transition-shadow duration-300 ease-in-out\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/3b82f6\/ffffff\/png?text=App\" alt=\"KSP App Icon\" class=\"flex-shrink-0 mt-1 custom-cursor \">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold text-blue-700 dark:text-white mb-2 custom-cursor \">Aplikasi Koperasi Simpan Pinjam (KSP)<\/h3>\r\n <p class=\"text-gray-600 dark:text-blue-100 custom-cursor \">Akses mudah dan cepat ke layanan KSP melalui aplikasi mobile, meningkatkan kenyamanan anggota.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-5xl\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-800 dark:text-blue-400 leading-tight mb-4 custom-cursor\">\r\n Investasi Sekali, Manfaat Berkelanjutan\r\n <\/h2>\r\n <p class=\"text-xl text-gray-600 dark:text-gray-300 max-w-2xl mx-auto custom-cursor\">\r\n Dapatkan Aplikasi KSU & KSP dengan investasi yang jelas dan tanpa biaya tersembunyi. Solusi lengkap untuk transformasi digital koperasi Anda.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"flex justify-center items-center\">\r\n <div class=\"w-full max-w-md bg-white dark:bg-gray-800 rounded-2xl shadow-xl border border-blue-200 dark:border-blue-700 overflow-hidden transform hover:scale-105 transition-transform duration-300 ease-in-out\">\r\n <div class=\"p-8 bg-gradient-to-br from-blue-600 to-blue-800 dark:from-blue-700 dark:to-blue-900 text-white text-center\">\r\n <h3 class=\"text-3xl font-bold mb-2 custom-cursor\">Paket Enterprise<\/h3>\r\n <p class=\"text-lg opacity-90 custom-cursor\">Solusi paling lengkap untuk koperasi skala besar dan kompleks.<\/p>\r\n <\/div>\r\n <div class=\"p-8\">\r\n <div class=\"text-center mb-6\">\r\n <span class=\"text-5xl font-extrabold text-blue-800 dark:text-blue-400 custom-cursor\">Rp.50.000.000<\/span>\r\n <span class=\"text-xl font-medium text-gray-500 dark:text-gray-400 custom-cursor\"> (Investasi Sekali)<\/span>\r\n <\/div>\r\n <ul class=\"text-gray-700 dark:text-gray-300 space-y-3 mb-8 custom-cursor\">\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\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 Semua Modul Fitur Utama\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\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 50+ Jenis Laporan Lengkap\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\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 Integrasi Penuh (Payment Gateway, WhatsApp API, E-commerce)\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\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 Kustomisasi Laporan\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\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 Dukungan Teknis Prioritas\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\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 Implementasi & Pelatihan Awal\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\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 Gratis Pembaruan Versi Mayor\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-2 flex-shrink-0 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\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 Gratis Perbaikan Bug\r\n <\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"block w-full py-3 px-6 text-center text-white font-bold bg-blue-600 rounded-lg hover:bg-blue-700 transition-colors duration-300 ease-in-out shadow-lg hover:shadow-xl text-lg custom-cursor\">\r\n Dapatkan Penawaran Terbaik Kami!\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gray-100\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"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 <h2 class=\"text-4xl lg:text-5xl font-extrabold text-blue-800 mb-6 leading-tight custom-cursor \">\r\n Optimalkan Koperasi Anda dengan Aplikasi KSP Modern\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-8 max-w-lg mx-auto md:mx-0 custom-cursor \">\r\n Saksikan bagaimana aplikasi KSP kami merevolusi operasional koperasi simpan pinjam Anda. Kelola pinjaman, simpanan, anggota, dan keuangan dengan mudah. Jadwalkan demo personal untuk melihat langsung perbedaannya!\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 px-8 rounded-full shadow-lg transition duration-300 ease-in-out transform hover:-translate-y-1 hover:scale-105 custom-cursor \">\r\n Jadwalkan Demo Aplikasi KSP!\r\n <\/a>\r\n <\/div>\r\n <div class=\"md:w-1\/2 flex justify-center md:justify-end\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/0198ab59-df6d-7-80c4-4085f571d5c8f652.webp\" alt=\"Ilustrasi Aplikasi Koperasi Simpan Pinjam (KSP)\" class=\"rounded-lg shadow-xl max-w-full h-auto custom-cursor \">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-white\" id=\"faq\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl lg:text-5xl font-extrabold text-blue-800 mb-4 custom-cursor \">\r\n Pertanyaan Umum\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 max-w-2xl mx-auto custom-cursor \">\r\n Temukan jawaban atas pertanyaan yang sering diajukan tentang Aplikasi Koperasi Simpan Pinjam (KSP) dan Koperasi Serba Usaha (KSU) kami.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n <div class=\"md:col-span-2 flex justify-center mb-8\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/150x150\/A0D9F7\/0056B3\/png?text=KSP\/KSU\" alt=\"Ikon Pertanyaan Umum\" class=\"w-32 h-32 object-contain custom-cursor \">\r\n <\/div>\r\n\r\n <div class=\"faq-item bg-gray-50 rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center py-5 px-6 text-left text-xl font-semibold text-blue-700 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">1. Apakah aplikasi ini mendukung KSP dan KSU?<\/span>\r\n <span class=\"faq-icon transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer max-h-0 overflow-hidden px-6 transition-all duration-300 ease-in-out\">\r\n <p class=\"pb-5 text-gray-600 custom-cursor \">\r\n Ya, aplikasi kami dirancang untuk mendukung baik Koperasi Simpan Pinjam (KSP) maupun Koperasi Serba Usaha (KSU) dengan fitur yang disesuaikan untuk kebutuhan masing-masing.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item bg-gray-50 rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center py-5 px-6 text-left text-xl font-semibold text-blue-700 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">2. Apakah KSP\/KSU berbasis cloud atau on-premise?<\/span>\r\n <span class=\"faq-icon transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer max-h-0 overflow-hidden px-6 transition-all duration-300 ease-in-out\">\r\n <p class=\"pb-5 text-gray-600 custom-cursor \">\r\n Aplikasi KSP\/KSU kami adalah sistem berbasis web yang fleksibel, dapat diinstal di server Anda (on-premise) atau di cloud sesuai kebutuhan koperasi Anda, memberikan Anda kendali penuh atas infrastruktur data.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item bg-gray-50 rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center py-5 px-6 text-left text-xl font-semibold text-blue-700 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">3. Apakah data saya aman di KSP\/KSU?<\/span>\r\n <span class=\"faq-icon transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer max-h-0 overflow-hidden px-6 transition-all duration-300 ease-in-out\">\r\n <p class=\"pb-5 text-gray-600 custom-cursor \">\r\n Keamanan data adalah prioritas utama kami. Aplikasi KSP\/KSU dilengkapi dengan fitur keamanan canggih seperti enkripsi, kontrol akses berlapis, dan opsi backup data reguler untuk melindungi informasi penting koperasi Anda dari ancaman yang tidak diinginkan.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item bg-gray-50 rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center py-5 px-6 text-left text-xl font-semibold text-blue-700 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">4. Bisakah KSP\/KSU disesuaikan dengan kebutuhan spesifik koperasi saya?<\/span>\r\n <span class=\"faq-icon transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer max-h-0 overflow-hidden px-6 transition-all duration-300 ease-in-out\">\r\n <p class=\"pb-5 text-gray-600 custom-cursor \">\r\n Ya, aplikasi KSP\/KSU dirancang dengan tingkat fleksibilitas yang tinggi. Kami menawarkan opsi kustomisasi untuk modul, laporan, dan beberapa alur proses sesuai dengan kebijakan dan prosedur unik koperasi Anda, memastikan solusi yang benar-benar cocok.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item bg-gray-50 rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center py-5 px-6 text-left text-xl font-semibold text-blue-700 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">5. Bagaimana dukungan teknis setelah pembelian?<\/span>\r\n <span class=\"faq-icon transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer max-h-0 overflow-hidden px-6 transition-all duration-300 ease-in-out\">\r\n <p class=\"pb-5 text-gray-600 custom-cursor \">\r\n Kami menyediakan dukungan teknis prioritas yang responsif melalui telepon, email, dan WhatsApp. Tim ahli kami siap membantu Anda mengatasi setiap kendala, memberikan panduan, dan memastikan operasional KSP\/KSU berjalan lancar tanpa hambatan.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item bg-gray-50 rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center py-5 px-6 text-left text-xl font-semibold text-blue-700 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">6. Apakah ada biaya bulanan atau tahunan?<\/span>\r\n <span class=\"faq-icon transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer max-h-0 overflow-hidden px-6 transition-all duration-300 ease-in-out\">\r\n <p class=\"pb-5 text-gray-600 custom-cursor \">\r\n Harga yang tercantum adalah investasi satu kali untuk lisensi penggunaan dasar. Tidak ada biaya bulanan atau tahunan tersembunyi untuk penggunaan fungsionalitas inti. Pembaruan dan dukungan khusus di luar cakupan dasar dapat memiliki ketentuan terpisah.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item bg-gray-50 rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center py-5 px-6 text-left text-xl font-semibold text-blue-700 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">7. Fitur apa saja yang mendukung KSP dalam aplikasi ini?<\/span>\r\n <span class=\"faq-icon transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer max-h-0 overflow-hidden px-6 transition-all duration-300 ease-in-out\">\r\n <p class=\"pb-5 text-gray-600 custom-cursor \">\r\n Aplikasi ini dilengkapi dengan fitur lengkap untuk KSP, termasuk manajemen pinjaman, simpanan, angsuran, perhitungan bunga, laporan keuangan KSP, dan pencatatan transaksi anggota.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const faqToggles = document.querySelectorAll('.faq-toggle');\r\n\r\n faqToggles.forEach(toggle => {\r\n toggle.addEventListener('click', () => {\r\n const faqItem = toggle.closest('.faq-item');\r\n const faqAnswer = faqItem.querySelector('.faq-answer');\r\n const faqIcon = faqItem.querySelector('.faq-icon');\r\n\r\n \/\/ Close all other open FAQs\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n if (item !== faqItem && item.classList.contains('active')) {\r\n item.classList.remove('active');\r\n item.querySelector('.faq-answer').style.maxHeight = '0';\r\n item.querySelector('.faq-icon').textContent = '+';\r\n item.querySelector('.faq-icon').classList.remove('rotate-45');\r\n }\r\n });\r\n\r\n \/\/ Toggle the clicked FAQ\r\n faqItem.classList.toggle('active');\r\n if (faqItem.classList.contains('active')) {\r\n faqAnswer.style.maxHeight = faqAnswer.scrollHeight + 'px';\r\n faqIcon.textContent = 'x';\r\n faqIcon.classList.add('rotate-45');\r\n } else {\r\n faqAnswer.style.maxHeight = '0';\r\n faqIcon.textContent = '+';\r\n faqIcon.classList.remove('rotate-45');\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/section><section class=\"bg-blue-900 py-16 text-white\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12\">\r\n <!-- Kolom 1: Navigasi Cepat -->\r\n <div>\r\n <h4 class=\"text-xl font-bold mb-6 text-blue-300 custom-cursor\">Navigasi Cepat<\/h4>\r\n <ul class=\"space-y-3 custom-cursor\">\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\">Beranda<\/a><\/li>\r\n <li><a href=\"#features\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\">Fitur Utama<\/a><\/li>\r\n <li><a href=\"#solution\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\">Solusi Kami<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\">Harga<\/a><\/li>\r\n <li><a href=\"#demo\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\">Demo<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 2: Kontak Kami -->\r\n <div>\r\n <h4 class=\"text-xl font-bold mb-6 text-blue-300 custom-cursor\">Kontak Kami<\/h4>\r\n <ul class=\"space-y-3 custom-cursor\">\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-5 h-5 mr-3 text-blue-400 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\"><\/path><path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\"><\/path><\/svg>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#d6bfb8b0b996a5a2b7a4b0bfb3bab2f8bfb2\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\"><span class=\"__cf_email__\" data-cfemail=\"40292e262f00333421322629252c246e2924\">[email protected]<\/span><\/a>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"w-5 h-5 mr-3 text-blue-400 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 1.48a1 1 0 01-.188 1.114L5.4 10.518a11.05 11.05 0 003.732 3.732l1.942-1.942a1 1 0 011.114-.188l1.48.74A1 1 0 0117 14.847V17a1 1 0 01-1 1H3a1 1 0 01-1-1V3z\"><\/path><\/svg>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\">0821-3606-8256<\/a>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"w-5 h-5 mr-3 mt-1 text-blue-400 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <span class=\"text-gray-300 custom-cursor\">Villa Ciomas Indah Blok H-3 No.6 | Ciomas \u2013 Bogor<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 3: Ikuti Kami -->\r\n <div>\r\n <h4 class=\"text-xl font-bold mb-6 text-blue-300 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 duration-300 custom-cursor\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <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.33V22C17.343 21.128 22 16.991 22 12z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.007-.532A8.318 8.318 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.073 4.073 0 012 10.425v.053a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.844\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-white transition duration-300 custom-cursor\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\" d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Kolom 4: Deskripsi Singkat Perusahaan -->\r\n <div>\r\n <h4 class=\"text-xl font-bold mb-6 text-blue-300 custom-cursor\">Tentang Kami<\/h4>\r\n <p class=\"text-gray-300 custom-cursor\">\r\n Software Koperasi hadir untuk membawa koperasi Anda ke era digital. Kami berkomitmen menyediakan solusi handal dan inovatif untuk efisiensi operasional dan pertumbuhan berkelanjutan.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border-t border-gray-700 mt-12 pt-8 text-center text-gray-400\">\r\n <p class=\" custom-cursor\">\u00a9 2024 Software Koperasi. Hak Cipta Dilindungi.<\/p>\r\n <\/div>\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>KSU: Ubah Koperasi Jadi Lebih Canggih | Software Koperasi Serba Usaha KSUApp \/ KSPApp Beranda Fitur Utama Solusi Kami Harga Demo FAQ Kontak Beranda Fitur Utama Solusi Kami Harga Demo FAQ Kontak Aplikasi Koperasi Serba Usaha (KSU) & Simpan Pinjam (KSP): Transformasi Digital Koperasi Anda Sistem Informasi Koperasi berbasis web dengan fitur lengkap untuk mengelola …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12404\"> <span class=\"screen-reader-text\">software koperasi<\/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-12404","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12404","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=12404"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12404\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}