Ucapkan Selamat Tinggal Buku Tamu Manual! \ud83d\udc4b Buku Tamu Digital \u2013 Lebih Aman, Cepat, & Profesional<\/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=\"Transformasi resepsionis Anda dengan Buku Tamu Digital! Tingkatkan keamanan, efisiensi, dan berikan kesan pertama yang tak terlupakan. Coba demo GRATIS sekarang!\">\r\n \r\n \r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/buku-tamu-digital-1754454207704\">\r\n <meta property=\"og:title\" content=\"Ucapkan Selamat Tinggal Buku Tamu Manual! \ud83d\udc4b Buku Tamu Digital \u2013 Lebih Aman, Cepat, & Profesional\">\r\n <meta property=\"og:description\" content=\"Transformasi resepsionis Anda dengan Buku Tamu Digital! Tingkatkan keamanan, efisiensi, dan berikan kesan pertama yang tak terlupakan. Coba demo GRATIS 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\/buku-tamu-digital-1754454207704\">\r\n <meta property=\"twitter:title\" content=\"Ucapkan Selamat Tinggal Buku Tamu Manual! \ud83d\udc4b Buku Tamu Digital \u2013 Lebih Aman, Cepat, & Profesional\">\r\n <meta property=\"twitter:description\" content=\"Transformasi resepsionis Anda dengan Buku Tamu Digital! Tingkatkan keamanan, efisiensi, dan berikan kesan pertama yang tak terlupakan. Coba demo GRATIS 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=\"01987d9e-9a1d-7-9158-0ed7b46eacf50d02\">\r\n <meta name=\"slug\" content=\"buku-tamu-digital-1754454207704\">\r\n <meta name=\"user_id\" content=\"d4381967-72af-4627-a373-6cdb2a3990a9\">\r\n <meta name=\"submit_event\" content=\"null\">\r\n <meta name=\"click_event\" content=\"null\">\r\n <meta name=\"watermark\" content=\"1\">\r\n\r\n\r\n \r\n <script>\r\n tailwind.config = {\r\n darkMode: 'class',\r\n }\r\n <\/script>\r\n <script type=\"module\" crossorigin src=\"\/assets\/page-B4cB-CPw.js\"><\/script>\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/clsx-BzO1I1Lv.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-DIlSXS_y.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-XmX7O0f2.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-BHw7yxwW.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-B0Pa4yjU.js\">\r\n <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-CtO14UJg.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"bg-gradient-to-br from-blue-100 to-blue-300 py-24 md:py-32 relative overflow-hidden\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"lg:flex items-center justify-between\">\r\n \r\n <div class=\"lg:w-1\/2 text-center lg:text-left mb-12 lg:mb-0\">\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-blue-900 leading-tight mb-6 custom-cursor \">\r\n Buku Tamu Digital: Cara Modern Menyambut Tamu Anda\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-700 mb-8 custom-cursor \">\r\n Tingkatkan efisiensi dan keamanan manajemen kunjungan perusahaan Anda dengan solusi digital yang inovatif dan mudah digunakan.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center lg:justify-start gap-4\">\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-3 text-lg font-semibold rounded-full bg-orange-500 text-white shadow-md hover:bg-orange-600 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-orange-300 custom-cursor \">\r\n Dapatkan Demo Gratis\r\n <svg class=\"w-5 h-5 ml-2 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 10.293a1 1 0 01-1.414-1.414l6-6z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#fitur\" class=\"inline-flex items-center justify-center px-8 py-3 text-lg font-semibold rounded-full bg-blue-700 text-white shadow-md hover:bg-blue-800 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-blue-300 custom-cursor \">\r\n Lihat Fitur Utama\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:w-1\/2 flex justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01987dab-4681-7-92e5-ac089884e87da65c.webp\" alt=\"Ilustrasi Aplikasi Buku Tamu Digital\" class=\"rounded-3xl shadow-2xl transform hover:scale-105 transition-transform duration-500 custom-cursor \">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute top-0 left-0 w-64 h-64 bg-blue-200 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob animation-delay-2000\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-64 h-64 bg-blue-300 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob\"><\/div>\r\n<\/section><section class=\"py-20 px-4 bg-gray-50 overflow-hidden\">\r\n <div class=\"container mx-auto\">\r\n <div class=\"flex flex-col lg:flex-row items-center gap-12\">\r\n <div class=\"lg:w-1\/2 flex justify-center relative\">\r\n <div class=\"absolute -top-10 -left-10 w-48 h-48 bg-blue-100 rounded-full mix-blend-multiply filter blur-xl opacity-30 animate-blob\"><\/div>\r\n <div class=\"absolute -bottom-10 -right-10 w-48 h-48 bg-blue-200 rounded-full mix-blend-multiply filter blur-xl opacity-30 animate-blob animation-delay-2000\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01987dab-6ae5-7-8022-ebb937014a3089f8.webp\" alt=\"Aplikasi Buku Tamu Digital Beraksi\" class=\"rounded-lg shadow-2xl border border-gray-200 transform hover:scale-105 transition-transform duration-500 ease-in-out z-10 custom-cursor \">\r\n <\/div>\r\n <div class=\"lg:w-1\/2 text-gray-800\">\r\n <h2 class=\"text-4xl font-extrabold text-blue-800 mb-6 leading-tight custom-cursor \">\r\n Transformasi Digital untuk Manajemen Kunjungan Anda\r\n <\/h2>\r\n <p class=\"text-lg leading-relaxed mb-8 custom-cursor \">\r\n Buku Tamu Digital adalah solusi komprehensif yang dirancang untuk menyederhanakan dan meningkatkan seluruh proses manajemen kunjungan di perusahaan Anda. Dengan UI\/UX yang modern dan intuitif, aplikasi ini menawarkan pengalaman yang mulus bagi tamu sekaligus efisiensi operasional yang optimal bagi staf Anda.\r\n <\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"flex items-start bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <svg class=\"w-8 h-8 text-blue-600 mr-4 flex-shrink-0 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 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\"><\/path><\/svg>\r\n <div>\r\n <h3 class=\"font-semibold text-xl text-blue-700 mb-2 custom-cursor \">Manajemen Tamu Digital yang Terintegrasi<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor \">Sistem terpusat untuk data tamu yang akurat dan mudah diakses.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <svg class=\"w-8 h-8 text-blue-600 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.007 12.007 0 002 12c0 2.755 1.05 5.49 3.097 7.508A12.006 12.006 0 0012 22c2.755 0 5.49-1.05 7.508-3.097A12.007 12.007 0 0022 12c0-2.755-1.05-5.49-3.097-7.508z\"><\/path><\/svg>\r\n <div>\r\n <h3 class=\"font-semibold text-xl text-blue-700 mb-2 custom-cursor \">Keamanan Data Tingkat Tinggi<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor \">Data sensitif Anda terlindungi dengan enkripsi mutakhir.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <svg class=\"w-8 h-8 text-blue-600 mr-4 flex-shrink-0 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=\"M16 8v8m-4-8v8m-4-8v8M4 16h2a2 2 0 002-2V6a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2z\"><\/path><\/svg>\r\n <div>\r\n <h3 class=\"font-semibold text-xl text-blue-700 mb-2 custom-cursor \">Laporan dan Analisis Komprehensif<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor \">Visualisasikan data kunjungan dengan mudah untuk insight bisnis.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <svg class=\"w-8 h-8 text-blue-600 mr-4 flex-shrink-0 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=\"M15 17v2m-6-2v2m11-9V6a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2h2m2 7h2m4 0h2m-4 0v-2m-2 2h-2\"><\/path><\/svg>\r\n <div>\r\n <h3 class=\"font-semibold text-xl text-blue-700 mb-2 custom-cursor \">Notifikasi Real-time yang Cepat<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor \">Informasi terkini langsung ke perangkat Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-20 px-4 bg-white overflow-hidden\">\r\n <div class=\"container mx-auto\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-4xl font-extrabold text-blue-800 mb-4 custom-cursor \">\r\n Mengatasi Tantangan, Membangun Efisiensi\r\n <\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto custom-cursor \">\r\n Kami memahami kendala yang Anda hadapi. Kini, saatnya beralih ke solusi yang lebih cerdas dan modern.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col lg:flex-row items-center gap-16\">\r\n \r\n <div class=\"lg:w-1\/2 p-8 bg-gradient-to-br from-red-50 to-red-100 rounded-2xl shadow-xl border-t-4 border-red-500 transform hover:scale-[1.02] transition-transform duration-300\">\r\n <div class=\"flex justify-center mb-8\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x250\/FEE2E2\/EF4444\/png?text=Manual+Chaos\" alt=\"Illustrasi Masalah Kunjungan Manual\" class=\"rounded-lg shadow-md border border-red-200 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-3xl font-bold text-red-700 mb-6 text-center custom-cursor \">Masalah yang Sering Anda Hadapi<\/h3>\r\n <ul class=\"space-y-6 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <span class=\"flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-red-100 text-red-600 mr-4 custom-cursor \">\r\n <svg class=\"w-5 h-5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 font-medium custom-cursor \">\r\n <span class=\"font-semibold text-red-800 custom-cursor \">Pelacakan Manual yang Rentan Kesalahan:<\/span> Apakah Anda masih kesulitan melacak data tamu secara manual dan rentan kesalahan?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-red-100 text-red-600 mr-4 custom-cursor \">\r\n <svg class=\"w-5 h-5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 font-medium custom-cursor \">\r\n <span class=\"font-semibold text-red-800 custom-cursor \">Antrean Panjang & Proses Lambat:<\/span> Antrean panjang dan proses check-in yang lambat di area resepsionis?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-red-100 text-red-600 mr-4 custom-cursor \">\r\n <svg class=\"w-5 h-5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 font-medium custom-cursor \">\r\n <span class=\"font-semibold text-red-800 custom-cursor \">Kekhawatiran Keamanan Data:<\/span> Kekhawatiran akan keamanan dan privasi data tamu yang sensitif?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-red-100 text-red-600 mr-4 custom-cursor \">\r\n <svg class=\"w-5 h-5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 font-medium custom-cursor \">\r\n <span class=\"font-semibold text-red-800 custom-cursor \">Laporan Tidak Efisien:<\/span> Laporan kunjungan yang tidak efisien dan memakan waktu?\r\n <\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:w-1\/2 p-8 bg-gradient-to-br from-blue-50 to-blue-100 rounded-2xl shadow-xl border-t-4 border-blue-500 transform hover:scale-[1.02] transition-transform duration-300\">\r\n <div class=\"flex justify-center mb-8\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x250\/DDE6F9\/3B82F6\/png?text=Digital+Solution\" alt=\"Illustrasi Solusi Digital\" class=\"rounded-lg shadow-md border border-blue-200 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-3xl font-bold text-blue-700 mb-6 text-center custom-cursor \">Solusi Cerdas dari Buku Tamu Digital<\/h3>\r\n <p class=\"text-lg leading-relaxed text-gray-700 mb-8 custom-cursor \">\r\n Dengan Buku Tamu Digital, semua tantangan tersebut kini dapat diatasi. Rasakan otomasi proses check-in\/check-out, jaminan keamanan data terenkripsi, dan akses laporan instan yang akan membuat manajemen kunjungan Anda jauh lebih mudah, cepat, dan aman dari sebelumnya.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center gap-6\">\r\n <div class=\"flex flex-col items-center text-center p-4 bg-white rounded-lg shadow-md flex-1\">\r\n <svg class=\"w-12 h-12 text-blue-600 mb-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=\"1.5\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.007 12.007 0 002 12c0 2.755 1.05 5.49 3.097 7.508A12.006 12.006 0 0012 22c2.755 0 5.49-1.05 7.508-3.097A12.007 12.007 0 0022 12c0-2.755-1.05-5.49-3.097-7.508z\"><\/path><\/svg>\r\n <p class=\"font-semibold text-blue-800 custom-cursor \">Proses Otomatis<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center text-center p-4 bg-white rounded-lg shadow-md flex-1\">\r\n <svg class=\"w-12 h-12 text-blue-600 mb-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=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n <p class=\"font-semibold text-blue-800 custom-cursor \">Cepat & Efisien<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center text-center p-4 bg-white rounded-lg shadow-md flex-1\">\r\n <svg class=\"w-12 h-12 text-blue-600 mb-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=\"1.5\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v3h8z\"><\/path><\/svg>\r\n <p class=\"font-semibold text-blue-800 custom-cursor \">Data Aman<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gray-50 overflow-hidden\">\r\n <div class=\"container mx-auto px-6 max-w-7xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-900 mb-6 leading-tight custom-cursor \">Jelajahi Berbagai Fitur Unggulan Kami<\/h2>\r\n <p class=\"text-xl md:text-2xl text-center text-gray-600 mb-16 max-w-3xl mx-auto custom-cursor \">\r\n Dirancang secara khusus untuk memenuhi kebutuhan manajemen kunjungan paling modern di perusahaan Anda.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h-5m0 0l-5-5m5 5V3\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Manajemen Tamu<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Form Input Lengkap:<\/strong> Kumpulkan data vital tamu seperti nama, instansi, tujuan, divisi, HP, email, serta ID\/KTP dengan form digital intuitif.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Capture Foto Tamu:<\/strong> Abadikan foto real-time menggunakan kamera perangkat dengan pratinjau langsung untuk verifikasi identitas kuat.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Tanda Tangan Digital:<\/strong> Validasi kunjungan dengan tanda tangan elektronik yang aman melalui signature pad.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Upload ID\/KTP:<\/strong> Opsi mengunggah dokumen identitas (KTP\/paspor) guna kelengkapan data (opsional).<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Check-in & Check-out Otomatis:<\/strong> Sistem masuk dan keluar efisien dengan pelacakan waktu otomatis.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">QR Code ID Visitor:<\/strong> Hasilkan QR code unik lengkap dengan foto dan info kunjungan, permudah identifikasi.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Teknologi Modern<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Progressive Web App (PWA):<\/strong> Dapat diinstal langsung, berfungsi optimal bahkan saat offline.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Responsive Design:<\/strong> Antarmuka adaptif dan sempurna untuk berbagai perangkat (tablet, PC, layar sentuh).<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Dark\/Light Mode:<\/strong> Pilih tema visual sesuai preferensi Anda untuk kenyamanan mata.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Real-time Updates:<\/strong> Data selalu terbarui otomatis dan notifikasi instan.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100?text=Devices\" alt=\"Responsive Devices\" class=\"w-24 h-24 object-contain mx-auto mt-4 rounded-lg hidden sm:block custom-cursor \">\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Keamanan & Privasi<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Enkripsi Data:<\/strong> Data sensitif tamu terlindungi dengan standar enkripsi AES-256 tingkat tinggi.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Multi-user Access Control:<\/strong> Atur hak akses berbeda untuk setiap peran (Admin, Operator, Resepsionis).<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Blacklist Management:<\/strong> Sistem pemblokiran tamu bermasalah untuk keamanan tambahan.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Session Management:<\/strong> Keamanan sesi ditingkatkan dengan fitur auto-logout.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Activity Logging:<\/strong> Pencatatan semua aktivitas dalam sistem secara detail untuk auditabilitas.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 3.055A9.944 9.944 0 0112 21a9.944 9.944 0 011-17.945M12 2v20\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Laporan & Analytics<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Dashboard Statistik:<\/strong> Visualisasikan jumlah tamu harian, mingguan, bulanan dengan grafik interaktif.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Filter Advanced:<\/strong> Temukan data cepat menggunakan filter berdasarkan tanggal, divisi, status, atau nama.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Export Data:<\/strong> Ekspor semua laporan dalam format Excel atau PDF untuk analisis lanjut.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Histori Lengkap:<\/strong> Akses riwayat kunjungan tamu secara lengkap beserta foto dan detail.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Laporan Khusus:<\/strong> Lihat laporan spesifik untuk tamu yang belum check-out, per divisi, atau per tujuan.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100?text=Dashboard\" alt=\"Dashboard Visualization\" class=\"w-24 h-24 object-contain mx-auto mt-4 rounded-lg hidden sm:block custom-cursor \">\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Notifikasi & Komunikasi<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Email Notification:<\/strong> Notifikasi otomatis ke karyawan terkait kunjungan tamu atau kedatangan tamu.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">WhatsApp Integration:<\/strong> Kirim notifikasi penting via WhatsApp (dapat dikonfigurasi).<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Real-time Alerts:<\/strong> Notifikasi browser instan untuk admin atau operator tentang aktivitas penting.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354c-1.185-1.185-3.05-1.185-4.235 0-1.185 1.185-1.185 3.05 0 4.235L12 12l4.235-4.235c1.185-1.185 1.185-3.05 0-4.235-1.185-1.185-3.05-1.185-4.235 0zM12 16.5l-4.235 4.235c-1.185 1.185-3.05 1.185-4.235 0-1.185-1.185-1.185-3.05 0-4.235L12 12l4.235 4.235c1.185 1.185 1.185 3.05 0 4.235-1.185 1.185-3.05 1.185-4.235 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Cetak & QR Code<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">ID Visitor Card:<\/strong> Cetak kartu identitas tamu dengan foto, QR code, dan info kunjungan relevan.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">QR Code Scanning:<\/strong> Proses check-out yang cepat dan mudah hanya dengan memindai QR code.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Thermal Printer Support:<\/strong> Kompatibilitas penuh dengan berbagai jenis printer thermal untuk pencetakan efisien.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100?text=QR+Card\" alt=\"QR Code ID Card\" class=\"w-24 h-24 object-contain mx-auto mt-4 rounded-lg hidden sm:block custom-cursor \">\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Backup & Maintenance<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Auto Backup:<\/strong> Pencadangan database otomatis terjadwal untuk menjamin keamanan dan ketersediaan data.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Data Sync:<\/strong> Sinkronisasi data yang mulus saat perangkat kembali online setelah mode offline.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">System Logs:<\/strong> Pemantauan aktivitas dan pencatatan error untuk pemeliharaan sistem proaktif.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100?text=Cloud+Backup\" alt=\"Cloud Backup Icon\" class=\"w-24 h-24 object-contain mx-auto mt-4 rounded-lg hidden sm:block custom-cursor \">\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-white overflow-hidden\">\r\n <div class=\"container mx-auto px-6 max-w-6xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-900 mb-6 leading-tight custom-cursor \">Buku Tamu Digital: Solusi Ideal Untuk Siapa?<\/h2>\r\n <p class=\"text-xl md:text-2xl text-center text-gray-600 mb-16 max-w-3xl mx-auto custom-cursor \">\r\n Dirancang untuk berbagai jenis perusahaan dan organisasi yang mengutamakan efisiensi, keamanan, dan profesionalisme dalam manajemen kunjungan.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfe2\" alt=\"Corporate Office Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Perusahaan Korporat & Kantor Modern<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Untuk manajemen tamu yang efisien di lingkungan bisnis profesional.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfd9\ufe0f\" alt=\"Commercial Building Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Bangunan Komersial & Co-working Space<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Optimalkan alur masuk-keluar di ruang kerja bersama dan gedung komersial.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udf93\" alt=\"Education Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Sekolah & Institusi Pendidikan<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Manajemen kunjungan orang tua, staf, dan tamu lain dengan aman dan teratur.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfe5\" alt=\"Hospital Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Rumah Sakit & Klinik Medis<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Mencatat kunjungan pasien\/keluarga dengan cepat sambil menjaga privasi.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfed\" alt=\"Factory Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Pabrik & Kawasan Industri Manufaktur<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Kontrol akses dan pelacakan tamu\/vendor untuk keamanan area produksi.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfe8\" alt=\"Hotel Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Hotel & Penginapan<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Sistem check-in tamu yang modern dan efisien di lobi hotel.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfaa\" alt=\"Event Center Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Pusat Event & Konvensi<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Manajemen registrasi pengunjung yang cepat dan terorganisir.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gray-50 overflow-hidden\">\r\n <div class=\"container mx-auto px-6 max-w-3xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-900 mb-6 leading-tight custom-cursor \">Investasi Sekali untuk Efisiensi Jangka Panjang Anda<\/h2>\r\n <p class=\"text-xl md:text-2xl text-center text-gray-600 mb-16 max-w-2xl mx-auto custom-cursor \">\r\n Dapatkan solusi manajemen kunjungan terdepan dengan model lisensi yang transparan dan menguntungkan.\r\n <\/p>\r\n\r\n <div class=\"relative bg-white rounded-3xl shadow-2xl p-8 md:p-12 border-4 border-blue-500 transform transition-all duration-500 hover:scale-[1.02] hover:shadow-3xl\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-50 via-white to-blue-100 opacity-50 rounded-3xl -z-10\"><\/div>\r\n <div class=\"text-center\">\r\n <h3 class=\"text-4xl font-extrabold text-blue-700 mb-4 custom-cursor \">Paket Bisnis Pro<\/h3>\r\n <p class=\"text-6xl md:text-7xl font-bold text-gray-900 mb-8 custom-cursor \">\r\n Rp 5 Juta <span class=\"text-3xl font-semibold text-gray-500 block md:inline-block md:ml-2 custom-cursor \">(Lisensi Seumur Hidup)<\/span>\r\n <\/p>\r\n\r\n <ul class=\"text-xl text-gray-700 space-y-4 mb-10 text-left mx-auto max-w-sm custom-cursor \">\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-8 w-8 text-emerald-500 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Semua Fitur Utama<\/strong> yang Disebutkan<\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-8 w-8 text-emerald-500 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \">Dukungan Teknis <strong class=\"text-gray-900\">Prioritas<\/strong><\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-8 w-8 text-emerald-500 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \">Update Fitur <strong class=\"text-gray-900\">Gratis Selamanya<\/strong><\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-8 w-8 text-emerald-500 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \">Pelatihan Penggunaan Aplikasi <strong class=\"text-gray-900\">Eksklusif<\/strong><\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-10 py-4 text-2xl font-bold rounded-full bg-emerald-500 text-white shadow-lg hover:bg-emerald-600 transition-all duration-300 transform hover:-translate-y-1 hover:scale-105 focus:outline-none focus:ring-4 focus:ring-emerald-300 custom-cursor \">\r\n <svg class=\"w-8 h-8 mr-3 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12.007 20.407c-4.417 0-8.006-3.589-8.006-8.006s3.589-8.006 8.006-8.006 8.006 3.589 8.006 8.006c0 1.581-.462 3.053-1.258 4.316l1.312 4.032-4.156-1.298c-1.187.653-2.541 1.01-3.904 1.01zm4.275-5.908c-.237-.119-.893-.44-1.03-.493-.138-.052-.237-.052-.346.052-.11.104-.423.493-.518.597-.096.104-.192.11-.355.052-.162-.052-.684-.252-.898-.558-.214-.306-.023-.283.15-.467.098-.096.219-.252.327-.386.109-.133.146-.226.216-.386.07-.156.035-.29-.018-.403-.052-.11-.346-.83-.474-1.134-.128-.306-.252-.258-.346-.263-.09-.006-.196-.006-.3-.006-.104 0-.28.035-.429.175-.148.139-.569.56-.69.673-.122.11-.219.156-.403.052-.18-.104-.429-.156-.816-.312-.39-.156-.921-.868-.813-1.493.109-.624.56-1.04.786-1.25.228-.21.467-.258.604-.258.138 0 .262 0 .399.006.138.006.213.042.322.28.11.237.369.893.404.962.035.07.07.156.035.052-.034-.104-.128-.312-.258-.467-.13-.156-.052-.283.035-.403.07-.122.312-.306.429-.403.11-.096.267-.156.403-.156.138 0 .285.006.429.156.14.156.493.499.619.597.128.104.22.07.306.042.083-.029.262-.104.499-.306.237-.202.409-.312.48-.36.07-.052.262-.052.48-.052.214 0 .499.07.72.339.22.269.704 2.052.704 2.113 0 .06-.023.11-.047.162z\" fill-rule=\"nonzero\"><\/path><\/svg>\r\n Beli Sekarang via WhatsApp\r\n <\/a>\r\n <p class=\"mt-6 text-sm text-gray-500 custom-cursor \">\r\n <a href=\"tel:+6282136068256\" class=\"underline hover:text-blue-600 transition-colors duration-200 custom-cursor \">Hubungi: 0821-3606-8256<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-white\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 mb-6 leading-tight custom-cursor \">Rasakan Langsung Kemudahannya!<\/h2>\r\n <p class=\"text-lg md:text-xl text-gray-700 mb-10 max-w-3xl mx-auto custom-cursor \">Ingin melihat bagaimana Buku Tamu Digital dapat secara nyata mengubah dan menyederhanakan manajemen kunjungan di perusahaan Anda? Hubungi kami sekarang untuk menjadwalkan sesi demo eksklusif.<\/p>\r\n <div class=\"flex flex-col md:flex-row items-center justify-center gap-6\">\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center px-10 py-4 border border-transparent text-lg font-bold rounded-full shadow-lg text-white bg-orange-500 hover:bg-orange-600 transition-all duration-300 ease-in-out transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-orange-300 custom-cursor \">\r\n Coba Demo Sekarang\r\n <span class=\"ml-3 text-sm font-normal custom-cursor \">(WhatsApp 0821-3606-8256)<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"mt-12\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01987dab-b95e-7-91ef-5dd52b472292622c.webp\" alt=\"Ilustrasi Demo Aplikasi\" class=\"mx-auto rounded-xl shadow-2xl transform hover:scale-102 transition-transform duration-500 custom-cursor highlight-active\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-blue-50\">\r\n <div class=\"container mx-auto px-6 max-w-4xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 mb-12 text-center custom-cursor \">Pertanyaan yang Sering Diajukan<\/h2>\r\n\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-md transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center text-left text-xl font-semibold text-blue-800 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">Apakah aplikasi ini kompatibel dengan semua jenis perangkat?<\/span>\r\n <span class=\"faq-icon text-2xl transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out text-gray-700 mt-4 text-lg\">\r\n <p class=\"custom-cursor \">Ya, Buku Tamu Digital dirancang sebagai Progressive Web App (PWA) dengan desain responsif penuh, optimal di tablet, PC, dan perangkat layar sentuh lainnya.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-md transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center text-left text-xl font-semibold text-blue-800 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">Bagaimana dengan keamanan data tamu?<\/span>\r\n <span class=\"faq-icon text-2xl transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out text-gray-700 mt-4 text-lg\">\r\n <p class=\"custom-cursor \">Data sensitif tamu Anda dilindungi dengan standar enkripsi AES-256 yang kuat, menjamin privasi dan keamanan tingkat tinggi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-md transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center text-left text-xl font-semibold text-blue-800 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">Apakah ada biaya langganan bulanan atau tahunan?<\/span>\r\n <span class=\"faq-icon text-2xl transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out text-gray-700 mt-4 text-lg\">\r\n <p class=\"custom-cursor \">Tidak, kami menawarkan lisensi sekali bayar sebesar 5 Juta Rupiah yang mencakup semua fitur utama, dukungan teknis, dan update fitur seumur hidup tanpa biaya tersembunyi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-md transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center text-left text-xl font-semibold text-blue-800 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">Bisakah saya mencoba demonya terlebih dahulu sebelum membeli?<\/span>\r\n <span class=\"faq-icon text-2xl transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out text-gray-700 mt-4 text-lg\">\r\n <p class=\"custom-cursor \">Tentu, Anda bisa menghubungi kami melalui WhatsApp di 0821-3606-8256 untuk menjadwalkan sesi demo gratis dan melihat langsung bagaimana aplikasi ini bekerja.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const faqToggles = document.querySelectorAll('.faq-toggle');\r\n\r\n faqToggles.forEach(toggle => {\r\n toggle.addEventListener('click', function() {\r\n const content = this.nextElementSibling;\r\n const icon = this.querySelector('.faq-icon');\r\n\r\n if (content.classList.contains('active')) {\r\n content.classList.remove('active');\r\n content.style.maxHeight = '0';\r\n icon.classList.remove('rotate-45'); \/\/ Remove rotation to show '+'\r\n } else {\r\n \/\/ Close other open FAQ items (for single-open accordion)\r\n document.querySelectorAll('.faq-content.active').forEach(openContent => {\r\n openContent.classList.remove('active');\r\n openContent.style.maxHeight = '0';\r\n openContent.previousElementSibling.querySelector('.faq-icon').classList.remove('rotate-45');\r\n });\r\n\r\n content.classList.add('active');\r\n content.style.maxHeight = content.scrollHeight + 'px'; \/\/ Set height to content's scrollHeight\r\n icon.classList.add('rotate-45'); \/\/ Add rotation to show 'X'\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/section><section class=\"py-16 bg-blue-900 text-white\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 lg:gap-24\">\r\n \r\n <div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-6 text-blue-200 custom-cursor \">Navigasi Cepat<\/h3>\r\n <ul class=\"space-y-3 custom-cursor \">\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">Beranda<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">Fitur<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">Harga<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">Demo<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-6 text-blue-200 custom-cursor \">Kontak Kami<\/h3>\r\n <address class=\"not-italic space-y-3 text-lg\">\r\n <p class=\"flex items-center text-blue-50 custom-cursor \">\r\n <span class=\"mr-3 text-2xl custom-cursor \">\u2709\ufe0f<\/span>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#c3aaada5ac83b0b7a2b1a5aaa6afa7edaaa7\" class=\"hover:text-orange-400 transition-colors duration-300 custom-cursor \"><span class=\"__cf_email__\" data-cfemail=\"e68f888089a695928794808f838a82c88f82\">[email protected]<\/span><\/a>\r\n <\/p>\r\n <p class=\"flex items-center text-blue-50 custom-cursor \">\r\n <span class=\"mr-3 text-2xl custom-cursor \">\ud83d\udcde<\/span>\r\n <a href=\"tel:+6282136068256\" class=\"hover:text-orange-400 transition-colors duration-300 custom-cursor \">0821-3606-8256<\/a>\r\n <\/p>\r\n <p class=\"flex items-center text-blue-50 custom-cursor \">\r\n <span class=\"mr-3 text-2xl custom-cursor \">\ud83d\udccd<\/span>\r\n Villa Ciomas Indah Blok H-3 No.6 | Ciomas \u2013 Bogor\r\n <\/p>\r\n <\/address>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-6 text-blue-200 custom-cursor \">Tentang Kami<\/h3>\r\n <p class=\"text-blue-50 text-lg custom-cursor \">\r\n Starfield.id adalah pengembang di balik Buku Tamu Digital, berdedikasi untuk menyediakan solusi manajemen kunjungan perusahaan yang inovatif, efisien, dan aman. Visi kami adalah menyederhanakan operasional bisnis melalui teknologi mutakhir.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border-t border-blue-800 mt-12 pt-8 text-center text-blue-300 text-md\">\r\n \u00a9 <span id=\"current-year\" class=\"custom-cursor \"><\/span> starfield.id \u2013 Semua Hak Dilindungi.\r\n <\/div>\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>Ucapkan Selamat Tinggal Buku Tamu Manual! \ud83d\udc4b Buku Tamu Digital \u2013 Lebih Aman, Cepat, & Profesional Buku Tamu Digital: Cara Modern Menyambut Tamu Anda Tingkatkan efisiensi dan keamanan manajemen kunjungan perusahaan Anda dengan solusi digital yang inovatif dan mudah digunakan. Dapatkan Demo Gratis Lihat Fitur Utama Transformasi Digital untuk Manajemen Kunjungan Anda Buku Tamu Digital …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12362\"> <span class=\"screen-reader-text\">software buku tamu<\/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-12362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12362","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=12362"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12362\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12362"}],"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 Ucapkan Selamat Tinggal Buku Tamu Manual! \ud83d\udc4b Buku Tamu Digital \u2013 Lebih Aman, Cepat, & Profesional<\/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=\"Transformasi resepsionis Anda dengan Buku Tamu Digital! Tingkatkan keamanan, efisiensi, dan berikan kesan pertama yang tak terlupakan. Coba demo GRATIS sekarang!\">\r\n \r\n \r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/buku-tamu-digital-1754454207704\">\r\n <meta property=\"og:title\" content=\"Ucapkan Selamat Tinggal Buku Tamu Manual! \ud83d\udc4b Buku Tamu Digital \u2013 Lebih Aman, Cepat, & Profesional\">\r\n <meta property=\"og:description\" content=\"Transformasi resepsionis Anda dengan Buku Tamu Digital! Tingkatkan keamanan, efisiensi, dan berikan kesan pertama yang tak terlupakan. Coba demo GRATIS 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\/buku-tamu-digital-1754454207704\">\r\n <meta property=\"twitter:title\" content=\"Ucapkan Selamat Tinggal Buku Tamu Manual! \ud83d\udc4b Buku Tamu Digital \u2013 Lebih Aman, Cepat, & Profesional\">\r\n <meta property=\"twitter:description\" content=\"Transformasi resepsionis Anda dengan Buku Tamu Digital! Tingkatkan keamanan, efisiensi, dan berikan kesan pertama yang tak terlupakan. Coba demo GRATIS 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=\"01987d9e-9a1d-7-9158-0ed7b46eacf50d02\">\r\n <meta name=\"slug\" content=\"buku-tamu-digital-1754454207704\">\r\n <meta name=\"user_id\" content=\"d4381967-72af-4627-a373-6cdb2a3990a9\">\r\n <meta name=\"submit_event\" content=\"null\">\r\n <meta name=\"click_event\" content=\"null\">\r\n <meta name=\"watermark\" content=\"1\">\r\n\r\n\r\n \r\n <script>\r\n tailwind.config = {\r\n darkMode: 'class',\r\n }\r\n <\/script>\r\n <script type=\"module\" crossorigin src=\"\/assets\/page-B4cB-CPw.js\"><\/script>\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/clsx-BzO1I1Lv.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-DIlSXS_y.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-XmX7O0f2.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-BHw7yxwW.js\">\r\n <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-B0Pa4yjU.js\">\r\n <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-CtO14UJg.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"bg-gradient-to-br from-blue-100 to-blue-300 py-24 md:py-32 relative overflow-hidden\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"lg:flex items-center justify-between\">\r\n \r\n <div class=\"lg:w-1\/2 text-center lg:text-left mb-12 lg:mb-0\">\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-blue-900 leading-tight mb-6 custom-cursor \">\r\n Buku Tamu Digital: Cara Modern Menyambut Tamu Anda\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-700 mb-8 custom-cursor \">\r\n Tingkatkan efisiensi dan keamanan manajemen kunjungan perusahaan Anda dengan solusi digital yang inovatif dan mudah digunakan.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center lg:justify-start gap-4\">\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-3 text-lg font-semibold rounded-full bg-orange-500 text-white shadow-md hover:bg-orange-600 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-orange-300 custom-cursor \">\r\n Dapatkan Demo Gratis\r\n <svg class=\"w-5 h-5 ml-2 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 10.293a1 1 0 01-1.414-1.414l6-6z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#fitur\" class=\"inline-flex items-center justify-center px-8 py-3 text-lg font-semibold rounded-full bg-blue-700 text-white shadow-md hover:bg-blue-800 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-blue-300 custom-cursor \">\r\n Lihat Fitur Utama\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:w-1\/2 flex justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01987dab-4681-7-92e5-ac089884e87da65c.webp\" alt=\"Ilustrasi Aplikasi Buku Tamu Digital\" class=\"rounded-3xl shadow-2xl transform hover:scale-105 transition-transform duration-500 custom-cursor \">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute top-0 left-0 w-64 h-64 bg-blue-200 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob animation-delay-2000\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-64 h-64 bg-blue-300 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob\"><\/div>\r\n<\/section><section class=\"py-20 px-4 bg-gray-50 overflow-hidden\">\r\n <div class=\"container mx-auto\">\r\n <div class=\"flex flex-col lg:flex-row items-center gap-12\">\r\n <div class=\"lg:w-1\/2 flex justify-center relative\">\r\n <div class=\"absolute -top-10 -left-10 w-48 h-48 bg-blue-100 rounded-full mix-blend-multiply filter blur-xl opacity-30 animate-blob\"><\/div>\r\n <div class=\"absolute -bottom-10 -right-10 w-48 h-48 bg-blue-200 rounded-full mix-blend-multiply filter blur-xl opacity-30 animate-blob animation-delay-2000\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01987dab-6ae5-7-8022-ebb937014a3089f8.webp\" alt=\"Aplikasi Buku Tamu Digital Beraksi\" class=\"rounded-lg shadow-2xl border border-gray-200 transform hover:scale-105 transition-transform duration-500 ease-in-out z-10 custom-cursor \">\r\n <\/div>\r\n <div class=\"lg:w-1\/2 text-gray-800\">\r\n <h2 class=\"text-4xl font-extrabold text-blue-800 mb-6 leading-tight custom-cursor \">\r\n Transformasi Digital untuk Manajemen Kunjungan Anda\r\n <\/h2>\r\n <p class=\"text-lg leading-relaxed mb-8 custom-cursor \">\r\n Buku Tamu Digital adalah solusi komprehensif yang dirancang untuk menyederhanakan dan meningkatkan seluruh proses manajemen kunjungan di perusahaan Anda. Dengan UI\/UX yang modern dan intuitif, aplikasi ini menawarkan pengalaman yang mulus bagi tamu sekaligus efisiensi operasional yang optimal bagi staf Anda.\r\n <\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"flex items-start bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <svg class=\"w-8 h-8 text-blue-600 mr-4 flex-shrink-0 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 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\"><\/path><\/svg>\r\n <div>\r\n <h3 class=\"font-semibold text-xl text-blue-700 mb-2 custom-cursor \">Manajemen Tamu Digital yang Terintegrasi<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor \">Sistem terpusat untuk data tamu yang akurat dan mudah diakses.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <svg class=\"w-8 h-8 text-blue-600 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.007 12.007 0 002 12c0 2.755 1.05 5.49 3.097 7.508A12.006 12.006 0 0012 22c2.755 0 5.49-1.05 7.508-3.097A12.007 12.007 0 0022 12c0-2.755-1.05-5.49-3.097-7.508z\"><\/path><\/svg>\r\n <div>\r\n <h3 class=\"font-semibold text-xl text-blue-700 mb-2 custom-cursor \">Keamanan Data Tingkat Tinggi<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor \">Data sensitif Anda terlindungi dengan enkripsi mutakhir.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <svg class=\"w-8 h-8 text-blue-600 mr-4 flex-shrink-0 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=\"M16 8v8m-4-8v8m-4-8v8M4 16h2a2 2 0 002-2V6a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2z\"><\/path><\/svg>\r\n <div>\r\n <h3 class=\"font-semibold text-xl text-blue-700 mb-2 custom-cursor \">Laporan dan Analisis Komprehensif<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor \">Visualisasikan data kunjungan dengan mudah untuk insight bisnis.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\">\r\n <svg class=\"w-8 h-8 text-blue-600 mr-4 flex-shrink-0 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=\"M15 17v2m-6-2v2m11-9V6a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2h2m2 7h2m4 0h2m-4 0v-2m-2 2h-2\"><\/path><\/svg>\r\n <div>\r\n <h3 class=\"font-semibold text-xl text-blue-700 mb-2 custom-cursor \">Notifikasi Real-time yang Cepat<\/h3>\r\n <p class=\"text-gray-600 text-sm custom-cursor \">Informasi terkini langsung ke perangkat Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-20 px-4 bg-white overflow-hidden\">\r\n <div class=\"container mx-auto\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-4xl font-extrabold text-blue-800 mb-4 custom-cursor \">\r\n Mengatasi Tantangan, Membangun Efisiensi\r\n <\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto custom-cursor \">\r\n Kami memahami kendala yang Anda hadapi. Kini, saatnya beralih ke solusi yang lebih cerdas dan modern.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col lg:flex-row items-center gap-16\">\r\n \r\n <div class=\"lg:w-1\/2 p-8 bg-gradient-to-br from-red-50 to-red-100 rounded-2xl shadow-xl border-t-4 border-red-500 transform hover:scale-[1.02] transition-transform duration-300\">\r\n <div class=\"flex justify-center mb-8\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x250\/FEE2E2\/EF4444\/png?text=Manual+Chaos\" alt=\"Illustrasi Masalah Kunjungan Manual\" class=\"rounded-lg shadow-md border border-red-200 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-3xl font-bold text-red-700 mb-6 text-center custom-cursor \">Masalah yang Sering Anda Hadapi<\/h3>\r\n <ul class=\"space-y-6 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <span class=\"flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-red-100 text-red-600 mr-4 custom-cursor \">\r\n <svg class=\"w-5 h-5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 font-medium custom-cursor \">\r\n <span class=\"font-semibold text-red-800 custom-cursor \">Pelacakan Manual yang Rentan Kesalahan:<\/span> Apakah Anda masih kesulitan melacak data tamu secara manual dan rentan kesalahan?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-red-100 text-red-600 mr-4 custom-cursor \">\r\n <svg class=\"w-5 h-5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 font-medium custom-cursor \">\r\n <span class=\"font-semibold text-red-800 custom-cursor \">Antrean Panjang & Proses Lambat:<\/span> Antrean panjang dan proses check-in yang lambat di area resepsionis?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-red-100 text-red-600 mr-4 custom-cursor \">\r\n <svg class=\"w-5 h-5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 font-medium custom-cursor \">\r\n <span class=\"font-semibold text-red-800 custom-cursor \">Kekhawatiran Keamanan Data:<\/span> Kekhawatiran akan keamanan dan privasi data tamu yang sensitif?\r\n <\/p>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-red-100 text-red-600 mr-4 custom-cursor \">\r\n <svg class=\"w-5 h-5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n <\/span>\r\n <p class=\"text-lg text-gray-700 font-medium custom-cursor \">\r\n <span class=\"font-semibold text-red-800 custom-cursor \">Laporan Tidak Efisien:<\/span> Laporan kunjungan yang tidak efisien dan memakan waktu?\r\n <\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:w-1\/2 p-8 bg-gradient-to-br from-blue-50 to-blue-100 rounded-2xl shadow-xl border-t-4 border-blue-500 transform hover:scale-[1.02] transition-transform duration-300\">\r\n <div class=\"flex justify-center mb-8\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x250\/DDE6F9\/3B82F6\/png?text=Digital+Solution\" alt=\"Illustrasi Solusi Digital\" class=\"rounded-lg shadow-md border border-blue-200 custom-cursor \">\r\n <\/div>\r\n <h3 class=\"text-3xl font-bold text-blue-700 mb-6 text-center custom-cursor \">Solusi Cerdas dari Buku Tamu Digital<\/h3>\r\n <p class=\"text-lg leading-relaxed text-gray-700 mb-8 custom-cursor \">\r\n Dengan Buku Tamu Digital, semua tantangan tersebut kini dapat diatasi. Rasakan otomasi proses check-in\/check-out, jaminan keamanan data terenkripsi, dan akses laporan instan yang akan membuat manajemen kunjungan Anda jauh lebih mudah, cepat, dan aman dari sebelumnya.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center gap-6\">\r\n <div class=\"flex flex-col items-center text-center p-4 bg-white rounded-lg shadow-md flex-1\">\r\n <svg class=\"w-12 h-12 text-blue-600 mb-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=\"1.5\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.007 12.007 0 002 12c0 2.755 1.05 5.49 3.097 7.508A12.006 12.006 0 0012 22c2.755 0 5.49-1.05 7.508-3.097A12.007 12.007 0 0022 12c0-2.755-1.05-5.49-3.097-7.508z\"><\/path><\/svg>\r\n <p class=\"font-semibold text-blue-800 custom-cursor \">Proses Otomatis<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center text-center p-4 bg-white rounded-lg shadow-md flex-1\">\r\n <svg class=\"w-12 h-12 text-blue-600 mb-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=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n <p class=\"font-semibold text-blue-800 custom-cursor \">Cepat & Efisien<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center text-center p-4 bg-white rounded-lg shadow-md flex-1\">\r\n <svg class=\"w-12 h-12 text-blue-600 mb-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=\"1.5\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v3h8z\"><\/path><\/svg>\r\n <p class=\"font-semibold text-blue-800 custom-cursor \">Data Aman<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gray-50 overflow-hidden\">\r\n <div class=\"container mx-auto px-6 max-w-7xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-900 mb-6 leading-tight custom-cursor \">Jelajahi Berbagai Fitur Unggulan Kami<\/h2>\r\n <p class=\"text-xl md:text-2xl text-center text-gray-600 mb-16 max-w-3xl mx-auto custom-cursor \">\r\n Dirancang secara khusus untuk memenuhi kebutuhan manajemen kunjungan paling modern di perusahaan Anda.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h-5m0 0l-5-5m5 5V3\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Manajemen Tamu<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Form Input Lengkap:<\/strong> Kumpulkan data vital tamu seperti nama, instansi, tujuan, divisi, HP, email, serta ID\/KTP dengan form digital intuitif.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Capture Foto Tamu:<\/strong> Abadikan foto real-time menggunakan kamera perangkat dengan pratinjau langsung untuk verifikasi identitas kuat.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Tanda Tangan Digital:<\/strong> Validasi kunjungan dengan tanda tangan elektronik yang aman melalui signature pad.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Upload ID\/KTP:<\/strong> Opsi mengunggah dokumen identitas (KTP\/paspor) guna kelengkapan data (opsional).<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Check-in & Check-out Otomatis:<\/strong> Sistem masuk dan keluar efisien dengan pelacakan waktu otomatis.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">QR Code ID Visitor:<\/strong> Hasilkan QR code unik lengkap dengan foto dan info kunjungan, permudah identifikasi.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Teknologi Modern<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Progressive Web App (PWA):<\/strong> Dapat diinstal langsung, berfungsi optimal bahkan saat offline.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Responsive Design:<\/strong> Antarmuka adaptif dan sempurna untuk berbagai perangkat (tablet, PC, layar sentuh).<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Dark\/Light Mode:<\/strong> Pilih tema visual sesuai preferensi Anda untuk kenyamanan mata.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Real-time Updates:<\/strong> Data selalu terbarui otomatis dan notifikasi instan.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100?text=Devices\" alt=\"Responsive Devices\" class=\"w-24 h-24 object-contain mx-auto mt-4 rounded-lg hidden sm:block custom-cursor \">\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Keamanan & Privasi<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Enkripsi Data:<\/strong> Data sensitif tamu terlindungi dengan standar enkripsi AES-256 tingkat tinggi.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Multi-user Access Control:<\/strong> Atur hak akses berbeda untuk setiap peran (Admin, Operator, Resepsionis).<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Blacklist Management:<\/strong> Sistem pemblokiran tamu bermasalah untuk keamanan tambahan.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Session Management:<\/strong> Keamanan sesi ditingkatkan dengan fitur auto-logout.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Activity Logging:<\/strong> Pencatatan semua aktivitas dalam sistem secara detail untuk auditabilitas.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 3.055A9.944 9.944 0 0112 21a9.944 9.944 0 011-17.945M12 2v20\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Laporan & Analytics<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Dashboard Statistik:<\/strong> Visualisasikan jumlah tamu harian, mingguan, bulanan dengan grafik interaktif.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Filter Advanced:<\/strong> Temukan data cepat menggunakan filter berdasarkan tanggal, divisi, status, atau nama.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Export Data:<\/strong> Ekspor semua laporan dalam format Excel atau PDF untuk analisis lanjut.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Histori Lengkap:<\/strong> Akses riwayat kunjungan tamu secara lengkap beserta foto dan detail.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Laporan Khusus:<\/strong> Lihat laporan spesifik untuk tamu yang belum check-out, per divisi, atau per tujuan.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100?text=Dashboard\" alt=\"Dashboard Visualization\" class=\"w-24 h-24 object-contain mx-auto mt-4 rounded-lg hidden sm:block custom-cursor \">\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Notifikasi & Komunikasi<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Email Notification:<\/strong> Notifikasi otomatis ke karyawan terkait kunjungan tamu atau kedatangan tamu.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">WhatsApp Integration:<\/strong> Kirim notifikasi penting via WhatsApp (dapat dikonfigurasi).<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Real-time Alerts:<\/strong> Notifikasi browser instan untuk admin atau operator tentang aktivitas penting.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354c-1.185-1.185-3.05-1.185-4.235 0-1.185 1.185-1.185 3.05 0 4.235L12 12l4.235-4.235c1.185-1.185 1.185-3.05 0-4.235-1.185-1.185-3.05-1.185-4.235 0zM12 16.5l-4.235 4.235c-1.185 1.185-3.05 1.185-4.235 0-1.185-1.185-1.185-3.05 0-4.235L12 12l4.235 4.235c1.185 1.185 1.185 3.05 0 4.235-1.185 1.185-3.05 1.185-4.235 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Cetak & QR Code<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">ID Visitor Card:<\/strong> Cetak kartu identitas tamu dengan foto, QR code, dan info kunjungan relevan.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">QR Code Scanning:<\/strong> Proses check-out yang cepat dan mudah hanya dengan memindai QR code.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Thermal Printer Support:<\/strong> Kompatibilitas penuh dengan berbagai jenis printer thermal untuk pencetakan efisien.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100?text=QR+Card\" alt=\"QR Code ID Card\" class=\"w-24 h-24 object-contain mx-auto mt-4 rounded-lg hidden sm:block custom-cursor \">\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl p-8 relative overflow-hidden group hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-100 via-blue-50 to-white opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"p-3 bg-blue-500 rounded-full flex-shrink-0\">\r\n <svg class=\"w-8 h-8 text-white custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"ml-4 text-2xl font-bold text-gray-900 custom-cursor \">Backup & Maintenance<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-700 custom-cursor \">\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Auto Backup:<\/strong> Pencadangan database otomatis terjadwal untuk menjamin keamanan dan ketersediaan data.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Data Sync:<\/strong> Sinkronisasi data yang mulus saat perangkat kembali online setelah mode offline.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"h-6 w-6 text-blue-600 mr-3 flex-shrink-0 mt-0.5 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">System Logs:<\/strong> Pemantauan aktivitas dan pencatatan error untuk pemeliharaan sistem proaktif.<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100?text=Cloud+Backup\" alt=\"Cloud Backup Icon\" class=\"w-24 h-24 object-contain mx-auto mt-4 rounded-lg hidden sm:block custom-cursor \">\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-white overflow-hidden\">\r\n <div class=\"container mx-auto px-6 max-w-6xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-900 mb-6 leading-tight custom-cursor \">Buku Tamu Digital: Solusi Ideal Untuk Siapa?<\/h2>\r\n <p class=\"text-xl md:text-2xl text-center text-gray-600 mb-16 max-w-3xl mx-auto custom-cursor \">\r\n Dirancang untuk berbagai jenis perusahaan dan organisasi yang mengutamakan efisiensi, keamanan, dan profesionalisme dalam manajemen kunjungan.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfe2\" alt=\"Corporate Office Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Perusahaan Korporat & Kantor Modern<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Untuk manajemen tamu yang efisien di lingkungan bisnis profesional.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfd9\ufe0f\" alt=\"Commercial Building Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Bangunan Komersial & Co-working Space<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Optimalkan alur masuk-keluar di ruang kerja bersama dan gedung komersial.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udf93\" alt=\"Education Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Sekolah & Institusi Pendidikan<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Manajemen kunjungan orang tua, staf, dan tamu lain dengan aman dan teratur.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfe5\" alt=\"Hospital Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Rumah Sakit & Klinik Medis<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Mencatat kunjungan pasien\/keluarga dengan cepat sambil menjaga privasi.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfed\" alt=\"Factory Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Pabrik & Kawasan Industri Manufaktur<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Kontrol akses dan pelacakan tamu\/vendor untuk keamanan area produksi.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfe8\" alt=\"Hotel Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Hotel & Penginapan<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Sistem check-in tamu yang modern dan efisien di lobi hotel.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-2xl p-6 flex flex-col items-center justify-center text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/E0E7FF\/3B82F6\/svg?text=\ud83c\udfaa\" alt=\"Event Center Icon\" class=\"w-20 h-20 mb-4 custom-cursor \">\r\n <h3 class=\"text-xl font-semibold text-gray-900 mb-2 custom-cursor \">Pusat Event & Konvensi<\/h3>\r\n <p class=\"text-gray-700 text-base custom-cursor \">Manajemen registrasi pengunjung yang cepat dan terorganisir.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 md:py-24 bg-gray-50 overflow-hidden\">\r\n <div class=\"container mx-auto px-6 max-w-3xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-900 mb-6 leading-tight custom-cursor \">Investasi Sekali untuk Efisiensi Jangka Panjang Anda<\/h2>\r\n <p class=\"text-xl md:text-2xl text-center text-gray-600 mb-16 max-w-2xl mx-auto custom-cursor \">\r\n Dapatkan solusi manajemen kunjungan terdepan dengan model lisensi yang transparan dan menguntungkan.\r\n <\/p>\r\n\r\n <div class=\"relative bg-white rounded-3xl shadow-2xl p-8 md:p-12 border-4 border-blue-500 transform transition-all duration-500 hover:scale-[1.02] hover:shadow-3xl\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-50 via-white to-blue-100 opacity-50 rounded-3xl -z-10\"><\/div>\r\n <div class=\"text-center\">\r\n <h3 class=\"text-4xl font-extrabold text-blue-700 mb-4 custom-cursor \">Paket Bisnis Pro<\/h3>\r\n <p class=\"text-6xl md:text-7xl font-bold text-gray-900 mb-8 custom-cursor \">\r\n Rp 5 Juta <span class=\"text-3xl font-semibold text-gray-500 block md:inline-block md:ml-2 custom-cursor \">(Lisensi Seumur Hidup)<\/span>\r\n <\/p>\r\n\r\n <ul class=\"text-xl text-gray-700 space-y-4 mb-10 text-left mx-auto max-w-sm custom-cursor \">\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-8 w-8 text-emerald-500 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \"><strong class=\"text-gray-900\">Semua Fitur Utama<\/strong> yang Disebutkan<\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-8 w-8 text-emerald-500 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \">Dukungan Teknis <strong class=\"text-gray-900\">Prioritas<\/strong><\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-8 w-8 text-emerald-500 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \">Update Fitur <strong class=\"text-gray-900\">Gratis Selamanya<\/strong><\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-8 w-8 text-emerald-500 mr-4 flex-shrink-0 custom-cursor \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <span class=\"custom-cursor \">Pelatihan Penggunaan Aplikasi <strong class=\"text-gray-900\">Eksklusif<\/strong><\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-10 py-4 text-2xl font-bold rounded-full bg-emerald-500 text-white shadow-lg hover:bg-emerald-600 transition-all duration-300 transform hover:-translate-y-1 hover:scale-105 focus:outline-none focus:ring-4 focus:ring-emerald-300 custom-cursor \">\r\n <svg class=\"w-8 h-8 mr-3 custom-cursor \" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12.007 20.407c-4.417 0-8.006-3.589-8.006-8.006s3.589-8.006 8.006-8.006 8.006 3.589 8.006 8.006c0 1.581-.462 3.053-1.258 4.316l1.312 4.032-4.156-1.298c-1.187.653-2.541 1.01-3.904 1.01zm4.275-5.908c-.237-.119-.893-.44-1.03-.493-.138-.052-.237-.052-.346.052-.11.104-.423.493-.518.597-.096.104-.192.11-.355.052-.162-.052-.684-.252-.898-.558-.214-.306-.023-.283.15-.467.098-.096.219-.252.327-.386.109-.133.146-.226.216-.386.07-.156.035-.29-.018-.403-.052-.11-.346-.83-.474-1.134-.128-.306-.252-.258-.346-.263-.09-.006-.196-.006-.3-.006-.104 0-.28.035-.429.175-.148.139-.569.56-.69.673-.122.11-.219.156-.403.052-.18-.104-.429-.156-.816-.312-.39-.156-.921-.868-.813-1.493.109-.624.56-1.04.786-1.25.228-.21.467-.258.604-.258.138 0 .262 0 .399.006.138.006.213.042.322.28.11.237.369.893.404.962.035.07.07.156.035.052-.034-.104-.128-.312-.258-.467-.13-.156-.052-.283.035-.403.07-.122.312-.306.429-.403.11-.096.267-.156.403-.156.138 0 .285.006.429.156.14.156.493.499.619.597.128.104.22.07.306.042.083-.029.262-.104.499-.306.237-.202.409-.312.48-.36.07-.052.262-.052.48-.052.214 0 .499.07.72.339.22.269.704 2.052.704 2.113 0 .06-.023.11-.047.162z\" fill-rule=\"nonzero\"><\/path><\/svg>\r\n Beli Sekarang via WhatsApp\r\n <\/a>\r\n <p class=\"mt-6 text-sm text-gray-500 custom-cursor \">\r\n <a href=\"tel:+6282136068256\" class=\"underline hover:text-blue-600 transition-colors duration-200 custom-cursor \">Hubungi: 0821-3606-8256<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-white\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 mb-6 leading-tight custom-cursor \">Rasakan Langsung Kemudahannya!<\/h2>\r\n <p class=\"text-lg md:text-xl text-gray-700 mb-10 max-w-3xl mx-auto custom-cursor \">Ingin melihat bagaimana Buku Tamu Digital dapat secara nyata mengubah dan menyederhanakan manajemen kunjungan di perusahaan Anda? Hubungi kami sekarang untuk menjadwalkan sesi demo eksklusif.<\/p>\r\n <div class=\"flex flex-col md:flex-row items-center justify-center gap-6\">\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center px-10 py-4 border border-transparent text-lg font-bold rounded-full shadow-lg text-white bg-orange-500 hover:bg-orange-600 transition-all duration-300 ease-in-out transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-orange-300 custom-cursor \">\r\n Coba Demo Sekarang\r\n <span class=\"ml-3 text-sm font-normal custom-cursor \">(WhatsApp 0821-3606-8256)<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"mt-12\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01987dab-b95e-7-91ef-5dd52b472292622c.webp\" alt=\"Ilustrasi Demo Aplikasi\" class=\"mx-auto rounded-xl shadow-2xl transform hover:scale-102 transition-transform duration-500 custom-cursor highlight-active\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 bg-blue-50\">\r\n <div class=\"container mx-auto px-6 max-w-4xl\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-blue-900 mb-12 text-center custom-cursor \">Pertanyaan yang Sering Diajukan<\/h2>\r\n\r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-md transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center text-left text-xl font-semibold text-blue-800 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">Apakah aplikasi ini kompatibel dengan semua jenis perangkat?<\/span>\r\n <span class=\"faq-icon text-2xl transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out text-gray-700 mt-4 text-lg\">\r\n <p class=\"custom-cursor \">Ya, Buku Tamu Digital dirancang sebagai Progressive Web App (PWA) dengan desain responsif penuh, optimal di tablet, PC, dan perangkat layar sentuh lainnya.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-md transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center text-left text-xl font-semibold text-blue-800 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">Bagaimana dengan keamanan data tamu?<\/span>\r\n <span class=\"faq-icon text-2xl transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out text-gray-700 mt-4 text-lg\">\r\n <p class=\"custom-cursor \">Data sensitif tamu Anda dilindungi dengan standar enkripsi AES-256 yang kuat, menjamin privasi dan keamanan tingkat tinggi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-md transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center text-left text-xl font-semibold text-blue-800 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">Apakah ada biaya langganan bulanan atau tahunan?<\/span>\r\n <span class=\"faq-icon text-2xl transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out text-gray-700 mt-4 text-lg\">\r\n <p class=\"custom-cursor \">Tidak, kami menawarkan lisensi sekali bayar sebesar 5 Juta Rupiah yang mencakup semua fitur utama, dukungan teknis, dan update fitur seumur hidup tanpa biaya tersembunyi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-md transition-all duration-300 ease-in-out\">\r\n <button class=\"faq-toggle w-full flex justify-between items-center text-left text-xl font-semibold text-blue-800 focus:outline-none custom-cursor \">\r\n <span class=\"custom-cursor \">Bisakah saya mencoba demonya terlebih dahulu sebelum membeli?<\/span>\r\n <span class=\"faq-icon text-2xl transform transition-transform duration-300 custom-cursor \">+<\/span>\r\n <\/button>\r\n <div class=\"faq-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out text-gray-700 mt-4 text-lg\">\r\n <p class=\"custom-cursor \">Tentu, Anda bisa menghubungi kami melalui WhatsApp di 0821-3606-8256 untuk menjadwalkan sesi demo gratis dan melihat langsung bagaimana aplikasi ini bekerja.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const faqToggles = document.querySelectorAll('.faq-toggle');\r\n\r\n faqToggles.forEach(toggle => {\r\n toggle.addEventListener('click', function() {\r\n const content = this.nextElementSibling;\r\n const icon = this.querySelector('.faq-icon');\r\n\r\n if (content.classList.contains('active')) {\r\n content.classList.remove('active');\r\n content.style.maxHeight = '0';\r\n icon.classList.remove('rotate-45'); \/\/ Remove rotation to show '+'\r\n } else {\r\n \/\/ Close other open FAQ items (for single-open accordion)\r\n document.querySelectorAll('.faq-content.active').forEach(openContent => {\r\n openContent.classList.remove('active');\r\n openContent.style.maxHeight = '0';\r\n openContent.previousElementSibling.querySelector('.faq-icon').classList.remove('rotate-45');\r\n });\r\n\r\n content.classList.add('active');\r\n content.style.maxHeight = content.scrollHeight + 'px'; \/\/ Set height to content's scrollHeight\r\n icon.classList.add('rotate-45'); \/\/ Add rotation to show 'X'\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/section><section class=\"py-16 bg-blue-900 text-white\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 lg:gap-24\">\r\n \r\n <div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-6 text-blue-200 custom-cursor \">Navigasi Cepat<\/h3>\r\n <ul class=\"space-y-3 custom-cursor \">\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">Beranda<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">Fitur<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">Harga<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">Demo<\/a><\/li>\r\n <li><a href=\"#\" class=\"text-blue-50 hover:text-orange-400 transition-colors duration-300 text-lg custom-cursor \">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-6 text-blue-200 custom-cursor \">Kontak Kami<\/h3>\r\n <address class=\"not-italic space-y-3 text-lg\">\r\n <p class=\"flex items-center text-blue-50 custom-cursor \">\r\n <span class=\"mr-3 text-2xl custom-cursor \">\u2709\ufe0f<\/span>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#c3aaada5ac83b0b7a2b1a5aaa6afa7edaaa7\" class=\"hover:text-orange-400 transition-colors duration-300 custom-cursor \"><span class=\"__cf_email__\" data-cfemail=\"e68f888089a695928794808f838a82c88f82\">[email protected]<\/span><\/a>\r\n <\/p>\r\n <p class=\"flex items-center text-blue-50 custom-cursor \">\r\n <span class=\"mr-3 text-2xl custom-cursor \">\ud83d\udcde<\/span>\r\n <a href=\"tel:+6282136068256\" class=\"hover:text-orange-400 transition-colors duration-300 custom-cursor \">0821-3606-8256<\/a>\r\n <\/p>\r\n <p class=\"flex items-center text-blue-50 custom-cursor \">\r\n <span class=\"mr-3 text-2xl custom-cursor \">\ud83d\udccd<\/span>\r\n Villa Ciomas Indah Blok H-3 No.6 | Ciomas \u2013 Bogor\r\n <\/p>\r\n <\/address>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-6 text-blue-200 custom-cursor \">Tentang Kami<\/h3>\r\n <p class=\"text-blue-50 text-lg custom-cursor \">\r\n Starfield.id adalah pengembang di balik Buku Tamu Digital, berdedikasi untuk menyediakan solusi manajemen kunjungan perusahaan yang inovatif, efisien, dan aman. Visi kami adalah menyederhanakan operasional bisnis melalui teknologi mutakhir.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"border-t border-blue-800 mt-12 pt-8 text-center text-blue-300 text-md\">\r\n \u00a9 <span id=\"current-year\" class=\"custom-cursor \"><\/span> starfield.id \u2013 Semua Hak Dilindungi.\r\n <\/div>\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>Ucapkan Selamat Tinggal Buku Tamu Manual! \ud83d\udc4b Buku Tamu Digital \u2013 Lebih Aman, Cepat, & Profesional Buku Tamu Digital: Cara Modern Menyambut Tamu Anda Tingkatkan efisiensi dan keamanan manajemen kunjungan perusahaan Anda dengan solusi digital yang inovatif dan mudah digunakan. Dapatkan Demo Gratis Lihat Fitur Utama Transformasi Digital untuk Manajemen Kunjungan Anda Buku Tamu Digital …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12362\"> <span class=\"screen-reader-text\">software buku tamu<\/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-12362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12362","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=12362"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12362\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}