{"id":12388,"date":"2025-08-11T06:17:09","date_gmt":"2025-08-10T23:17:09","guid":{"rendered":"https:\/\/starfield.id\/?page_id=12388"},"modified":"2025-08-11T06:20:22","modified_gmt":"2025-08-10T23:20:22","slug":"software-jasa-tukang","status":"publish","type":"page","link":"https:\/\/starfield.id\/?page_id=12388","title":{"rendered":"software jasa tukang"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n TukangKu: Temukan Tukang Profesional Terpercaya! Renovasi Impian, Kini Jadi Kenyataan!<\/title> \r\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon.png\"> \r\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.16\"><\/script> \r\n\r\n <!-- Primary Meta Tags -->\r\n <meta name=\"description\" content=\"Bingung cari tukang terpercaya? TukangKu hadir! Dapatkan akses mudah ke ribuan tukang profesional, harga transparan, dan jaminan kualitas. Wujudkan renovasi impianmu sekarang!\">\r\n \r\n <!-- Open Graph \/ Facebook -->\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/marketplace-jasa-tukang-profesional-1754867185230\">\r\n <meta property=\"og:title\" content=\"TukangKu: Temukan Tukang Profesional Terpercaya! Renovasi Impian, Kini Jadi Kenyataan!\">\r\n <meta property=\"og:description\" content=\"Bingung cari tukang terpercaya? TukangKu hadir! Dapatkan akses mudah ke ribuan tukang profesional, harga transparan, dan jaminan kualitas. Wujudkan renovasi impianmu sekarang!\">\r\n <meta property=\"og:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n <!-- Twitter -->\r\n <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n <meta property=\"twitter:url\" content=\"\/\/id.tapsite.ai\/marketplace-jasa-tukang-profesional-1754867185230\">\r\n <meta property=\"twitter:title\" content=\"TukangKu: Temukan Tukang Profesional Terpercaya! Renovasi Impian, Kini Jadi Kenyataan!\">\r\n <meta property=\"twitter:description\" content=\"Bingung cari tukang terpercaya? TukangKu hadir! Dapatkan akses mudah ke ribuan tukang profesional, harga transparan, dan jaminan kualitas. Wujudkan renovasi impianmu 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=\"0198963c-289b-7-8183-c74dcd11a1b89bf8\">\r\n <meta name=\"slug\" content=\"marketplace-jasa-tukang-profesional-1754867185230\">\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=\"relative bg-gradient-to-br from-purple-800 to-indigo-900 text-white min-h-screen flex items-center justify-center overflow-hidden py-16 px-4 md:px-8\">\r\n <!-- Background subtle pattern\/texture for innovation -->\r\n <div class=\"absolute inset-0 z-0 opacity-10\" style=\"background-image: url('data:image\/svg+xml,%3Csvg width=\\'40\\' height=\\'40\\' viewBox=\\'0 0 40 40\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cg fill=\\'%23ffffff\\' fill-opacity=\\'0.2\\' fill-rule=\\'evenodd\\'%3E%3Cpath d=\\'M0 40L40 0H20L0 20M40 40V20L20 40\\'\/%3E%3C\/g%3E%3C\/svg%3E');\"><\/div>\r\n\r\n <div class=\"relative z-10 w-full max-w-7xl mx-auto\">\r\n <!-- Navigation Bar -->\r\n <nav class=\"flex justify-between items-center mb-16\">\r\n <div class=\"flex items-center space-x-2\">\r\n <!-- Logo TukangKu -->\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/40x40\/ffffff\/000000?text=TK\" alt=\"TukangKu Logo\" class=\"rounded-full custom-cursor\">\r\n <span class=\"text-2xl font-bold tracking-tight custom-cursor\">TukangKu<\/span>\r\n <\/div>\r\n <div class=\"hidden md:flex space-x-8 text-lg font-medium\">\r\n <a href=\"#features\" class=\"hover:text-purple-200 transition duration-300 custom-cursor\">Fitur<\/a>\r\n <a href=\"#pricing\" class=\"hover:text-purple-200 transition duration-300 custom-cursor\">Harga<\/a>\r\n <a href=\"#demo\" class=\"hover:text-purple-200 transition duration-300 custom-cursor\">Demo<\/a>\r\n <a href=\"#faq\" class=\"hover:text-purple-200 transition duration-300 custom-cursor\">FAQ<\/a>\r\n <\/div>\r\n <button class=\"md:hidden text-white focus:outline-none custom-cursor\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"><\/path><\/svg>\r\n <\/button>\r\n <\/nav>\r\n\r\n <!-- Hero Content -->\r\n <div class=\"flex flex-col md:flex-row items-center justify-between text-center md:text-left gap-12\">\r\n <div class=\"md:w-1\/2\">\r\n <h1 class=\"text-5xl md:text-6xl font-extrabold leading-tight mb-6 custom-cursor\">\r\n Solusi Terdepan untuk Jasa Tukang Profesional dan Terpercaya.\r\n <\/h1>\r\n <p class=\"text-xl md:text-2xl text-purple-200 mb-10 custom-cursor\">\r\n Hubungkan diri Anda dengan penyedia jasa terbaik, atau temukan peluang tak terbatas sebagai tukang profesional.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center md:justify-start gap-4\">\r\n <a href=\"#demo\" class=\"bg-teal-500 hover:bg-teal-600 text-white font-bold py-4 px-8 rounded-full shadow-lg transform hover:scale-105 transition duration-300 ease-in-out text-lg custom-cursor\">\r\n Lihat Demo Sekarang\r\n <\/a>\r\n <a href=\"#features\" class=\"bg-transparent border-2 border-purple-300 text-purple-200 hover:bg-purple-700 hover:border-purple-700 py-4 px-8 rounded-full transform hover:scale-105 transition duration-300 ease-in-out text-lg custom-cursor\">\r\n Mulai Jelajahi\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:w-1\/2 flex justify-center md:justify-end\">\r\n <!-- Creative mockup\/illustration -->\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01989640-e4a0-7-b27f-e42831d9ba09076f.webp\" alt=\"TukangKu App Mockup\" class=\"w-full max-w-md md:max-w-lg lg:max-w-xl rounded-xl shadow-2xl transform hover:scale-105 transition-transform duration-500 ease-in-out custom-cursor\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-white py-20 px-4 md:px-8\">\r\n <div class=\"max-w-6xl mx-auto text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-purple-800 mb-8 custom-cursor\">\r\n Tentang <span class=\"text-teal-500 custom-cursor\">TukangKu<\/span>\r\n <\/h2>\r\n <p class=\"text-lg md:text-xl text-gray-700 leading-relaxed mb-12 max-w-3xl mx-auto custom-cursor\">\r\n <strong class=\"text-purple-700\">TukangKu<\/strong> adalah aplikasi marketplace jasa tukang terkemuka yang dirancang untuk menjembatani kebutuhan Anda dengan para profesional di bidangnya. Kami hadir sebagai solusi cerdas untuk kemudahan, keamanan, dan efisiensi dalam mencari atau menawarkan jasa tukang.\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 mt-16\">\r\n <div class=\"flex flex-col items-center p-6 bg-purple-50 rounded-lg shadow-sm hover:shadow-lg transition-shadow duration-300 ease-in-out transform hover:-translate-y-2\">\r\n <div class=\"bg-purple-100 p-4 rounded-full mb-4\">\r\n <svg class=\"w-12 h-12 text-purple-600 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-purple-700 mb-3 custom-cursor\">Kemudahan<\/h3>\r\n <p class=\"text-gray-600 text-center custom-cursor\">Temukan tukang berkualitas hanya dengan beberapa ketukan di layar Anda, proses pemesanan yang intuitif dan cepat.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-purple-50 rounded-lg shadow-sm hover:shadow-lg transition-shadow duration-300 ease-in-out transform hover:-translate-y-2\">\r\n <div class=\"bg-purple-100 p-4 rounded-full mb-4\">\r\n <svg class=\"w-12 h-12 text-purple-600 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.001 12.001 0 002.92 12c0 2.872 1.16 5.59 3.248 7.643A11.955 11.955 0 0112 21.056c3.248-.48 6.16-2.583 7.643-5.618A12.001 12.001 0 0021.08 12c0-2.872-1.16-5.59-3.248-7.643z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-purple-700 mb-3 custom-cursor\">Keamanan<\/h3>\r\n <p class=\"text-gray-600 text-center custom-cursor\">Semua tukang terverifikasi, sistem pembayaran transparan, dan jaminan kualitas pekerjaan.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-center p-6 bg-purple-50 rounded-lg shadow-sm hover:shadow-lg transition-shadow duration-300 ease-in-out transform hover:-translate-y-2\">\r\n <div class=\"bg-purple-100 p-4 rounded-full mb-4\">\r\n <svg class=\"w-12 h-12 text-purple-600 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-purple-700 mb-3 custom-cursor\">Efisiensi<\/h3>\r\n <p class=\"text-gray-600 text-center custom-cursor\">Hemat waktu dan tenaga dengan proses pencarian dan manajemen proyek yang terintegrasi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Illustration of seamless connection -->\r\n <div class=\"mt-20\">\r\n <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01989641-0b5e-7-ba34-177d5bdadf0d1279.webp\" alt=\"Seamless Customer-Tukang Connection\" class=\"mx-auto rounded-xl shadow-xl transform hover:scale-[1.02] transition-transform duration-500 ease-in-out custom-cursor highlight-active\">\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"bg-purple-50 py-20 px-4 md:px-8\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-purple-800 mb-16 custom-cursor\">\r\n Mengatasi Tantangan, Memberikan <span class=\"text-teal-500 custom-cursor\">Solusi Nyata<\/span>\r\n <\/h2>\r\n\r\n <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\r\n <!-- Problems Side -->\r\n <div class=\"lg:w-1\/2 bg-white p-8 rounded-xl shadow-lg border-t-4 border-red-500 transform hover:scale-[1.01] transition-transform duration-300\">\r\n <h3 class=\"text-3xl font-bold text-red-600 mb-8 flex items-center justify-center lg:justify-start custom-cursor\">\r\n <svg class=\"w-10 h-10 mr-4 text-red-500 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 Tantangan yang Sering Dihadapi\r\n <\/h3>\r\n <div class=\"space-y-8\">\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-800 mb-3 custom-cursor\">Bagi Pelanggan:<\/h4>\r\n <ul class=\"list-none space-y-3 text-gray-600 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <span class=\"text-red-500 mr-3 text-2xl font-bold custom-cursor\">\u2022<\/span> Sulit mencari tukang terpercaya dan berkualitas.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"text-red-500 mr-3 text-2xl font-bold custom-cursor\">\u2022<\/span> Harga yang tidak transparan dan seringkali berubah.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"text-red-500 mr-3 text-2xl font-bold custom-cursor\">\u2022<\/span> Proses pemesanan yang rumit dan memakan waktu.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-800 mb-3 custom-cursor\">Bagi Tukang Profesional:<\/h4>\r\n <ul class=\"list-none space-y-3 text-gray-600 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <span class=\"text-red-500 mr-3 text-2xl font-bold custom-cursor\">\u2022<\/span> Kesulitan mendapatkan proyek dan memperluas jangkauan pasar.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"text-red-500 mr-3 text-2xl font-bold custom-cursor\">\u2022<\/span> Manajemen jadwal yang tidak efisien dan rentan bentrok.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"text-red-500 mr-3 text-2xl font-bold custom-cursor\">\u2022<\/span> Kurangnya visibilitas dan kredibilitas di mata calon pelanggan.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Solution Side -->\r\n <div class=\"lg:w-1\/2 bg-white p-8 rounded-xl shadow-lg border-t-4 border-teal-500 transform hover:scale-[1.01] transition-transform duration-300\">\r\n <h3 class=\"text-3xl font-bold text-teal-600 mb-8 flex items-center justify-center lg:justify-start custom-cursor\">\r\n <svg class=\"w-10 h-10 mr-4 text-teal-500 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 Solusi Inovatif dari TukangKu\r\n <\/h3>\r\n <div class=\"space-y-8\">\r\n <p class=\"text-gray-700 text-lg leading-relaxed custom-cursor\">\r\n TukangKu hadir sebagai jembatan yang menghubungkan Anda dengan solusi. Kami menawarkan platform yang revolusioner untuk mengatasi setiap tantangan yang ada:\r\n <\/p>\r\n <ul class=\"list-none space-y-4 text-gray-700 custom-cursor\">\r\n <li class=\"flex items-start\">\r\n <span class=\"text-teal-500 mr-3 text-2xl font-bold custom-cursor\">\u2713<\/span> <strong class=\"text-purple-700\">Verifikasi Ketat:<\/strong> Setiap tukang melalui proses verifikasi detail untuk menjamin kualitas dan kepercayaan.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"text-teal-500 mr-3 text-2xl font-bold custom-cursor\">\u2713<\/span> <strong class=\"text-purple-700\">Harga Transparan:<\/strong> Sistem estimasi biaya yang jelas dan pembayaran aman terintegrasi.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"text-teal-500 mr-3 text-2xl font-bold custom-cursor\">\u2713<\/span> <strong class=\"text-purple-700\">Pemesanan Mudah:<\/strong> Antarmuka intuitif dan fitur chat real-time untuk komunikasi lancar.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"text-teal-500 mr-3 text-2xl font-bold custom-cursor\">\u2713<\/span> <strong class=\"text-purple-700\">Jangkauan Luas:<\/strong> Tukang dapat menampilkan portofolio dan ditemukan oleh ribuan pelanggan potensial.\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"text-teal-500 mr-3 text-2xl font-bold custom-cursor\">\u2713<\/span> <strong class=\"text-purple-700\">Manajemen Efisien:<\/strong> Fitur kalender dan notifikasi otomatis untuk pengelolaan jadwal yang optimal.\r\n <\/li>\r\n <\/ul>\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x250\/A78BFA\/FFFFFF\/png?text=TukangKu+Solusi\" alt=\"TukangKu Solution Diagram\" class=\"mx-auto mt-8 rounded-lg shadow-md custom-cursor\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 px-4 sm:px-6 lg:px-8 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto text-center\">\r\n <h2 class=\"text-4xl font-extrabold text-purple-800 sm:text-5xl lg:text-6xl mb-8 custom-cursor\">\r\n Fitur Unggulan TukangKu: Solusi Komprehensif untuk Kebutuhan Jasa Anda\r\n <\/h2>\r\n <p class=\"mt-4 text-xl text-gray-600 mb-16 max-w-3xl mx-auto custom-cursor\">\r\n TukangKu hadir dengan serangkaian fitur inovatif yang dirancang untuk memberikan pengalaman terbaik bagi pelanggan, memberdayakan para tukang, dan memudahkan administrasi.\r\n <\/p>\r\n\r\n <!-- Multi-Panel System Overview -->\r\n <div class=\"mb-20\">\r\n <h3 class=\"text-3xl font-bold text-purple-700 mb-10 custom-cursor\">Sistem Multi-Panel Intuitif<\/h3>\r\n <div class=\"grid md:grid-cols-3 gap-12\">\r\n <!-- Customer Panel -->\r\n <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300\/e0bbf4\/4d2a71?text=Customer+Panel\" alt=\"Customer Panel Mockup\" class=\"w-full h-auto rounded-lg mb-6 shadow-md custom-cursor\">\r\n <h4 class=\"text-2xl font-semibold text-purple-800 mb-3 custom-cursor\">Panel Pelanggan<\/h4>\r\n <p class=\"text-gray-600 custom-cursor\">Mudahnya menemukan dan memesan jasa tukang profesional dengan antarmuka yang ramah pengguna. Segala kebutuhan perbaikan dan perawatan dalam genggaman Anda.<\/p>\r\n <\/div>\r\n <!-- Tukang Panel -->\r\n <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300\/e0bbf4\/4d2a71?text=Tukang+Panel\" alt=\"Tukang Panel Mockup\" class=\"w-full h-auto rounded-lg mb-6 shadow-md custom-cursor\">\r\n <h4 class=\"text-2xl font-semibold text-purple-800 mb-3 custom-cursor\">Panel Tukang<\/h4>\r\n <p class=\"text-gray-600 custom-cursor\">Platform untuk para tukang agar dapat memperluas jangkauan klien, mengelola proyek, dan meningkatkan pendapatan dengan efisien dan transparan.<\/p>\r\n <\/div>\r\n <!-- Admin Panel -->\r\n <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300\/e0bbf4\/4d2a71?text=Admin+Panel\" alt=\"Admin Panel Mockup\" class=\"w-full h-auto rounded-lg mb-6 shadow-md custom-cursor\">\r\n <h4 class=\"text-2xl font-semibold text-purple-800 mb-3 custom-cursor\">Panel Administrator<\/h4>\r\n <p class=\"text-gray-600 custom-cursor\">Kontrol penuh atas seluruh operasional marketplace, dari manajemen pengguna hingga laporan transaksi, semua dalam satu dashboard yang kuat.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Detailed Features -->\r\n <div class=\"text-left\">\r\n <div class=\"grid lg:grid-cols-2 gap-16 mb-20\">\r\n <!-- Fitur Pelanggan -->\r\n <div>\r\n <h3 class=\"text-3xl font-bold text-purple-700 mb-8 custom-cursor\">Untuk Pelanggan: Kemudahan di Setiap Langkah<\/h3>\r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 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=\"M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM12 14c-1.472-0.669-2-1.382-2-2v-1.5M12 14V21m-7-5h14M7 16H3a2 2 0 01-2-2V7a2 2 0 012-2h3m7 0h3a2 2 0 012 2v7a2 2 0 01-2 2h-3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Registrasi & Profil Mudah<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Buat akun dengan cepat dan lengkapi profil Anda untuk pengalaman personalisasi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 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=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Pencarian Cerdas & Filter Lengkap<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Temukan tukang berdasarkan lokasi, kategori jasa, rating, dan ketersediaan.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h.01M7 12h.01M7 15h.01M17 12h.01M17 15h.01M17 18h.01\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Booking dengan Jadwal Fleksibel<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Pesan jasa sesuai waktu luang Anda dengan sistem penjadwalan yang intuitif.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Chat Real-time<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Berkomunikasi langsung dengan tukang untuk detail pekerjaan atau pertanyaan.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 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.049 2.175A2.25 2.25 0 009.435 1.5H7.5A2.25 2.25 0 005.465 2.175M12 21.75V4.75\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21.75V4.75M12 4.75a2.25 2.25 0 012.25-2.25h1.935c.576 0 1.144.204 1.583.575a2.25 2.25 0 01.464 2.106L18 7.5l-.946 2.067c-.206.45-.699.75-1.229.75H12\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Review & Rating Transparan<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Berikan ulasan dan rating untuk membantu pengguna lain memilih tukang terbaik.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Riwayat Pesanan & Dashboard<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Akses semua riwayat pesanan dan pantau status pekerjaan dari dashboard pribadi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Fitur Tukang -->\r\n <div>\r\n <h3 class=\"text-3xl font-bold text-purple-700 mb-8 custom-cursor\">Untuk Tukang: Optimalkan Potensi Anda<\/h3>\r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 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 7a4 4 0 11-8 0 4 4 0 018 0zM12 14c-1.472 0-2-1.382-2-2v-1.5\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Profil Lengkap dengan Portofolio<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Tampilkan keahlian Anda dengan profil yang informatif dan galeri proyek.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 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=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h14a2 2 0 012 2v12a4 4 0 01-4 4H7zm4-12v8m4-8v8m-4-8H7a2 2 0 00-2 2v4a2 2 0 002 2h4m-4-8v-2h4v2\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Manajemen Layanan & Harga<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Atur jenis jasa yang Anda tawarkan dan tentukan harga Anda sendiri.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h.01M7 12h.01M7 15h.01M17 12h.01M17 15h.01M17 18h.01\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Jadwal Ketersediaan Dinamis<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Kelola jadwal kerja Anda agar sesuai dengan ketersediaan dan proyek yang masuk.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Kelola Pesanan & Notifikasi<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Terima, kelola, dan pantau semua pesanan dengan notifikasi real-time.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Chat dengan Pelanggan<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Komunikasi langsung yang mudah untuk detail proyek dan penyesuaian.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Laporan Pendapatan Akurat<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Pantau penghasilan Anda dengan laporan yang detail dan mudah dipahami.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Status Verifikasi Admin<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Tingkatkan kredibilitas dengan status verified setelah melalui proses admin.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Fitur Admin & Transaksi -->\r\n <div class=\"grid lg:grid-cols-2 gap-16\">\r\n <!-- Fitur Admin -->\r\n <div>\r\n <h3 class=\"text-3xl font-bold text-purple-700 mb-8 custom-cursor\">Untuk Admin: Kontrol Penuh & Efisiensi<\/h3>\r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Dashboard Statistik Komprehensif<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Pantau performa platform dengan data dan grafik yang mudah dibaca.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M10 20a2 2 0 01-2 2h4a2 2 0 002-2V6a2 2 0 00-2-2H8a2 2 0 00-2 2v4a2 2 0 012 2h2\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Manajemen Pengguna Lengkap<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Kelola akun pelanggan dan tukang, termasuk hak akses dan status.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Verifikasi Akun Tukang<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Pastikan kualitas dan kepercayaan dengan sistem verifikasi profesional.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37a1.724 1.724 0 002.572-1.065z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Kelola Kategori Jasa<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Tambahkan, edit, atau hapus kategori jasa agar platform tetap relevan.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Manajemen Transaksi & Komisi<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Lacak setiap transaksi dan kelola sistem komisi dengan mudah dan transparan.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Laporan Harian\/Bulanan<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Dapatkan insight bisnis dengan laporan kinerja yang terperinci secara berkala.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37a1.724 1.724 0 002.572-1.065z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Pengaturan Website Fleksibel<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Kontrol penuh atas konfigurasi dan tampilan platform Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Pembayaran & Transaksi -->\r\n <div>\r\n <h3 class=\"text-3xl font-bold text-purple-700 mb-8 custom-cursor\">Pembayaran & Transaksi: Aman dan Transparan<\/h3>\r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Opsi Pembayaran Online Lengkap<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Dukungan QRIS dan Bank Transfer untuk kemudahan dan kecepatan transaksi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 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=\"M7 7h.01M7 11h.01M7 15h.01M17 7h.01M17 11h.01M17 15h.01M8 12h8m-9 0H7A2 2 0 005 14v4a2 2 0 002 2h10a2 2 0 002-2v-4a2 2 0 00-2-2h-1\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Sistem Komisi Admin Fleksibel<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Atur presentase komisi untuk setiap transaksi sesuai kebutuhan bisnis Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 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 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8V2.731a1 1 0 00-1-1v-2h2v10m-3-4a.5.5 0 100 1 .5.5 0 000-1z\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Pelacakan Pembayaran Real-time<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Pantau status pembayaran setiap pesanan untuk visibilitas penuh.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"flex-shrink-0 mr-4 mt-1\">\r\n <span class=\"bg-purple-100 text-purple-600 p-2 rounded-full inline-flex items-center justify-center custom-cursor\">\r\n <svg class=\"h-6 w-6 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-semibold text-gray-900 custom-cursor\">Invoice Otomatis<\/h4>\r\n <p class=\"mt-1 text-gray-600 custom-cursor\">Hasilkan invoice secara otomatis untuk setiap transaksi yang berhasil.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 px-4 sm:px-6 lg:px-8 bg-white\">\r\n <div class=\"max-w-7xl mx-auto text-center\">\r\n <h2 class=\"text-4xl font-extrabold text-purple-800 sm:text-5xl lg:text-6xl mb-8 custom-cursor\">\r\n TukangKu Dirancang untuk Siapa Saja?\r\n <\/h2>\r\n <p class=\"mt-4 text-xl text-gray-600 mb-16 max-w-3xl mx-auto custom-cursor\">\r\n TukangKu adalah solusi serbaguna yang melayani berbagai segmen pengguna, dari individu hingga korporasi, serta memberdayakan para profesional di bidang jasa.\r\n <\/p>\r\n\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-12\">\r\n <!-- Individu atau Keluarga -->\r\n <div class=\"bg-gray-50 p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 flex flex-col items-center text-center\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/f3e8ff\/6b21a8?text=Family\" alt=\"Individual or Family Icon\" class=\"w-24 h-24 mb-6 rounded-full object-cover custom-cursor\">\r\n <h3 class=\"text-2xl font-bold text-purple-800 mb-3 custom-cursor\">Individu atau Keluarga<\/h3>\r\n <p class=\"text-gray-600 custom-cursor\">\r\n Yang mencari jasa perbaikan, pembangunan, atau pemeliharaan rumah dengan mudah, cepat, dan terpercaya tanpa perlu khawatir kualitas.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Pemilik Usaha Kecil dan Menengah -->\r\n <div class=\"bg-gray-50 p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 flex flex-col items-center text-center\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/f3e8ff\/6b21a8?text=SME\" alt=\"SME Owner Icon\" class=\"w-24 h-24 mb-6 rounded-full object-cover custom-cursor\">\r\n <h3 class=\"text-2xl font-bold text-purple-800 mb-3 custom-cursor\">Pemilik Usaha Kecil & Menengah (UKM)<\/h3>\r\n <p class=\"text-gray-600 custom-cursor\">\r\n Yang membutuhkan jasa instalasi, renovasi, atau pemeliharaan properti komersial dengan solusi yang efisien dan profesional.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Perusahaan Manajemen Properti -->\r\n <div class=\"bg-gray-50 p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 flex flex-col items-center text-center\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/f3e8ff\/6b21a8?text=Property\" alt=\"Property Management Icon\" class=\"w-24 h-24 mb-6 rounded-full object-cover custom-cursor\">\r\n <h3 class=\"text-2xl font-bold text-purple-800 mb-3 custom-cursor\">Perusahaan Manajemen Properti<\/h3>\r\n <p class=\"text-gray-600 custom-cursor\">\r\n Mencari solusi terpusat dan efisien untuk mengelola kebutuhan perbaikan dan pemeliharaan berbagai properti secara terorganisir.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Para Profesional Tukang -->\r\n <div class=\"bg-gray-50 p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 flex flex-col items-center text-center\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/f3e8ff\/6b21a8?text=Pro+Handyman\" alt=\"Professional Handyman Icon\" class=\"w-24 h-24 mb-6 rounded-full object-cover custom-cursor\">\r\n <h3 class=\"text-2xl font-bold text-purple-800 mb-3 custom-cursor\">Para Profesional Tukang<\/h3>\r\n <p class=\"text-gray-600 custom-cursor\">\r\n Tukang bangunan, listrik, pipa, kayu, kebun, dan penyedia jasa perbaikan lainnya yang ingin memperluas jangkauan pelanggan.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Penyedia Jasa Independen -->\r\n <div class=\"bg-gray-50 p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 flex flex-col items-center text-center\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/f3e8ff\/6b21a8?text=Freelancer\" alt=\"Independent Service Provider Icon\" class=\"w-24 h-24 mb-6 rounded-full object-cover custom-cursor\">\r\n <h3 class=\"text-2xl font-bold text-purple-800 mb-3 custom-cursor\">Penyedia Jasa Independen<\/h3>\r\n <p class=\"text-gray-600 custom-cursor\">\r\n Yang ingin mengelola pekerjaan, jadwal, dan pendapatan mereka sendiri secara lebih efisien dan mandiri melalui platform digital.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-16 px-4 sm:px-6 lg:px-8 bg-gray-50\">\r\n <div class=\"max-w-4xl mx-auto text-center\">\r\n <h2 class=\"text-4xl font-extrabold text-purple-800 sm:text-5xl lg:text-6xl mb-8 custom-cursor\">\r\n Solusi Enterprise TukangKu\r\n <\/h2>\r\n <p class=\"mt-4 text-xl text-gray-600 mb-12 custom-cursor\">\r\n TukangKu menawarkan paket enterprise lengkap yang dirancang untuk kebutuhan bisnis berskala besar atau entitas yang mencari solusi white-label dengan kustomisasi penuh.\r\n <\/p>\r\n\r\n <!-- Pricing Card -->\r\n <div class=\"bg-white rounded-3xl shadow-2xl overflow-hidden p-8 sm:p-10 lg:p-12 border-4 border-purple-600 relative\">\r\n <span class=\"absolute top-0 left-1\/2 -translate-x-1\/2 bg-purple-600 text-white text-sm font-bold uppercase py-2 px-6 rounded-b-lg shadow-md -mt-1 custom-cursor\">\r\n Paket Eksklusif\r\n <\/span>\r\n <div class=\"flex flex-col items-center mt-6\">\r\n <h3 class=\"text-4xl font-bold text-purple-800 mb-2 custom-cursor\">Paket Enterprise<\/h3>\r\n <div class=\"text-6xl font-extrabold text-purple-900 mb-8 mt-4\">\r\n Rp250 Juta\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"text-left text-lg text-gray-700 space-y-4 mb-10 custom-cursor\">\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-7 w-7 text-teal-500 mr-3 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 Sistem Multi-Panel Lengkap (Customer, Tukang, Admin)\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-7 w-7 text-teal-500 mr-3 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 Fitur Pembayaran & Transaksi Penuh\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-7 w-7 text-teal-500 mr-3 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 Semua Fitur Customer Unggulan\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-7 w-7 text-teal-500 mr-3 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 Semua Fitur Tukang Profesional\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-7 w-7 text-teal-500 mr-3 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 Semua Fitur Admin dengan Kontrol Penuh\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-7 w-7 text-teal-500 mr-3 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 Dukungan Teknis Penuh & Prioritas\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <svg class=\"h-7 w-7 text-teal-500 mr-3 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 Kustomisasi Modul Sesuai Kebutuhan Bisnis Anda\r\n <\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"block w-full py-4 bg-teal-500 text-white text-2xl font-bold rounded-lg shadow-lg hover:bg-teal-600 transform transition duration-300 hover:scale-105 custom-cursor\">\r\n Beli Sekarang\r\n <\/a>\r\n <p class=\"text-sm text-gray-500 mt-4 custom-cursor\">Hubungi kami melalui WhatsApp untuk informasi lebih lanjut.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section><section class=\"py-20 px-4 bg-gradient-to-br from-indigo-800 to-purple-900 text-white flex flex-col items-center justify-center text-center overflow-hidden relative\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-purple-900 via-indigo-800 to-transparent opacity-20 transform -rotate-45 scale-150 origin-top-left z-0\"><\/div>\r\n <div class=\"relative z-10 max-w-4xl mx-auto\">\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold mb-6 leading-tight animate-fade-in-up custom-cursor\">Rasakan Kemudahan TukangKu Sekarang!<\/h2>\r\n <p class=\"text-lg md:text-xl text-indigo-100 mb-10 max-w-2xl mx-auto animate-fade-in-up delay-100 custom-cursor\">Lihat sendiri bagaimana TukangKu dapat mengubah cara Anda mencari atau menawarkan jasa tukang.<\/p>\r\n <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center justify-center px-8 py-4 bg-emerald-500 hover:bg-emerald-600 text-white font-bold rounded-full shadow-lg transition-all duration-300 ease-in-out transform hover:scale-105 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-emerald-300 animate-bounce-slow custom-cursor\">\r\n <svg class=\"w-6 h-6 mr-3 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.752 11.132l-3.39 3.39a1 1 0 01-1.414 0l-3.39-3.39m9.192-1.217a4.992 4.992 0 010 7.07l-4.243 4.242a4.992 4.992 0 01-7.07 0l-4.243-4.242a4.992 4.992 0 010-7.07l4.243-4.242a4.992 4.992 0 017.07 0l4.243 4.242a4.992 4.992 0 010 7.07z\"><\/path><\/svg>\r\n Coba Demo Sekarang\r\n <\/a>\r\n <\/div>\r\n<\/section><section class=\"py-20 px-4 bg-white text-gray-800\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n <h2 class=\"text-4xl font-extrabold text-center mb-12 text-indigo-800 custom-cursor\">Pertanyaan yang Sering Diajukan<\/h2>\r\n <div id=\"faq-accordion\" class=\"space-y-4\">\r\n <!-- FAQ Item 1 -->\r\n <div class=\"border border-gray-200 rounded-lg shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-lg font-semibold text-left text-indigo-700 bg-white hover:bg-indigo-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition-colors duration-200 custom-cursor\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\">\r\n Apa itu TukangKu?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-1\" class=\"px-6 pb-6 pt-0 text-gray-700 hidden\" aria-labelledby=\"faq-question-1\">\r\n <p class=\" custom-cursor\">TukangKu adalah platform marketplace jasa tukang terkemuka yang inovatif, dirancang untuk menghubungkan Anda secara efisien dengan penyedia jasa profesional dan terpercaya di berbagai bidang. Kami hadir untuk mempermudah proses pencarian dan pemesanan jasa tukang, memastikan transparansi, keamanan, dan kepuasan dalam setiap transaksi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 2 -->\r\n <div class=\"border border-gray-200 rounded-lg shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-lg font-semibold text-left text-indigo-700 bg-white hover:bg-indigo-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition-colors duration-200 custom-cursor\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\">\r\n Bagaimana TukangKu memastikan tukang yang terpercaya?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-2\" class=\"px-6 pb-6 pt-0 text-gray-700 hidden\" aria-labelledby=\"faq-question-2\">\r\n <p class=\" custom-cursor\">Kami memiliki sistem verifikasi berlapis untuk setiap tukang yang bergabung, mencakup pengecekan identitas, portofolio, dan ulasan dari pengguna sebelumnya. Selain itu, fitur rating dan review transparan membantu Anda memilih tukang terbaik berdasarkan pengalaman nyata pelanggan lain.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 3 -->\r\n <div class=\"border border-gray-200 rounded-lg shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-lg font-semibold text-left text-indigo-700 bg-white hover:bg-indigo-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition-colors duration-200 custom-cursor\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\">\r\n Bagaimana sistem pembayaran bekerja di TukangKu?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-3\" class=\"px-6 pb-6 pt-0 text-gray-700 hidden\" aria-labelledby=\"faq-question-3\">\r\n <p class=\" custom-cursor\">TukangKu menyediakan opsi pembayaran online yang beragam dan aman, termasuk QRIS dan transfer bank. Sistem kami menjamin transparansi harga dengan invoice otomatis dan perhitungan komisi admin yang jelas, memastikan transaksi yang mudah dan efisien untuk semua pihak.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 4 -->\r\n <div class=\"border border-gray-200 rounded-lg shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-lg font-semibold text-left text-indigo-700 bg-white hover:bg-indigo-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition-colors duration-200 custom-cursor\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\">\r\n Apakah ada biaya untuk mendaftar sebagai pelanggan\/tukang?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-4\" class=\"px-6 pb-6 pt-0 text-gray-700 hidden\" aria-labelledby=\"faq-question-4\">\r\n <p class=\" custom-cursor\">Pendaftaran di TukangKu untuk pelanggan maupun tukang adalah GRATIS. Kami berkomitmen untuk memberikan akses mudah kepada semua orang. Biaya layanan atau komisi hanya akan dikenakan saat transaksi berhasil dilakukan, sesuai dengan kebijakan yang transparan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 5 -->\r\n <div class=\"border border-gray-200 rounded-lg shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-lg font-semibold text-left text-indigo-700 bg-white hover:bg-indigo-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition-colors duration-200 custom-cursor\" aria-expanded=\"false\" aria-controls=\"faq-answer-5\">\r\n Bagaimana jika saya memiliki masalah dengan layanan?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-5\" class=\"px-6 pb-6 pt-0 text-gray-700 hidden\" aria-labelledby=\"faq-question-5\">\r\n <p class=\" custom-cursor\">Tim dukungan pelanggan TukangKu siap membantu Anda. Jika Anda mengalami masalah dengan layanan, Anda dapat menghubungi kami melalui fitur chat di aplikasi, email, atau telepon. Kami akan berupaya menyelesaikan setiap kendala dengan cepat dan profesional.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Item 6 -->\r\n <div class=\"border border-gray-200 rounded-lg shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md\">\r\n <button class=\"flex justify-between items-center w-full p-6 text-lg font-semibold text-left text-indigo-700 bg-white hover:bg-indigo-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 transition-colors duration-200 custom-cursor\" aria-expanded=\"false\" aria-controls=\"faq-answer-6\">\r\n Apakah TukangKu tersedia di seluruh Indonesia?\r\n <svg class=\"w-6 h-6 transform transition-transform duration-300 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/button>\r\n <div id=\"faq-answer-6\" class=\"px-6 pb-6 pt-0 text-gray-700 hidden\" aria-labelledby=\"faq-question-6\">\r\n <p class=\" custom-cursor\">Saat ini, TukangKu sedang dalam tahap pengembangan untuk memperluas jangkauan layanan kami ke seluruh wilayah Indonesia. Kami akan terus menginformasikan ketersediaan di kota-kota baru melalui aplikasi dan media sosial kami. Tetap terhubung!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const accordionButtons = document.querySelectorAll('#faq-accordion button');\r\n\r\n accordionButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n const answerId = this.getAttribute('aria-controls');\r\n const answerElement = document.getElementById(answerId);\r\n const isExpanded = this.getAttribute('aria-expanded') === 'true';\r\n const icon = this.querySelector('svg');\r\n\r\n \/\/ Close all other open answers\r\n accordionButtons.forEach(otherButton => {\r\n if (otherButton !== this) {\r\n const otherAnswerId = otherButton.getAttribute('aria-controls');\r\n const otherAnswerElement = document.getElementById(otherAnswerId);\r\n const otherIcon = otherButton.querySelector('svg');\r\n\r\n if (otherButton.getAttribute('aria-expanded') === 'true') {\r\n otherButton.setAttribute('aria-expanded', 'false');\r\n otherAnswerElement.classList.add('hidden');\r\n otherIcon.classList.remove('rotate-180');\r\n }\r\n }\r\n });\r\n\r\n \/\/ Toggle current answer\r\n this.setAttribute('aria-expanded', !isExpanded);\r\n answerElement.classList.toggle('hidden');\r\n icon.classList.toggle('rotate-180');\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/section><section class=\"py-16 px-4 bg-indigo-900 text-indigo-200\">\r\n <div class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-12 md:gap-8\">\r\n <!-- Kolom 1: Navigasi Cepat -->\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-white mb-6 custom-cursor\">TukangKu<\/h3>\r\n <ul class=\"space-y-3 custom-cursor\">\r\n <li><a href=\"#beranda\" class=\"hover:text-white transition-colors duration-200 text-lg custom-cursor\">Beranda<\/a><\/li>\r\n <li><a href=\"#fitur\" class=\"hover:text-white transition-colors duration-200 text-lg custom-cursor\">Fitur<\/a><\/li>\r\n <li><a href=\"#harga\" class=\"hover:text-white transition-colors duration-200 text-lg custom-cursor\">Harga<\/a><\/li>\r\n <li><a href=\"#demo\" class=\"hover:text-white transition-colors duration-200 text-lg custom-cursor\">Demo<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"hover:text-white transition-colors duration-200 text-lg custom-cursor\">FAQ<\/a><\/li>\r\n <li><a href=\"#kebijakan-privasi\" class=\"hover:text-white transition-colors duration-200 text-lg custom-cursor\">Kebijakan Privasi<\/a><\/li>\r\n <li><a href=\"#syarat-ketentuan\" class=\"hover:text-white transition-colors duration-200 text-lg custom-cursor\">Syarat & Ketentuan<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 2: Informasi Kontak -->\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-white mb-6 custom-cursor\">Hubungi Kami<\/h3>\r\n <address class=\"not-italic space-y-3 text-lg\">\r\n <p class=\"flex items-center custom-cursor\">\r\n <svg class=\"w-6 h-6 mr-3 text-indigo-300 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8m-9 13h9a2 2 0 002-2V7a2 2 0 00-2-2H3a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#dab3b4bcb59aa9aebba8bcb3bfb6bef4b3be\" class=\"hover:text-white transition-colors duration-200 custom-cursor\"><span class=\"__cf_email__\" data-cfemail=\"b1d8dfd7def1c2c5d0c3d7d8d4ddd59fd8d5\">[email protected]<\/span><\/a>\r\n <\/p>\r\n <p class=\"flex items-center custom-cursor\">\r\n <svg class=\"w-6 h-6 mr-3 text-indigo-300 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5z\"><\/path><\/svg>\r\n <a href=\"tel:+6282136068256\" class=\"hover:text-white transition-colors duration-200 custom-cursor\">0821-3606-8256<\/a>\r\n <\/p>\r\n <p class=\"flex items-start custom-cursor\">\r\n <svg class=\"w-6 h-6 mr-3 text-indigo-300 flex-shrink-0 mt-1 custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.727A8 8 0 0120 18a8 8 0 01-16 0c0-.628.14-1.235.337-1.819M12 20h4.516m-4.516 0H7.484M12 10.5V16m-4.505-1.556A4.992 4.992 0 0112 5c2.761 0 5 2.239 5 5v.5c0 1.25-.79 2.75-2 4.5l-3 4.5c-.75.75-2 .75-2.75 0l-3-4.5c-1.21-1.75-2-3.25-2-4.5V10.5c0-2.761 2.239-5 5-5z\"><\/path><\/svg>\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 <!-- Kolom 3: Tentang Kami Singkat\/Sosial Media -->\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-white mb-6 custom-cursor\">Tentang TukangKu<\/h3>\r\n <p class=\"mb-6 text-lg custom-cursor\">TukangKu adalah solusi inovatif untuk menemukan dan menawarkan jasa tukang profesional dengan mudah dan terpercaya. Kami berkomitmen untuk transformasi digital sektor jasa, menciptakan ekosistem yang transparan dan efisien.<\/p>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"#\" class=\"text-indigo-300 hover:text-white transition-colors duration-200 custom-cursor\" aria-label=\"Facebook\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.776-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.262c-1.247 0-1.649.778-1.649 1.569V12h2.773l-.443 2.89h-2.33V22C18.343 21.128 22 16.991 22 12z\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-indigo-300 hover:text-white transition-colors duration-200 custom-cursor\" aria-label=\"Instagram\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 2.66c2.76 0 3.12.01 4.23.06 1.07.05 1.74.22 2.15.38.45.17.7.35.84.5.15.15.33.39.5.84.16.41.33 1.08.38 2.15.05 1.11.06 1.47.06 4.23s-.01 3.12-.06 4.23c-.05 1.07-.22 1.74-.38 2.15-.17.45-.35.7-.5.84-.15.15-.39.33-.84.5-.41.16-1.08.33-2.15.38-1.11.05-1.47.06-4.23.06s-3.12-.01-4.23-.06c-1.07-.05-1.74-.22-2.15-.38-.45-.17-.7-.35-.84-.5-.15-.15-.33-.39-.5-.84-.16-.41-.33-1.08-.38-2.15-.05-1.11-.06-1.47-.06-4.23s.01-3.12.06-4.23c.05-1.07.22-1.74.38-2.15.17-.45.35-.7.5-.84.15-.15.39-.33.84-.5.41-.16 1.08-.33 2.15-.38 1.11-.05 1.47-.06 4.23-.06zm0 2.22c-3.19 0-5.78 2.59-5.78 5.78s2.59 5.78 5.78 5.78 5.78-2.59 5.78-5.78-2.59-5.78-5.78-5.78zm0 2.22c2 0 3.56 1.56 3.56 3.56s-1.56 3.56-3.56 3.56-3.56-1.56-3.56-3.56 1.56-3.56 3.56-3.56zm4.1-3.66c-.66 0-1.19.53-1.19 1.19s.53 1.19 1.19 1.19 1.19-.53 1.19-1.19-.53-1.19-1.19-1.19z\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"text-indigo-300 hover:text-white transition-colors duration-200 custom-cursor\" aria-label=\"Twitter\">\r\n <svg class=\"w-8 h-8 custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 5.8c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2-.7.4-1.5.6-2.4.8-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3.03.6.1.9C8.3 9.4 5.3 7.8 3.3 5c-.3.5-.4 1.2-.4 1.9 0 1.3.7 2.4 1.8 3.1-.6 0-1.2-.2-1.7-.5v.05c0 1.8 1.3 3.2 3 3.5-.3.1-.7.1-1 .1-.2 0-.4 0-.6-.05.5 1.5 1.8 2.6 3.4 2.9-1.2 1-2.6 1.6-4.2 1.6-.3 0-.7 0-1 0C4.3 19.3 6.3 20 8.4 20c10.1 0 15.6-8.4 15.6-15.6v-.7c1-.7 1.8-1.5 2.5-2.3z\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-indigo-700 mt-12 pt-8 text-center text-indigo-400 text-sm\">\r\n <p class=\" custom-cursor\">Copyright \u00a9 2024 TukangKu. Semua Hak Dilindungi.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n \r\n \r\n\r\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TukangKu: Temukan Tukang Profesional Terpercaya! Renovasi Impian, Kini Jadi Kenyataan! TukangKu Fitur Harga Demo FAQ Solusi Terdepan untuk Jasa Tukang Profesional dan Terpercaya. Hubungkan diri Anda dengan penyedia jasa terbaik, atau temukan peluang tak terbatas sebagai tukang profesional. Lihat Demo Sekarang Mulai Jelajahi Tentang TukangKu TukangKu adalah aplikasi marketplace jasa tukang terkemuka yang dirancang untuk …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12388\"> <span class=\"screen-reader-text\">software jasa tukang<\/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-12388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12388","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=12388"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12388\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}