TPU Management System: Makam Terkelola, Hati Tenang - Solusi Digital No. 1!<\/title> \r\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon.png\"> \r\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.16\"><\/script> \r\n\r\n \r\n <meta name=\"description\" content=\"Kelola TPU dengan mudah & efisien! TPU Management System hadir dengan fitur lengkap, harga terjangkau. Coba demo gratis & rasakan perbedaannya sekarang!\">\r\n \r\n \r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/tpu-management-system-1753084857313\">\r\n <meta property=\"og:title\" content=\"TPU Management System: Makam Terkelola, Hati Tenang - Solusi Digital No. 1!\">\r\n <meta property=\"og:description\" content=\"Kelola TPU dengan mudah & efisien! TPU Management System hadir dengan fitur lengkap, harga terjangkau. Coba demo gratis & rasakan perbedaannya sekarang!\">\r\n <meta property=\"og:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n \r\n <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n <meta property=\"twitter:url\" content=\"\/\/id.tapsite.ai\/tpu-management-system-1753084857313\">\r\n <meta property=\"twitter:title\" content=\"TPU Management System: Makam Terkelola, Hati Tenang - Solusi Digital No. 1!\">\r\n <meta property=\"twitter:description\" content=\"Kelola TPU dengan mudah & efisien! TPU Management System hadir dengan fitur lengkap, harga terjangkau. Coba demo gratis & rasakan perbedaannya sekarang!\">\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=\"01982bff-feb6-7-87b1-64262d785f66855c\">\r\n <meta name=\"slug\" content=\"tpu-management-system-1753084857313\">\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-BCv67jZj.js\"><\/script>\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/modulepreload-polyfill-B5Qt9EMX.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-DAejP10q.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-B5SZ3-vc.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-B5aHkGbz.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-z6K5ZiyZ.js\">\r\n <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-D4AsBpfo.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"relative overflow-hidden bg-gradient-to-br from-blue-700 to-blue-900 text-white py-20 md:py-32\">\r\n <div class=\"absolute inset-0 z-0 opacity-10\">\r\n <svg class=\"w-full h-full custom-cursor \" viewBox=\"0 0 1440 800\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M0 0H1440V800H0L0 0Z\" fill=\"url(#pattern0)\"><\/path>\r\n <defs>\r\n <pattern id=\"pattern0\" patternContentUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\r\n <use xlink:href=\"#image0_1_2\" transform=\"scale(0.000694444 0.00125)\"><\/use>\r\n <\/pattern>\r\n <image id=\"image0_1_2\" width=\"1440\" height=\"800\" xlink:href=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI4MDAiIHZpZXdCb3g9IjAgMCAxNDQwIDgwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMuZ3Jvdi8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTQ0MFY4MDBIMDBMMCAwWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzFfMikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xXzIiIHgxPSI3MjAiIHkxPSIwIiB4Mj0iNzIwIiB5Mj0iODAwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VUbyBPbmdvcmUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMjkwMDc0Ii8+CjxzZ3BlIFN0b3Atb2Zmc2V0PSIwLjk5NzYzNiIgc3RvcC1jb2xvcj0iIzU3NTdBNiIvPgo8L2xpbmVlYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4=\"><\/image>\r\n <\/defs>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"container mx-auto px-6 relative z-10 flex flex-col lg:flex-row items-center justify-between gap-12\">\r\n <div class=\"text-center lg:text-left lg:w-1\/2 animate-fade-in-up\">\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 TPU Management System\r\n <span class=\"block text-blue-200 custom-cursor \">Solusi Manajemen Pemakaman Modern yang Komprehensif<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-blue-100 mb-8 max-w-2xl mx-auto lg:mx-0 custom-cursor \">\r\n Efisiensikan Operasional Pemakaman Anda dengan Teknologi Terdepan. Sebuah sistem manajemen pemakaman umum yang lengkap dengan desain modern dan fitur canggih untuk mengelola setiap aspek operasional pemakaman dengan mudah dan akurat.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 bg-emerald-400 hover:bg-emerald-500 text-blue-900 font-bold rounded-full shadow-lg transition duration-300 ease-in-out transform hover:scale-105 group custom-cursor \">\r\n <svg class=\"w-6 h-6 mr-3 text-white transition-colors duration-300 group-hover:text-blue-900 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12.039 2.031C6.547 2.031 2.039 6.539 2.039 12.031C2.039 13.91 2.541 15.698 3.447 17.276L2.039 22.031L7.045 20.654C8.599 21.492 10.287 21.983 12.039 21.983C17.531 21.983 22.039 17.475 22.039 11.983C22.039 6.491 17.531 2.031 12.039 2.031ZM16.591 16.035C16.489 16.279 15.176 16.945 14.888 17.009C14.6 17.073 14.364 17.105 14.127 17.025C13.89 16.945 12.984 16.657 11.928 16.241C10.743 15.772 9.805 14.931 9.073 13.955C8.425 13.097 7.942 12.115 7.82 11.879C7.698 11.642 7.587 11.416 7.709 11.19C7.832 10.963 8.169 10.518 8.415 10.262C8.571 10.106 8.767 10.032 8.923 10.0C9.079 9.969 9.255 9.969 9.401 10.01C9.557 10.051 9.805 10.354 10.031 10.632C10.258 10.91 10.424 11.198 10.488 11.28C10.552 11.362 10.603 11.454 10.501 11.698C10.409 11.942 9.941 12.443 9.775 12.639C9.609 12.835 9.477 12.977 9.704 13.194C9.93 13.411 10.301 13.722 10.682 13.978C11.151 14.289 11.597 14.475 11.978 14.629C12.457 14.825 12.837 14.793 13.149 14.73C13.461 14.666 14.364 14.183 14.569 13.905C14.774 13.628 14.93 13.701 15.086 13.765C15.242 13.829 16.035 14.19 16.221 14.396C16.407 14.601 16.489 14.733 16.591 14.96C16.694 15.186 16.694 15.798 16.591 16.035Z\"><\/path>\r\n <\/svg>\r\n Coba Demo Sekarang\r\n <\/a>\r\n <\/div>\r\n <div class=\"lg:w-1\/2 flex justify-center items-center lg:pl-12\">\r\n <div class=\"relative w-full max-w-lg md:max-w-xl lg:max-w-none transform perspective-1000 rotate-y-10 animate-fade-in-right\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01982c03-bef0-7-8505-a4aea84d2afa13fa.webp\" alt=\"Antarmuka Sistem TPU Management\" class=\"rounded-xl shadow-2xl transition-transform duration-500 ease-in-out hover:scale-105 custom-cursor \">\r\n <div class=\"absolute -bottom-8 -right-8 bg-blue-500\/30 backdrop-blur-sm p-4 rounded-lg shadow-xl text-sm text-blue-100 hidden md:block\">\r\n <p class=\"font-semibold custom-cursor \">Dashboard Interaktif<\/p>\r\n <p class=\"text-xs custom-cursor \">Lihat ringkasan operasional secara real-time<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-white py-16 md:py-24\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-6 custom-cursor \">Tentang <span class=\"text-blue-700 custom-cursor \">TPU Management System<\/span><\/h2>\r\n <p class=\"text-lg md:text-xl text-gray-600 mb-12 max-w-3xl mx-auto leading-relaxed custom-cursor \">\r\n TPU Management System bukan sekadar perangkat lunak, melainkan solusi komprehensif yang dirancang untuk merevolusi cara pengelolaan pemakaman umum. Kami memahami kompleksitas administrasi, data yang berantakan, dan kebutuhan akan efisiensi.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 lg:gap-16\">\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"w-20 h-20 flex items-center justify-center bg-blue-100 rounded-full mb-4\">\r\n <svg class=\"w-10 h-10 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17 13H13V17H11V13H7V11H11V7H13V11H17V13Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-gray-800 mb-3 custom-cursor \">Kemudahan Penggunaan<\/h3>\r\n <p class=\"text-gray-600 text-base custom-cursor \">Antarmuka intuitif kami memastikan setiap fitur mudah diakses dan dipahami, bahkan bagi pengguna baru. Minimalkan waktu pelatihan dan maksimalkan produktivitas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"w-20 h-20 flex items-center justify-center bg-blue-100 rounded-full mb-4\">\r\n <svg class=\"w-10 h-10 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12V22L7 17H12C17.52 17 22 12.52 22 7C22 4.47 20.9 2.22 19.12 0.81L17.71 2.22C19.09 3.49 19.98 5.17 20 7C20 11.41 16.41 15 12 15C7.59 15 4 11.41 4 7C4 5.17 4.91 3.49 6.29 2.22L4.88 0.81C3.1 2.22 2 4.47 2 7C2 12.52 6.48 17 12 17H17L22 22V12C22 6.48 17.52 2 12 2ZM12 4C10.74 4 9.53 4.22 8.44 4.63C7.35 5.04 6.38 5.66 5.56 6.44C4.74 7.22 4.12 8.19 3.71 9.28C3.3 10.37 3.08 11.58 3.08 12.84C3.08 14.1 3.3 15.31 3.71 16.4C4.12 17.49 4.74 18.46 5.56 19.24C6.38 20.02 7.35 20.64 8.44 21.05C9.53 21.46 10.74 21.68 12 21.68C13.26 21.68 14.47 21.46 15.56 21.05C16.65 20.64 17.62 20.02 18.44 19.24C19.26 18.46 19.88 17.49 20.29 16.4C20.7 15.31 20.92 14.1 20.92 12.84C20.92 11.58 20.7 10.37 20.29 9.28C19.88 8.19 19.26 7.22 18.44 6.44C17.62 5.66 16.65 5.04 15.56 4.63C14.47 4.22 13.26 4 12 4Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-gray-800 mb-3 custom-cursor \">Efisiensi Operasional<\/h3>\r\n <p class=\"text-gray-600 text-base custom-cursor \">Otomatisasi proses yang memakan waktu, dari pendaftaran hingga perpanjangan, memungkinkan staf fokus pada pelayanan yang lebih baik, bukan tugas manual yang repetitif.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"w-20 h-20 flex items-center justify-center bg-blue-100 rounded-full mb-4\">\r\n <svg class=\"w-10 h-10 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-gray-800 mb-3 custom-cursor \">Akurasi Data Terjamin<\/h3>\r\n <p class=\"text-gray-600 text-base custom-cursor \">Dengan sistem terpusat, semua data pemakaman tersimpan rapi, akurat, dan dapat diakses kapan saja. Ucapkan selamat tinggal pada kesalahan input dan data yang hilang.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-16 bg-blue-50 p-8 rounded-lg shadow-inner\">\r\n <p class=\"text-xl md:text-2xl font-semibold text-blue-800 mb-4 custom-cursor \">\r\n Ubah pengelolaan manual yang memusingkan menjadi sistem digital yang terintegrasi, transparan, dan efisien.\r\n <\/p>\r\n <p class=\"text-blue-700 text-lg custom-cursor \">\r\n TPU Management System adalah jawaban untuk tantangan manajemen pemakaman di era modern.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-gray-100 py-16 md:py-24\">\r\n <div class=\"container mx-auto px-6\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center text-gray-800 mb-12 custom-cursor \">\r\n Mengatasi Tantangan, Memberikan Solusi Terbaik\r\n <\/h2>\r\n\r\n <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\r\n <div class=\"lg:w-1\/2 bg-white p-8 rounded-xl shadow-lg border border-red-200\">\r\n <h3 class=\"text-2xl md:text-3xl font-semibold text-red-700 mb-6 text-center lg:text-left custom-cursor \">Masalah Umum yang Anda Hadapi<\/h3>\r\n <ul class=\"space-y-6 custom-cursor \">\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-red-500 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Apakah pencarian kavling pemakaman terasa rumit dan memakan waktu?<\/p>\r\n <p class=\"text-sm custom-cursor \">Anda kesulitan melacak status kavling yang tersedia, terisi, atau membutuhkan pemeliharaan? Denah yang tidak digital mempersulit visualisasi dan perencanaan.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-red-500 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2ZM18 20H6V4H13V9H18V20ZM12 11H6V13H12V11ZM12 15H6V17H12V15Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Data manual sering berantakan, rentan kesalahan, dan sulit diakses?<\/p>\r\n <p class=\"text-sm custom-cursor \">Berkas fisik menumpuk, data jenazah tidak terstruktur, dan sulit untuk mendapatkan gambaran lengkap tentang informasi penting.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-red-500 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.5 12H8.5C7.95 12 7.5 11.55 7.5 11V7C7.5 6.45 7.95 6 8.5 6H15.5C16.05 6 16.5 6.45 16.5 7V11C16.5 11.55 16.05 12 15.5 12ZM15.5 16H8.5C7.95 16 7.5 15.55 7.5 15V13C7.5 12.45 7.95 12 8.5 12H15.5C16.05 12 16.5 12.45 16.5 13V15C16.5 15.55 16.05 16 15.5 16Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Pelacakan pembayaran dan perpanjangan masa sewa sering terlewatkan?<\/p>\r\n <p class=\"text-sm custom-cursor \">Kesulitan dalam memantau status pembayaran, membuat invoice, atau memberikan notifikasi perpanjangan tepat waktu dapat menyebabkan kehilangan pendapatan.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2 bg-white p-8 rounded-xl shadow-lg border border-blue-200\">\r\n <h3 class=\"text-2xl md:text-3xl font-semibold text-blue-700 mb-6 text-center lg:text-left custom-cursor \">TPU Management System Solusinya!<\/h3>\r\n <ul class=\"space-y-6 custom-cursor \">\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M9 16.2L4.8 12L3.4 13.4L9 19L21 7L19.6 5.6L9 16.2Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Visualisasi Kavling Interaktif<\/p>\r\n <p class=\"text-sm custom-cursor \">Kelola kavling dengan sistem blok dan nomor, pantau status secara real-time, dan ekspor data dengan mudah. Denah digital memudahkan Anda menemukan dan mengelola setiap lahan.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M9 16.2L4.8 12L3.4 13.4L9 19L21 7L19.6 5.6L9 16.2Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Manajemen Data Terpusat & Akurat<\/p>\r\n <p class=\"text-sm custom-cursor \">Proses pendaftaran jenazah cepat dengan data lengkap, unggah dokumen pendukung, dan lacak status secara digital. Semua informasi aman dan terorganisir di satu tempat.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M9 16.2L4.8 12L3.4 13.4L9 19L21 7L19.6 5.6L9 16.2Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Sistem Pembayaran & Perpanjangan Otomatis<\/p>\r\n <p class=\"text-sm custom-cursor \">Dukungan berbagai metode pembayaran, invoice otomatis, dan pelacakan status real-time. Dapatkan notifikasi proaktif untuk perpanjangan, menghitung biaya secara otomatis, dan pastikan tidak ada lagi yang terlewat.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-white text-gray-800\">\r\n <div class=\"container mx-auto px-6 max-w-6xl\">\r\n <h2 class=\"text-4xl font-bold text-center mb-12 text-blue-800 custom-cursor \">Fitur Utama TPU Management System<\/h2>\r\n <p class=\"text-xl text-center mb-16 max-w-3xl mx-auto text-gray-600 custom-cursor \">Jelajahi berbagai fitur canggih yang dirancang untuk mengoptimalkan setiap aspek operasional pemakaman Anda, memastikan efisiensi dan akurasi yang tak tertandingi.<\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 001 1h3m-6-11v4a1 1 0 01-1 1H9m7-4a1 1 0 00-1-1H9a1 1 0 00-1 1m7 0v4a1 1 0 01-1 1H9m0 0v10a1 1 0 001 1h3m-3-11h3m-3 0V9a1 1 0 011-1h2a1 1 0 011 1v10m-2 0h-2\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Manajemen Kavling<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Kelola kavling pemakaman dengan sistem blok dan nomor yang intuitif. Pantau status (tersedia, terisi, dipelihara, rusak) dan visualisasikan denah kavling secara akurat. Ekspor data dengan mudah dan lakukan operasi massal untuk efisiensi maksimal.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Sistem Pendaftaran Pemakaman<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Proses pendaftaran jenazah yang cepat dan mudah dengan pengumpulan data lengkap dan terstruktur. Unggah dokumen pendukung, lacak status pendaftaran, dan integrasikan dengan sistem pembayaran untuk alur kerja yang mulus.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Sistem Pembayaran & Billing<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Dukungan komprehensif untuk berbagai jenis dan metode pembayaran, termasuk tunai, transfer bank, QRIS, dan e-wallet. Buat invoice dan kuitansi otomatis, serta lacak status pembayaran secara real-time untuk transparansi finansial.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h.01M16 16h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Manajemen Perpanjangan<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Sistem otomatis untuk perpanjangan masa sewa kavling, dilengkapi dengan notifikasi proaktif untuk kavling yang akan berakhir. Hitung biaya perpanjangan secara otomatis, mengurangi beban administratif dan kesalahan manual.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Manajemen Kunjungan<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Registrasi pengunjung yang efisien dan modern dengan dukungan QR code. Lacak jam masuk dan keluar secara akurat, serta hasilkan laporan kunjungan harian atau bulanan untuk pemantauan yang lebih baik.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-7 0V5a2 2 0 012-2h7a2 2 0 012 2v1m-7 0h2m-7 4v2m-6-2h6\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Manajemen Petugas<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Kelola data petugas secara lengkap, termasuk foto dan informasi kontak. Atur jadwal kerja dan shift dengan mudah, lacak kehadiran, serta permudah manajemen gaji untuk operasional yang lancar.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v-2m3 2v-4m3 2v-6m2 9H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Sistem Laporan Komprehensif<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Dapatkan gambaran operasional secara instan melalui dasbor statistik real-time yang intuitif. Akses laporan keuangan dan operasional yang komprehensif, dapat diekspor ke berbagai format untuk analisis mendalam.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gradient-to-br from-blue-50 to-white text-gray-800\">\r\n <div class=\"container mx-auto px-6 max-w-6xl\">\r\n <h2 class=\"text-4xl font-bold text-center mb-12 text-blue-800 custom-cursor \">TPU Management System Cocok Untuk Siapa?<\/h2>\r\n <p class=\"text-xl text-center mb-16 max-w-3xl mx-auto text-gray-600 custom-cursor \">Sistem kami dirancang untuk memenuhi kebutuhan berbagai entitas yang bertanggung jawab atas pengelolaan pemakaman umum dan swasta.<\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <div class=\"flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/E0F2F7\/2196F3\/png?text=Pemerintah%0ADaerah\" alt=\"Pemerintah Daerah\" class=\"w-32 h-32 mb-6 rounded-full object-cover border-4 border-blue-200 custom-cursor \">\r\n <h3 class=\"text-2xl font-semibold mb-2 text-blue-700 custom-cursor \">Pemerintah Daerah<\/h3>\r\n <p class=\"text-gray-600 custom-cursor \">Ideal untuk pengelolaan TPU di bawah Dinas Tata Kota atau Lingkungan Hidup, membantu otorisasi, koordinasi, dan transparansi.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/E8F5E9\/4CAF50\/png?text=TPU%0ASwasta\" alt=\"Pengelola TPU Swasta\" class=\"w-32 h-32 mb-6 rounded-full object-cover border-4 border-green-200 custom-cursor \">\r\n <h3 class=\"text-2xl font-semibold mb-2 text-blue-700 custom-cursor \">Pengelola TPU Swasta<\/h3>\r\n <p class=\"text-gray-600 custom-cursor \">Meningkatkan efisiensi operasional, pelayanan pelanggan, dan manajemen aset untuk TPU swasta yang modern dan profesional.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/FFF3E0\/FF9800\/png?text=Yayasan%0APemakaman\" alt=\"Yayasan Pemakaman\" class=\"w-32 h-32 mb-6 rounded-full object-cover border-4 border-orange-200 custom-cursor \">\r\n <h3 class=\"text-2xl font-semibold mb-2 text-blue-700 custom-cursor \">Yayasan Pemakaman<\/h3>\r\n <p class=\"text-gray-600 custom-cursor \">Memudahkan administrasi, pelacakan aset, dan pengelolaan layanan untuk yayasan yang berdedikasi pada pelayanan pemakaman.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/F3E5F5\/9C27B0\/png?text=Tata%0AKota\" alt=\"Departemen Tata Kota\" class=\"w-32 h-32 mb-6 rounded-full object-cover border-4 border-purple-200 custom-cursor \">\r\n <h3 class=\"text-2xl font-semibold mb-2 text-blue-700 custom-cursor \">Departemen Tata Kota<\/h3>\r\n <p class=\"text-gray-600 custom-cursor \">Mendukung perencanaan, pengembangan, dan pengelolaan lahan pemakaman yang lebih baik sebagai bagian dari infrastruktur kota.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gray-50 text-gray-800\">\r\n <div class=\"container mx-auto px-6 max-w-4xl\">\r\n <h2 class=\"text-4xl font-bold text-center mb-12 text-blue-800 custom-cursor \">Investasi untuk Efisiensi Optimal<\/h2>\r\n <p class=\"text-xl text-center mb-16 max-w-2xl mx-auto text-gray-600 custom-cursor \">Dapatkan solusi manajemen pemakaman terlengkap dengan harga transparan dan tanpa biaya tersembunyi. Investasi sekali, manfaat jangka panjang.<\/p>\r\n\r\n <div class=\"max-w-md mx-auto bg-white rounded-lg shadow-2xl overflow-hidden border border-blue-100 transform hover:scale-105 transition-transform duration-300\">\r\n <div class=\"bg-blue-600 text-white p-8 text-center\">\r\n <h3 class=\"text-3xl font-semibold mb-2 custom-cursor \">Paket Profesional<\/h3>\r\n <p class=\"text-5xl font-extrabold mb-2 custom-cursor \">Rp 15.000.000<\/p>\r\n <p class=\"text-lg opacity-90 custom-cursor \">Harga untuk lisensi penuh<\/p>\r\n <\/div>\r\n <div class=\"p-8\">\r\n <ul class=\"space-y-4 mb-8 custom-cursor \">\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Manajemen Kavling Lengkap<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Sistem Pendaftaran Jenazah<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Manajemen Pembayaran & Billing<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Sistem Perpanjangan Otomatis<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Manajemen Kunjungan<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Manajemen Petugas<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Sistem Laporan Komprehensif<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Dukungan Teknis Prioritas<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Pembaruan Software Gratis<\/span>\r\n <\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"block w-full text-center py-4 px-6 bg-blue-600 text-white font-bold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 transition-all duration-300 transform hover:scale-105 custom-cursor \">\r\n Hubungi Kami untuk Penawaran Kustom\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-blue-700 text-white py-16 md:py-24 px-4 sm:px-6 lg:px-8\">\r\n <div class=\"max-w-4xl mx-auto text-center\">\r\n <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold leading-tight mb-6 custom-cursor \">\r\n Rasakan Kemudahan Manajemen Pemakaman dengan Demo Gratis!\r\n <\/h2>\r\n <p class=\"text-lg sm:text-xl mb-10 opacity-90 max-w-2xl mx-auto custom-cursor \">\r\n Jangan lewatkan kesempatan untuk melihat langsung bagaimana TPU Management System dapat mengubah operasional pemakaman Anda. Jadwalkan demo personal sekarang!\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 bg-green-500 hover:bg-green-600 text-white text-lg sm:text-xl font-bold rounded-full shadow-lg transform transition-transform duration-300 hover:scale-105 active:scale-95 focus:outline-none focus:ring-4 focus:ring-green-400 focus:ring-opacity-75 group custom-cursor \">\r\n <svg class=\"w-6 h-6 mr-3 -ml-1 text-white group-hover:animate-bounce-quick custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.5 3.44 1.46 4.96L2 22l5.25-1.38c1.45.79 3.08 1.21 4.79 1.21 5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zm5.72 14.5c-.24.19-.57.29-.88.29-.02 0-.04 0-.07-.01-.3-.08-.83-.34-1.74-.79-.9-.45-1.57-.65-2.2-.65-.63 0-1.26.16-1.75.65-.49.49-1.09 1.27-1.37 1.52-.28.25-.53.28-.98.11-.45-.17-1.9-.7-3.62-2.22-1.34-1.26-2.24-2.82-2.5-3.25-.26-.44-.03-.68.19-.9.2-.21.49-.51.74-.76.25-.25.33-.45.5-.7-.17-.4-.8-.98-.98-1.4-.18-.41-.02-.78.1-.8-.12-.01.27-.08.77.21.5.29.82.72 1.05.97.23.25.38.28.62.11.24-.17.77-.28 1.47-.35.7-.07 1.26-.04 1.76.08.5.12.77.37.95.6.18.23.23.46.06.84-.17.38-.63.95-.83 1.15-.2.2-.4.4-.1.65.29.25.61.54.96.84.35.3.69.57.99.76.3.19.64.29.92.29.28 0 .55-.1.74-.29.19-.19.29-.49.29-.79 0-.3-.11-.45-.25-.6-.14-.15-.34-.3-.49-.45-.15-.15-.29-.24-.45-.4-.16-.16-.36-.37-.53-.57-.17-.2-.25-.3-.25-.57 0-.27.2-.6.44-.83.24-.24.4-.33.58-.42.18-.09.38-.13.62-.13.24 0 .44.02.62.09.18.07.4.21.62.45.22.25.39.46.51.62.12.16.24.33.34.45.1.12.2.22.3.31.1.09.18.17.25.22.07.05.15.1.25.17.1.07.18.12.25.16.07.04.1.06.12.06.02 0 .04 0 .07.01z\"><\/path>\r\n <\/svg>\r\n Coba Demo Sekarang via WhatsApp\r\n <\/a>\r\n <div class=\"mt-12 flex justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01982c03-bef0-7-8505-a4aea84d2afa13fa.webp\" alt=\"Antarmuka Sistem TPU Management System\" class=\"rounded-lg shadow-xl border-4 border-blue-600 transform hover:scale-102 transition-transform duration-300 ease-out custom-cursor highlight-active\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-gray-50 py-16 md:py-24 px-4 sm:px-6 lg:px-8\" id=\"faq-section\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-gray-900 mb-12 text-center custom-cursor \">\r\n Pertanyaan yang Sering Diajukan\r\n <\/h2>\r\n\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-1\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Apakah TPU Management System dapat diintegrasikan dengan sistem lain yang sudah ada?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-1\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Ya, TPU Management System dirancang dengan arsitektur yang fleksibel dan modular, memungkinkan potensi integrasi dengan sistem eksternal atau aplikasi pihak ketiga lainnya melalui API (Application Programming Interface) yang relevan. Kami akan membantu Anda mengevaluasi dan merencanakan integrasi yang sesuai dengan kebutuhan spesifik Anda.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-2\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Bagaimana keamanan data yang disimpan dalam software ini?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-2\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Keamanan data adalah prioritas utama kami. TPU Management System menggunakan enkripsi data canggih, kontrol akses berbasis peran, dan praktik keamanan terbaik untuk melindungi informasi sensitif Anda. Server kami juga dilindungi dengan firewall dan sistem pemantauan 24\/7 untuk mencegah akses tidak sah.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-3\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Apakah ada dukungan teknis setelah pembelian?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-3\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Tentu saja! Kami menyediakan dukungan teknis prioritas setelah pembelian, termasuk bantuan implementasi awal, pelatihan penggunaan, serta dukungan berkelanjutan untuk pertanyaan atau masalah teknis yang mungkin Anda hadapi. Tim kami siap membantu Anda kapan saja.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-4\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Bisakah software ini diakses dari mana saja?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-4\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Ya, TPU Management System adalah aplikasi berbasis web yang dapat diakses melalui browser internet dari perangkat apa pun (desktop, laptop, tablet, atau smartphone) selama terhubung dengan internet. Ini memberikan fleksibilitas penuh untuk mengelola operasional dari mana saja dan kapan saja.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-5\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Berapa lama waktu yang dibutuhkan untuk implementasi?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-5\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Waktu implementasi bervariasi tergantung pada kompleksitas data dan kebutuhan kustomisasi. Namun, kami berusaha untuk membuat prosesnya secepat dan semulus mungkin, biasanya berkisar dari beberapa minggu hingga satu bulan, termasuk pelatihan dan migrasi data jika diperlukan.\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', function() {\r\n const faqQuestions = document.querySelectorAll('.faq-question');\r\n\r\n faqQuestions.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const targetId = button.getAttribute('aria-controls');\r\n const answer = document.getElementById(targetId);\r\n const isExpanded = button.getAttribute('aria-expanded') === 'true';\r\n const arrow = button.querySelector('.faq-arrow');\r\n\r\n \/\/ Close all other open answers\r\n faqQuestions.forEach(otherButton => {\r\n if (otherButton !== button) {\r\n const otherTargetId = otherButton.getAttribute('aria-controls');\r\n const otherAnswer = document.getElementById(otherTargetId);\r\n const otherArrow = otherButton.querySelector('.faq-arrow');\r\n\r\n if (otherButton.getAttribute('aria-expanded') === 'true') {\r\n otherButton.setAttribute('aria-expanded', 'false');\r\n otherAnswer.classList.add('hidden');\r\n otherAnswer.setAttribute('aria-hidden', 'true');\r\n otherArrow.classList.remove('rotate-180');\r\n }\r\n }\r\n });\r\n\r\n \/\/ Toggle current answer\r\n if (isExpanded) {\r\n button.setAttribute('aria-expanded', 'false');\r\n answer.classList.add('hidden');\r\n answer.setAttribute('aria-hidden', 'true');\r\n arrow.classList.remove('rotate-180');\r\n } else {\r\n button.setAttribute('aria-expanded', 'true');\r\n answer.classList.remove('hidden');\r\n answer.setAttribute('aria-hidden', 'false');\r\n arrow.classList.add('rotate-180');\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/section><section class=\"bg-gray-800 text-gray-300 py-16 md:py-20 px-4 sm:px-6 lg:px-8\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 md:gap-12\">\r\n \r\n <div class=\"col-span-1 md:col-span-1 flex flex-col items-center md:items-start text-center md:text-left\">\r\n <a href=\"#\" class=\"inline-flex items-center mb-4 custom-cursor \">\r\n \r\n <div class=\"w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center text-white font-bold text-xl mr-3\">\r\n TPU\r\n <\/div>\r\n <span class=\"text-2xl font-bold text-white custom-cursor \">TPU System<\/span>\r\n <\/a>\r\n <p class=\"text-sm text-gray-400 custom-cursor \">\r\n Solusi Manajemen Pemakaman Modern yang Komprehensif.\r\n <\/p>\r\n <div class=\"flex mt-6 space-x-4\">\r\n \r\n <a href=\"#\" class=\"text-gray-400 hover:text-blue-400 transition-colors duration-200 custom-cursor \">\r\n <svg class=\"w-6 h-6 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\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.33V22C18.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-400 hover:text-blue-400 transition-colors duration-200 custom-cursor \">\r\n <svg class=\"w-6 h-6 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\" d=\"M12.277 1.884a1.868 1.868 0 00-.775 0 2.124 2.124 0 01-1.442.247c-.636.104-1.258.337-1.871.698-.94.568-1.84 1.358-2.585 2.296A10.875 10.875 0 001.3 12c0 2.916.96 5.645 2.659 7.876.745.938 1.645 1.728 2.585 2.296.613.361 1.235.594 1.871.698a2.124 2.124 0 011.442.247 1.868 1.868 0 00.775 0 2.124 2.124 0 011.442-.247c.636-.104 1.258-.337 1.871-.698.94-.568 1.84-1.358 2.585-2.296A10.875 10.875 0 0022.7 12c0-2.916-.96-5.645-2.659-7.876-.745-.938-1.645-1.728-2.585-2.296-.613-.361-1.235-.594-1.871-.698a2.124 2.124 0 01-1.442-.247zM15.116 16.5c-.324.22-.572.298-.82.298-.02 0-.04 0-.07-.01-.3-.08-.83-.34-1.74-.79-.9-.45-1.57-.65-2.2-.65-.63 0-1.26.16-1.75.65-.49.49-1.09 1.27-1.37 1.52-.28.25-.53.28-.98.11-.45-.17-1.9-.7-3.62-2.22-1.34-1.26-2.24-2.82-2.5-3.25-.26-.44-.03-.68.19-.9.2-.21.49-.51.74-.76.25-.25.33-.45.5-.7-.17-.4-.8-.98-.98-1.4-.18-.41-.02-.78.1-.8-.12-.01.27-.08.77.21.5.29.82.72 1.05.97.23.25.38.28.62.11.24-.17.77-.28 1.47-.35.7-.07 1.26-.04 1.76.08.5.12.77.37.95.6.18.23.23.46.06.84-.17.38-.63.95-.83 1.15-.2.2-.4.4-.1.65.29.25.61.54.96.84.35.3.69.57.99.76.3.19.64.29.92.29.28 0 .55-.1.74-.29.19-.19.29-.49.29-.79 0-.3-.11-.45-.25-.6-.14-.15-.34-.3-.49-.45-.15-.15-.29-.24-.45-.4-.16-.16-.36-.37-.53-.57-.17-.2-.25-.3-.25-.57 0-.27.2-.6.44-.83.24-.24.4-.33.58-.42.18-.09.38-.13.62-.13.24 0 .44.02.62.09.18.07.4.21.62.45.22.25.39.46.51.62.12.16.24.33.34.45.1.12.2.22.3.31.1.09.18.17.25.22.07.05.15.1.25.17.1.07.18.12.25.16.07.04.1.06.12.06.02 0 .04 0 .07.01z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 md:col-span-1 text-center md:text-left\">\r\n <h3 class=\"text-lg font-semibold text-white mb-4 custom-cursor \">Navigasi<\/h3>\r\n <ul class=\"space-y-2 custom-cursor \">\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Tentang Kami<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Fitur<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Harga<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Demo<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 md:col-span-1 text-center md:text-left\">\r\n <h3 class=\"text-lg font-semibold text-white mb-4 custom-cursor \">Hubungi Kami<\/h3>\r\n <ul class=\"space-y-2 custom-cursor \">\r\n <li class=\"flex items-center justify-center md:justify-start\">\r\n <svg class=\"w-5 h-5 mr-2 text-gray-400 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"><\/path>\r\n <\/svg>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#8ee7e0e8e1cefdfaeffce8e7ebe2eaa0e7ea\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \"><span class=\"__cf_email__\" data-cfemail=\"2c45424a436c5f584d5e4a45494048024548\">[email protected]<\/span><\/a>\r\n <\/li>\r\n <li class=\"flex items-center justify-center md:justify-start\">\r\n <svg class=\"w-5 h-5 mr-2 text-gray-400 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.32.57 3.57.57.55 0 1 .45 1 1v3.5c0 .55-.45 1-1 1C12.95 21 3 11.05 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.12.35.03.75-.25 1.02l-2.2 2.2z\"><\/path>\r\n <\/svg>\r\n <a href=\"tel:+6282136068256\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">0821-3606-8256<\/a>\r\n <\/li>\r\n <li class=\"flex items-start justify-center md:justify-start\">\r\n <svg class=\"w-5 h-5 mr-2 mt-1 text-gray-400 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"><\/path>\r\n <\/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 \r\n <div class=\"col-span-1 md:col-span-1 text-center md:text-left\">\r\n <h3 class=\"text-lg font-semibold text-white mb-4 custom-cursor \">Informasi Tambahan<\/h3>\r\n <ul class=\"space-y-2 custom-cursor \">\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Kebijakan Privasi<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Syarat dan Ketentuan<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Karir<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border-t border-gray-700 mt-12 pt-8 text-center text-sm text-gray-400\">\r\n \u00a9 <span id=\"current-year\" class=\"custom-cursor \"><\/span> TPU Management System. Hak Cipta Dilindungi. Dibuat oleh Starfield.\r\n <\/div>\r\n <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\r\n document.getElementById('current-year').textContent = new Date().getFullYear();\r\n <\/script>\r\n<\/section>\r\n\r\n \r\n \r\n\r\n<\/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>TPU Management System: Makam Terkelola, Hati Tenang – Solusi Digital No. 1! TPU Management System Solusi Manajemen Pemakaman Modern yang Komprehensif Efisiensikan Operasional Pemakaman Anda dengan Teknologi Terdepan. Sebuah sistem manajemen pemakaman umum yang lengkap dengan desain modern dan fitur canggih untuk mengelola setiap aspek operasional pemakaman dengan mudah dan akurat. Coba Demo Sekarang Dashboard …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12180\"> <span class=\"screen-reader-text\">software tpu (tempat pemakaman umum)<\/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-12180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12180","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=12180"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12180\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n TPU Management System: Makam Terkelola, Hati Tenang - Solusi Digital No. 1!<\/title> \r\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon.png\"> \r\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.16\"><\/script> \r\n\r\n \r\n <meta name=\"description\" content=\"Kelola TPU dengan mudah & efisien! TPU Management System hadir dengan fitur lengkap, harga terjangkau. Coba demo gratis & rasakan perbedaannya sekarang!\">\r\n \r\n \r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/tpu-management-system-1753084857313\">\r\n <meta property=\"og:title\" content=\"TPU Management System: Makam Terkelola, Hati Tenang - Solusi Digital No. 1!\">\r\n <meta property=\"og:description\" content=\"Kelola TPU dengan mudah & efisien! TPU Management System hadir dengan fitur lengkap, harga terjangkau. Coba demo gratis & rasakan perbedaannya sekarang!\">\r\n <meta property=\"og:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n \r\n <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n <meta property=\"twitter:url\" content=\"\/\/id.tapsite.ai\/tpu-management-system-1753084857313\">\r\n <meta property=\"twitter:title\" content=\"TPU Management System: Makam Terkelola, Hati Tenang - Solusi Digital No. 1!\">\r\n <meta property=\"twitter:description\" content=\"Kelola TPU dengan mudah & efisien! TPU Management System hadir dengan fitur lengkap, harga terjangkau. Coba demo gratis & rasakan perbedaannya sekarang!\">\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=\"01982bff-feb6-7-87b1-64262d785f66855c\">\r\n <meta name=\"slug\" content=\"tpu-management-system-1753084857313\">\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-BCv67jZj.js\"><\/script>\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/modulepreload-polyfill-B5Qt9EMX.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-DAejP10q.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-B5SZ3-vc.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-B5aHkGbz.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-z6K5ZiyZ.js\">\r\n <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-D4AsBpfo.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"relative overflow-hidden bg-gradient-to-br from-blue-700 to-blue-900 text-white py-20 md:py-32\">\r\n <div class=\"absolute inset-0 z-0 opacity-10\">\r\n <svg class=\"w-full h-full custom-cursor \" viewBox=\"0 0 1440 800\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M0 0H1440V800H0L0 0Z\" fill=\"url(#pattern0)\"><\/path>\r\n <defs>\r\n <pattern id=\"pattern0\" patternContentUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\r\n <use xlink:href=\"#image0_1_2\" transform=\"scale(0.000694444 0.00125)\"><\/use>\r\n <\/pattern>\r\n <image id=\"image0_1_2\" width=\"1440\" height=\"800\" xlink:href=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI4MDAiIHZpZXdCb3g9IjAgMCAxNDQwIDgwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMuZ3Jvdi8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTQ0MFY4MDBIMDBMMCAwWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzFfMikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xXzIiIHgxPSI3MjAiIHkxPSIwIiB4Mj0iNzIwIiB5Mj0iODAwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VUbyBPbmdvcmUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMjkwMDc0Ii8+CjxzZ3BlIFN0b3Atb2Zmc2V0PSIwLjk5NzYzNiIgc3RvcC1jb2xvcj0iIzU3NTdBNiIvPgo8L2xpbmVlYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4=\"><\/image>\r\n <\/defs>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"container mx-auto px-6 relative z-10 flex flex-col lg:flex-row items-center justify-between gap-12\">\r\n <div class=\"text-center lg:text-left lg:w-1\/2 animate-fade-in-up\">\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 TPU Management System\r\n <span class=\"block text-blue-200 custom-cursor \">Solusi Manajemen Pemakaman Modern yang Komprehensif<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-blue-100 mb-8 max-w-2xl mx-auto lg:mx-0 custom-cursor \">\r\n Efisiensikan Operasional Pemakaman Anda dengan Teknologi Terdepan. Sebuah sistem manajemen pemakaman umum yang lengkap dengan desain modern dan fitur canggih untuk mengelola setiap aspek operasional pemakaman dengan mudah dan akurat.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 bg-emerald-400 hover:bg-emerald-500 text-blue-900 font-bold rounded-full shadow-lg transition duration-300 ease-in-out transform hover:scale-105 group custom-cursor \">\r\n <svg class=\"w-6 h-6 mr-3 text-white transition-colors duration-300 group-hover:text-blue-900 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12.039 2.031C6.547 2.031 2.039 6.539 2.039 12.031C2.039 13.91 2.541 15.698 3.447 17.276L2.039 22.031L7.045 20.654C8.599 21.492 10.287 21.983 12.039 21.983C17.531 21.983 22.039 17.475 22.039 11.983C22.039 6.491 17.531 2.031 12.039 2.031ZM16.591 16.035C16.489 16.279 15.176 16.945 14.888 17.009C14.6 17.073 14.364 17.105 14.127 17.025C13.89 16.945 12.984 16.657 11.928 16.241C10.743 15.772 9.805 14.931 9.073 13.955C8.425 13.097 7.942 12.115 7.82 11.879C7.698 11.642 7.587 11.416 7.709 11.19C7.832 10.963 8.169 10.518 8.415 10.262C8.571 10.106 8.767 10.032 8.923 10.0C9.079 9.969 9.255 9.969 9.401 10.01C9.557 10.051 9.805 10.354 10.031 10.632C10.258 10.91 10.424 11.198 10.488 11.28C10.552 11.362 10.603 11.454 10.501 11.698C10.409 11.942 9.941 12.443 9.775 12.639C9.609 12.835 9.477 12.977 9.704 13.194C9.93 13.411 10.301 13.722 10.682 13.978C11.151 14.289 11.597 14.475 11.978 14.629C12.457 14.825 12.837 14.793 13.149 14.73C13.461 14.666 14.364 14.183 14.569 13.905C14.774 13.628 14.93 13.701 15.086 13.765C15.242 13.829 16.035 14.19 16.221 14.396C16.407 14.601 16.489 14.733 16.591 14.96C16.694 15.186 16.694 15.798 16.591 16.035Z\"><\/path>\r\n <\/svg>\r\n Coba Demo Sekarang\r\n <\/a>\r\n <\/div>\r\n <div class=\"lg:w-1\/2 flex justify-center items-center lg:pl-12\">\r\n <div class=\"relative w-full max-w-lg md:max-w-xl lg:max-w-none transform perspective-1000 rotate-y-10 animate-fade-in-right\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01982c03-bef0-7-8505-a4aea84d2afa13fa.webp\" alt=\"Antarmuka Sistem TPU Management\" class=\"rounded-xl shadow-2xl transition-transform duration-500 ease-in-out hover:scale-105 custom-cursor \">\r\n <div class=\"absolute -bottom-8 -right-8 bg-blue-500\/30 backdrop-blur-sm p-4 rounded-lg shadow-xl text-sm text-blue-100 hidden md:block\">\r\n <p class=\"font-semibold custom-cursor \">Dashboard Interaktif<\/p>\r\n <p class=\"text-xs custom-cursor \">Lihat ringkasan operasional secara real-time<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-white py-16 md:py-24\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-6 custom-cursor \">Tentang <span class=\"text-blue-700 custom-cursor \">TPU Management System<\/span><\/h2>\r\n <p class=\"text-lg md:text-xl text-gray-600 mb-12 max-w-3xl mx-auto leading-relaxed custom-cursor \">\r\n TPU Management System bukan sekadar perangkat lunak, melainkan solusi komprehensif yang dirancang untuk merevolusi cara pengelolaan pemakaman umum. Kami memahami kompleksitas administrasi, data yang berantakan, dan kebutuhan akan efisiensi.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 lg:gap-16\">\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"w-20 h-20 flex items-center justify-center bg-blue-100 rounded-full mb-4\">\r\n <svg class=\"w-10 h-10 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17 13H13V17H11V13H7V11H11V7H13V11H17V13Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-gray-800 mb-3 custom-cursor \">Kemudahan Penggunaan<\/h3>\r\n <p class=\"text-gray-600 text-base custom-cursor \">Antarmuka intuitif kami memastikan setiap fitur mudah diakses dan dipahami, bahkan bagi pengguna baru. Minimalkan waktu pelatihan dan maksimalkan produktivitas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"w-20 h-20 flex items-center justify-center bg-blue-100 rounded-full mb-4\">\r\n <svg class=\"w-10 h-10 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12V22L7 17H12C17.52 17 22 12.52 22 7C22 4.47 20.9 2.22 19.12 0.81L17.71 2.22C19.09 3.49 19.98 5.17 20 7C20 11.41 16.41 15 12 15C7.59 15 4 11.41 4 7C4 5.17 4.91 3.49 6.29 2.22L4.88 0.81C3.1 2.22 2 4.47 2 7C2 12.52 6.48 17 12 17H17L22 22V12C22 6.48 17.52 2 12 2ZM12 4C10.74 4 9.53 4.22 8.44 4.63C7.35 5.04 6.38 5.66 5.56 6.44C4.74 7.22 4.12 8.19 3.71 9.28C3.3 10.37 3.08 11.58 3.08 12.84C3.08 14.1 3.3 15.31 3.71 16.4C4.12 17.49 4.74 18.46 5.56 19.24C6.38 20.02 7.35 20.64 8.44 21.05C9.53 21.46 10.74 21.68 12 21.68C13.26 21.68 14.47 21.46 15.56 21.05C16.65 20.64 17.62 20.02 18.44 19.24C19.26 18.46 19.88 17.49 20.29 16.4C20.7 15.31 20.92 14.1 20.92 12.84C20.92 11.58 20.7 10.37 20.29 9.28C19.88 8.19 19.26 7.22 18.44 6.44C17.62 5.66 16.65 5.04 15.56 4.63C14.47 4.22 13.26 4 12 4Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-gray-800 mb-3 custom-cursor \">Efisiensi Operasional<\/h3>\r\n <p class=\"text-gray-600 text-base custom-cursor \">Otomatisasi proses yang memakan waktu, dari pendaftaran hingga perpanjangan, memungkinkan staf fokus pada pelayanan yang lebih baik, bukan tugas manual yang repetitif.<\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center p-6 bg-gray-50 rounded-lg shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"w-20 h-20 flex items-center justify-center bg-blue-100 rounded-full mb-4\">\r\n <svg class=\"w-10 h-10 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold text-gray-800 mb-3 custom-cursor \">Akurasi Data Terjamin<\/h3>\r\n <p class=\"text-gray-600 text-base custom-cursor \">Dengan sistem terpusat, semua data pemakaman tersimpan rapi, akurat, dan dapat diakses kapan saja. Ucapkan selamat tinggal pada kesalahan input dan data yang hilang.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-16 bg-blue-50 p-8 rounded-lg shadow-inner\">\r\n <p class=\"text-xl md:text-2xl font-semibold text-blue-800 mb-4 custom-cursor \">\r\n Ubah pengelolaan manual yang memusingkan menjadi sistem digital yang terintegrasi, transparan, dan efisien.\r\n <\/p>\r\n <p class=\"text-blue-700 text-lg custom-cursor \">\r\n TPU Management System adalah jawaban untuk tantangan manajemen pemakaman di era modern.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-gray-100 py-16 md:py-24\">\r\n <div class=\"container mx-auto px-6\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center text-gray-800 mb-12 custom-cursor \">\r\n Mengatasi Tantangan, Memberikan Solusi Terbaik\r\n <\/h2>\r\n\r\n <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\r\n <div class=\"lg:w-1\/2 bg-white p-8 rounded-xl shadow-lg border border-red-200\">\r\n <h3 class=\"text-2xl md:text-3xl font-semibold text-red-700 mb-6 text-center lg:text-left custom-cursor \">Masalah Umum yang Anda Hadapi<\/h3>\r\n <ul class=\"space-y-6 custom-cursor \">\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-red-500 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Apakah pencarian kavling pemakaman terasa rumit dan memakan waktu?<\/p>\r\n <p class=\"text-sm custom-cursor \">Anda kesulitan melacak status kavling yang tersedia, terisi, atau membutuhkan pemeliharaan? Denah yang tidak digital mempersulit visualisasi dan perencanaan.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-red-500 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2ZM18 20H6V4H13V9H18V20ZM12 11H6V13H12V11ZM12 15H6V17H12V15Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Data manual sering berantakan, rentan kesalahan, dan sulit diakses?<\/p>\r\n <p class=\"text-sm custom-cursor \">Berkas fisik menumpuk, data jenazah tidak terstruktur, dan sulit untuk mendapatkan gambaran lengkap tentang informasi penting.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-red-500 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.5 12H8.5C7.95 12 7.5 11.55 7.5 11V7C7.5 6.45 7.95 6 8.5 6H15.5C16.05 6 16.5 6.45 16.5 7V11C16.5 11.55 16.05 12 15.5 12ZM15.5 16H8.5C7.95 16 7.5 15.55 7.5 15V13C7.5 12.45 7.95 12 8.5 12H15.5C16.05 12 16.5 12.45 16.5 13V15C16.5 15.55 16.05 16 15.5 16Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Pelacakan pembayaran dan perpanjangan masa sewa sering terlewatkan?<\/p>\r\n <p class=\"text-sm custom-cursor \">Kesulitan dalam memantau status pembayaran, membuat invoice, atau memberikan notifikasi perpanjangan tepat waktu dapat menyebabkan kehilangan pendapatan.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2 bg-white p-8 rounded-xl shadow-lg border border-blue-200\">\r\n <h3 class=\"text-2xl md:text-3xl font-semibold text-blue-700 mb-6 text-center lg:text-left custom-cursor \">TPU Management System Solusinya!<\/h3>\r\n <ul class=\"space-y-6 custom-cursor \">\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M9 16.2L4.8 12L3.4 13.4L9 19L21 7L19.6 5.6L9 16.2Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Visualisasi Kavling Interaktif<\/p>\r\n <p class=\"text-sm custom-cursor \">Kelola kavling dengan sistem blok dan nomor, pantau status secara real-time, dan ekspor data dengan mudah. Denah digital memudahkan Anda menemukan dan mengelola setiap lahan.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M9 16.2L4.8 12L3.4 13.4L9 19L21 7L19.6 5.6L9 16.2Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Manajemen Data Terpusat & Akurat<\/p>\r\n <p class=\"text-sm custom-cursor \">Proses pendaftaran jenazah cepat dengan data lengkap, unggah dokumen pendukung, dan lacak status secara digital. Semua informasi aman dan terorganisir di satu tempat.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start text-gray-700\">\r\n <div class=\"flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-4\">\r\n <svg class=\"w-5 h-5 text-blue-600 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M9 16.2L4.8 12L3.4 13.4L9 19L21 7L19.6 5.6L9 16.2Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"font-medium text-lg mb-1 custom-cursor \">Sistem Pembayaran & Perpanjangan Otomatis<\/p>\r\n <p class=\"text-sm custom-cursor \">Dukungan berbagai metode pembayaran, invoice otomatis, dan pelacakan status real-time. Dapatkan notifikasi proaktif untuk perpanjangan, menghitung biaya secara otomatis, dan pastikan tidak ada lagi yang terlewat.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-white text-gray-800\">\r\n <div class=\"container mx-auto px-6 max-w-6xl\">\r\n <h2 class=\"text-4xl font-bold text-center mb-12 text-blue-800 custom-cursor \">Fitur Utama TPU Management System<\/h2>\r\n <p class=\"text-xl text-center mb-16 max-w-3xl mx-auto text-gray-600 custom-cursor \">Jelajahi berbagai fitur canggih yang dirancang untuk mengoptimalkan setiap aspek operasional pemakaman Anda, memastikan efisiensi dan akurasi yang tak tertandingi.<\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 001 1h3m-6-11v4a1 1 0 01-1 1H9m7-4a1 1 0 00-1-1H9a1 1 0 00-1 1m7 0v4a1 1 0 01-1 1H9m0 0v10a1 1 0 001 1h3m-3-11h3m-3 0V9a1 1 0 011-1h2a1 1 0 011 1v10m-2 0h-2\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Manajemen Kavling<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Kelola kavling pemakaman dengan sistem blok dan nomor yang intuitif. Pantau status (tersedia, terisi, dipelihara, rusak) dan visualisasikan denah kavling secara akurat. Ekspor data dengan mudah dan lakukan operasi massal untuk efisiensi maksimal.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Sistem Pendaftaran Pemakaman<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Proses pendaftaran jenazah yang cepat dan mudah dengan pengumpulan data lengkap dan terstruktur. Unggah dokumen pendukung, lacak status pendaftaran, dan integrasikan dengan sistem pembayaran untuk alur kerja yang mulus.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Sistem Pembayaran & Billing<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Dukungan komprehensif untuk berbagai jenis dan metode pembayaran, termasuk tunai, transfer bank, QRIS, dan e-wallet. Buat invoice dan kuitansi otomatis, serta lacak status pembayaran secara real-time untuk transparansi finansial.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h.01M16 16h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Manajemen Perpanjangan<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Sistem otomatis untuk perpanjangan masa sewa kavling, dilengkapi dengan notifikasi proaktif untuk kavling yang akan berakhir. Hitung biaya perpanjangan secara otomatis, mengurangi beban administratif dan kesalahan manual.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Manajemen Kunjungan<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Registrasi pengunjung yang efisien dan modern dengan dukungan QR code. Lacak jam masuk dan keluar secara akurat, serta hasilkan laporan kunjungan harian atau bulanan untuk pemantauan yang lebih baik.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-7 0V5a2 2 0 012-2h7a2 2 0 012 2v1m-7 0h2m-7 4v2m-6-2h6\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Manajemen Petugas<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Kelola data petugas secara lengkap, termasuk foto dan informasi kontak. Atur jadwal kerja dan shift dengan mudah, lacak kehadiran, serta permudah manajemen gaji untuk operasional yang lancar.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"relative group bg-white p-8 rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-100\">\r\n <div class=\"flex items-center justify-center mb-6 w-16 h-16 rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300\">\r\n <svg class=\"w-8 h-8 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v-2m3 2v-4m3 2v-6m2 9H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-semibold mb-4 text-blue-700 group-hover:text-blue-800 custom-cursor \">Sistem Laporan Komprehensif<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed custom-cursor \">Dapatkan gambaran operasional secara instan melalui dasbor statistik real-time yang intuitif. Akses laporan keuangan dan operasional yang komprehensif, dapat diekspor ke berbagai format untuk analisis mendalam.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gradient-to-br from-blue-50 to-white text-gray-800\">\r\n <div class=\"container mx-auto px-6 max-w-6xl\">\r\n <h2 class=\"text-4xl font-bold text-center mb-12 text-blue-800 custom-cursor \">TPU Management System Cocok Untuk Siapa?<\/h2>\r\n <p class=\"text-xl text-center mb-16 max-w-3xl mx-auto text-gray-600 custom-cursor \">Sistem kami dirancang untuk memenuhi kebutuhan berbagai entitas yang bertanggung jawab atas pengelolaan pemakaman umum dan swasta.<\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <div class=\"flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/E0F2F7\/2196F3\/png?text=Pemerintah%0ADaerah\" alt=\"Pemerintah Daerah\" class=\"w-32 h-32 mb-6 rounded-full object-cover border-4 border-blue-200 custom-cursor \">\r\n <h3 class=\"text-2xl font-semibold mb-2 text-blue-700 custom-cursor \">Pemerintah Daerah<\/h3>\r\n <p class=\"text-gray-600 custom-cursor \">Ideal untuk pengelolaan TPU di bawah Dinas Tata Kota atau Lingkungan Hidup, membantu otorisasi, koordinasi, dan transparansi.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/E8F5E9\/4CAF50\/png?text=TPU%0ASwasta\" alt=\"Pengelola TPU Swasta\" class=\"w-32 h-32 mb-6 rounded-full object-cover border-4 border-green-200 custom-cursor \">\r\n <h3 class=\"text-2xl font-semibold mb-2 text-blue-700 custom-cursor \">Pengelola TPU Swasta<\/h3>\r\n <p class=\"text-gray-600 custom-cursor \">Meningkatkan efisiensi operasional, pelayanan pelanggan, dan manajemen aset untuk TPU swasta yang modern dan profesional.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/FFF3E0\/FF9800\/png?text=Yayasan%0APemakaman\" alt=\"Yayasan Pemakaman\" class=\"w-32 h-32 mb-6 rounded-full object-cover border-4 border-orange-200 custom-cursor \">\r\n <h3 class=\"text-2xl font-semibold mb-2 text-blue-700 custom-cursor \">Yayasan Pemakaman<\/h3>\r\n <p class=\"text-gray-600 custom-cursor \">Memudahkan administrasi, pelacakan aset, dan pengelolaan layanan untuk yayasan yang berdedikasi pada pelayanan pemakaman.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/120x120\/F3E5F5\/9C27B0\/png?text=Tata%0AKota\" alt=\"Departemen Tata Kota\" class=\"w-32 h-32 mb-6 rounded-full object-cover border-4 border-purple-200 custom-cursor \">\r\n <h3 class=\"text-2xl font-semibold mb-2 text-blue-700 custom-cursor \">Departemen Tata Kota<\/h3>\r\n <p class=\"text-gray-600 custom-cursor \">Mendukung perencanaan, pengembangan, dan pengelolaan lahan pemakaman yang lebih baik sebagai bagian dari infrastruktur kota.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-gray-50 text-gray-800\">\r\n <div class=\"container mx-auto px-6 max-w-4xl\">\r\n <h2 class=\"text-4xl font-bold text-center mb-12 text-blue-800 custom-cursor \">Investasi untuk Efisiensi Optimal<\/h2>\r\n <p class=\"text-xl text-center mb-16 max-w-2xl mx-auto text-gray-600 custom-cursor \">Dapatkan solusi manajemen pemakaman terlengkap dengan harga transparan dan tanpa biaya tersembunyi. Investasi sekali, manfaat jangka panjang.<\/p>\r\n\r\n <div class=\"max-w-md mx-auto bg-white rounded-lg shadow-2xl overflow-hidden border border-blue-100 transform hover:scale-105 transition-transform duration-300\">\r\n <div class=\"bg-blue-600 text-white p-8 text-center\">\r\n <h3 class=\"text-3xl font-semibold mb-2 custom-cursor \">Paket Profesional<\/h3>\r\n <p class=\"text-5xl font-extrabold mb-2 custom-cursor \">Rp 15.000.000<\/p>\r\n <p class=\"text-lg opacity-90 custom-cursor \">Harga untuk lisensi penuh<\/p>\r\n <\/div>\r\n <div class=\"p-8\">\r\n <ul class=\"space-y-4 mb-8 custom-cursor \">\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Manajemen Kavling Lengkap<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Sistem Pendaftaran Jenazah<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Manajemen Pembayaran & Billing<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Sistem Perpanjangan Otomatis<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Manajemen Kunjungan<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Manajemen Petugas<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Sistem Laporan Komprehensif<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Dukungan Teknis Prioritas<\/span>\r\n <\/li>\r\n <li class=\"flex items-center text-gray-700\">\r\n <svg class=\"w-6 h-6 text-green-500 mr-3 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span class=\"text-lg custom-cursor \">Pembaruan Software Gratis<\/span>\r\n <\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"block w-full text-center py-4 px-6 bg-blue-600 text-white font-bold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 transition-all duration-300 transform hover:scale-105 custom-cursor \">\r\n Hubungi Kami untuk Penawaran Kustom\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-blue-700 text-white py-16 md:py-24 px-4 sm:px-6 lg:px-8\">\r\n <div class=\"max-w-4xl mx-auto text-center\">\r\n <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold leading-tight mb-6 custom-cursor \">\r\n Rasakan Kemudahan Manajemen Pemakaman dengan Demo Gratis!\r\n <\/h2>\r\n <p class=\"text-lg sm:text-xl mb-10 opacity-90 max-w-2xl mx-auto custom-cursor \">\r\n Jangan lewatkan kesempatan untuk melihat langsung bagaimana TPU Management System dapat mengubah operasional pemakaman Anda. Jadwalkan demo personal sekarang!\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 bg-green-500 hover:bg-green-600 text-white text-lg sm:text-xl font-bold rounded-full shadow-lg transform transition-transform duration-300 hover:scale-105 active:scale-95 focus:outline-none focus:ring-4 focus:ring-green-400 focus:ring-opacity-75 group custom-cursor \">\r\n <svg class=\"w-6 h-6 mr-3 -ml-1 text-white group-hover:animate-bounce-quick custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.5 3.44 1.46 4.96L2 22l5.25-1.38c1.45.79 3.08 1.21 4.79 1.21 5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zm5.72 14.5c-.24.19-.57.29-.88.29-.02 0-.04 0-.07-.01-.3-.08-.83-.34-1.74-.79-.9-.45-1.57-.65-2.2-.65-.63 0-1.26.16-1.75.65-.49.49-1.09 1.27-1.37 1.52-.28.25-.53.28-.98.11-.45-.17-1.9-.7-3.62-2.22-1.34-1.26-2.24-2.82-2.5-3.25-.26-.44-.03-.68.19-.9.2-.21.49-.51.74-.76.25-.25.33-.45.5-.7-.17-.4-.8-.98-.98-1.4-.18-.41-.02-.78.1-.8-.12-.01.27-.08.77.21.5.29.82.72 1.05.97.23.25.38.28.62.11.24-.17.77-.28 1.47-.35.7-.07 1.26-.04 1.76.08.5.12.77.37.95.6.18.23.23.46.06.84-.17.38-.63.95-.83 1.15-.2.2-.4.4-.1.65.29.25.61.54.96.84.35.3.69.57.99.76.3.19.64.29.92.29.28 0 .55-.1.74-.29.19-.19.29-.49.29-.79 0-.3-.11-.45-.25-.6-.14-.15-.34-.3-.49-.45-.15-.15-.29-.24-.45-.4-.16-.16-.36-.37-.53-.57-.17-.2-.25-.3-.25-.57 0-.27.2-.6.44-.83.24-.24.4-.33.58-.42.18-.09.38-.13.62-.13.24 0 .44.02.62.09.18.07.4.21.62.45.22.25.39.46.51.62.12.16.24.33.34.45.1.12.2.22.3.31.1.09.18.17.25.22.07.05.15.1.25.17.1.07.18.12.25.16.07.04.1.06.12.06.02 0 .04 0 .07.01z\"><\/path>\r\n <\/svg>\r\n Coba Demo Sekarang via WhatsApp\r\n <\/a>\r\n <div class=\"mt-12 flex justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01982c03-bef0-7-8505-a4aea84d2afa13fa.webp\" alt=\"Antarmuka Sistem TPU Management System\" class=\"rounded-lg shadow-xl border-4 border-blue-600 transform hover:scale-102 transition-transform duration-300 ease-out custom-cursor highlight-active\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-gray-50 py-16 md:py-24 px-4 sm:px-6 lg:px-8\" id=\"faq-section\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-gray-900 mb-12 text-center custom-cursor \">\r\n Pertanyaan yang Sering Diajukan\r\n <\/h2>\r\n\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-1\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Apakah TPU Management System dapat diintegrasikan dengan sistem lain yang sudah ada?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-1\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Ya, TPU Management System dirancang dengan arsitektur yang fleksibel dan modular, memungkinkan potensi integrasi dengan sistem eksternal atau aplikasi pihak ketiga lainnya melalui API (Application Programming Interface) yang relevan. Kami akan membantu Anda mengevaluasi dan merencanakan integrasi yang sesuai dengan kebutuhan spesifik Anda.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-2\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Bagaimana keamanan data yang disimpan dalam software ini?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-2\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Keamanan data adalah prioritas utama kami. TPU Management System menggunakan enkripsi data canggih, kontrol akses berbasis peran, dan praktik keamanan terbaik untuk melindungi informasi sensitif Anda. Server kami juga dilindungi dengan firewall dan sistem pemantauan 24\/7 untuk mencegah akses tidak sah.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-3\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Apakah ada dukungan teknis setelah pembelian?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-3\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Tentu saja! Kami menyediakan dukungan teknis prioritas setelah pembelian, termasuk bantuan implementasi awal, pelatihan penggunaan, serta dukungan berkelanjutan untuk pertanyaan atau masalah teknis yang mungkin Anda hadapi. Tim kami siap membantu Anda kapan saja.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-4\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Bisakah software ini diakses dari mana saja?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-4\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Ya, TPU Management System adalah aplikasi berbasis web yang dapat diakses melalui browser internet dari perangkat apa pun (desktop, laptop, tablet, atau smartphone) selama terhubung dengan internet. Ini memberikan fleksibilitas penuh untuk mengelola operasional dari mana saja dan kapan saja.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 ease-in-out\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none faq-question custom-cursor \" aria-expanded=\"false\" aria-controls=\"faq-answer-5\">\r\n <span class=\"text-lg font-semibold text-gray-800 custom-cursor \">\r\n Berapa lama waktu yang dibutuhkan untuk implementasi?\r\n <\/span>\r\n <svg class=\"w-6 h-6 text-blue-500 transform transition-transform duration-300 faq-arrow custom-cursor \" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-5\" class=\"faq-answer px-6 pb-6 hidden\" aria-hidden=\"true\">\r\n <p class=\"text-gray-600 leading-relaxed pt-2 border-t border-gray-200 custom-cursor \">\r\n Waktu implementasi bervariasi tergantung pada kompleksitas data dan kebutuhan kustomisasi. Namun, kami berusaha untuk membuat prosesnya secepat dan semulus mungkin, biasanya berkisar dari beberapa minggu hingga satu bulan, termasuk pelatihan dan migrasi data jika diperlukan.\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', function() {\r\n const faqQuestions = document.querySelectorAll('.faq-question');\r\n\r\n faqQuestions.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const targetId = button.getAttribute('aria-controls');\r\n const answer = document.getElementById(targetId);\r\n const isExpanded = button.getAttribute('aria-expanded') === 'true';\r\n const arrow = button.querySelector('.faq-arrow');\r\n\r\n \/\/ Close all other open answers\r\n faqQuestions.forEach(otherButton => {\r\n if (otherButton !== button) {\r\n const otherTargetId = otherButton.getAttribute('aria-controls');\r\n const otherAnswer = document.getElementById(otherTargetId);\r\n const otherArrow = otherButton.querySelector('.faq-arrow');\r\n\r\n if (otherButton.getAttribute('aria-expanded') === 'true') {\r\n otherButton.setAttribute('aria-expanded', 'false');\r\n otherAnswer.classList.add('hidden');\r\n otherAnswer.setAttribute('aria-hidden', 'true');\r\n otherArrow.classList.remove('rotate-180');\r\n }\r\n }\r\n });\r\n\r\n \/\/ Toggle current answer\r\n if (isExpanded) {\r\n button.setAttribute('aria-expanded', 'false');\r\n answer.classList.add('hidden');\r\n answer.setAttribute('aria-hidden', 'true');\r\n arrow.classList.remove('rotate-180');\r\n } else {\r\n button.setAttribute('aria-expanded', 'true');\r\n answer.classList.remove('hidden');\r\n answer.setAttribute('aria-hidden', 'false');\r\n arrow.classList.add('rotate-180');\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/section><section class=\"bg-gray-800 text-gray-300 py-16 md:py-20 px-4 sm:px-6 lg:px-8\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 md:gap-12\">\r\n \r\n <div class=\"col-span-1 md:col-span-1 flex flex-col items-center md:items-start text-center md:text-left\">\r\n <a href=\"#\" class=\"inline-flex items-center mb-4 custom-cursor \">\r\n \r\n <div class=\"w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center text-white font-bold text-xl mr-3\">\r\n TPU\r\n <\/div>\r\n <span class=\"text-2xl font-bold text-white custom-cursor \">TPU System<\/span>\r\n <\/a>\r\n <p class=\"text-sm text-gray-400 custom-cursor \">\r\n Solusi Manajemen Pemakaman Modern yang Komprehensif.\r\n <\/p>\r\n <div class=\"flex mt-6 space-x-4\">\r\n \r\n <a href=\"#\" class=\"text-gray-400 hover:text-blue-400 transition-colors duration-200 custom-cursor \">\r\n <svg class=\"w-6 h-6 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\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.33V22C18.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-400 hover:text-blue-400 transition-colors duration-200 custom-cursor \">\r\n <svg class=\"w-6 h-6 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\" d=\"M12.277 1.884a1.868 1.868 0 00-.775 0 2.124 2.124 0 01-1.442.247c-.636.104-1.258.337-1.871.698-.94.568-1.84 1.358-2.585 2.296A10.875 10.875 0 001.3 12c0 2.916.96 5.645 2.659 7.876.745.938 1.645 1.728 2.585 2.296.613.361 1.235.594 1.871.698a2.124 2.124 0 011.442.247 1.868 1.868 0 00.775 0 2.124 2.124 0 011.442-.247c.636-.104 1.258-.337 1.871-.698.94-.568 1.84-1.358 2.585-2.296A10.875 10.875 0 0022.7 12c0-2.916-.96-5.645-2.659-7.876-.745-.938-1.645-1.728-2.585-2.296-.613-.361-1.235-.594-1.871-.698a2.124 2.124 0 01-1.442-.247zM15.116 16.5c-.324.22-.572.298-.82.298-.02 0-.04 0-.07-.01-.3-.08-.83-.34-1.74-.79-.9-.45-1.57-.65-2.2-.65-.63 0-1.26.16-1.75.65-.49.49-1.09 1.27-1.37 1.52-.28.25-.53.28-.98.11-.45-.17-1.9-.7-3.62-2.22-1.34-1.26-2.24-2.82-2.5-3.25-.26-.44-.03-.68.19-.9.2-.21.49-.51.74-.76.25-.25.33-.45.5-.7-.17-.4-.8-.98-.98-1.4-.18-.41-.02-.78.1-.8-.12-.01.27-.08.77.21.5.29.82.72 1.05.97.23.25.38.28.62.11.24-.17.77-.28 1.47-.35.7-.07 1.26-.04 1.76.08.5.12.77.37.95.6.18.23.23.46.06.84-.17.38-.63.95-.83 1.15-.2.2-.4.4-.1.65.29.25.61.54.96.84.35.3.69.57.99.76.3.19.64.29.92.29.28 0 .55-.1.74-.29.19-.19.29-.49.29-.79 0-.3-.11-.45-.25-.6-.14-.15-.34-.3-.49-.45-.15-.15-.29-.24-.45-.4-.16-.16-.36-.37-.53-.57-.17-.2-.25-.3-.25-.57 0-.27.2-.6.44-.83.24-.24.4-.33.58-.42.18-.09.38-.13.62-.13.24 0 .44.02.62.09.18.07.4.21.62.45.22.25.39.46.51.62.12.16.24.33.34.45.1.12.2.22.3.31.1.09.18.17.25.22.07.05.15.1.25.17.1.07.18.12.25.16.07.04.1.06.12.06.02 0 .04 0 .07.01z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 md:col-span-1 text-center md:text-left\">\r\n <h3 class=\"text-lg font-semibold text-white mb-4 custom-cursor \">Navigasi<\/h3>\r\n <ul class=\"space-y-2 custom-cursor \">\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Tentang Kami<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Fitur<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Harga<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Demo<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 md:col-span-1 text-center md:text-left\">\r\n <h3 class=\"text-lg font-semibold text-white mb-4 custom-cursor \">Hubungi Kami<\/h3>\r\n <ul class=\"space-y-2 custom-cursor \">\r\n <li class=\"flex items-center justify-center md:justify-start\">\r\n <svg class=\"w-5 h-5 mr-2 text-gray-400 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"><\/path>\r\n <\/svg>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#8ee7e0e8e1cefdfaeffce8e7ebe2eaa0e7ea\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \"><span class=\"__cf_email__\" data-cfemail=\"2c45424a436c5f584d5e4a45494048024548\">[email protected]<\/span><\/a>\r\n <\/li>\r\n <li class=\"flex items-center justify-center md:justify-start\">\r\n <svg class=\"w-5 h-5 mr-2 text-gray-400 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.32.57 3.57.57.55 0 1 .45 1 1v3.5c0 .55-.45 1-1 1C12.95 21 3 11.05 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.12.35.03.75-.25 1.02l-2.2 2.2z\"><\/path>\r\n <\/svg>\r\n <a href=\"tel:+6282136068256\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">0821-3606-8256<\/a>\r\n <\/li>\r\n <li class=\"flex items-start justify-center md:justify-start\">\r\n <svg class=\"w-5 h-5 mr-2 mt-1 text-gray-400 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"><\/path>\r\n <\/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 \r\n <div class=\"col-span-1 md:col-span-1 text-center md:text-left\">\r\n <h3 class=\"text-lg font-semibold text-white mb-4 custom-cursor \">Informasi Tambahan<\/h3>\r\n <ul class=\"space-y-2 custom-cursor \">\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Kebijakan Privasi<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Syarat dan Ketentuan<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-gray-300 hover:text-blue-400 transition-colors duration-200 custom-cursor \">Karir<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border-t border-gray-700 mt-12 pt-8 text-center text-sm text-gray-400\">\r\n \u00a9 <span id=\"current-year\" class=\"custom-cursor \"><\/span> TPU Management System. Hak Cipta Dilindungi. Dibuat oleh Starfield.\r\n <\/div>\r\n <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\r\n document.getElementById('current-year').textContent = new Date().getFullYear();\r\n <\/script>\r\n<\/section>\r\n\r\n \r\n \r\n\r\n<\/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>TPU Management System: Makam Terkelola, Hati Tenang – Solusi Digital No. 1! TPU Management System Solusi Manajemen Pemakaman Modern yang Komprehensif Efisiensikan Operasional Pemakaman Anda dengan Teknologi Terdepan. Sebuah sistem manajemen pemakaman umum yang lengkap dengan desain modern dan fitur canggih untuk mengelola setiap aspek operasional pemakaman dengan mudah dan akurat. Coba Demo Sekarang Dashboard …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12180\"> <span class=\"screen-reader-text\">software tpu (tempat pemakaman umum)<\/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-12180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12180","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=12180"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12180\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}