{"id":40,"date":"2026-02-12T10:38:43","date_gmt":"2026-02-12T10:38:43","guid":{"rendered":"https:\/\/lakuvisual.com\/?page_id=40"},"modified":"2026-02-12T10:39:28","modified_gmt":"2026-02-12T10:39:28","slug":"elementor-40","status":"publish","type":"page","link":"https:\/\/lakuvisual.com\/","title":{"rendered":"Elementor #40"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"40\" class=\"elementor elementor-40\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-916b291 e-flex e-con-boxed e-con e-parent\" data-id=\"916b291\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdc8827 elementor-widget elementor-widget-html\" data-id=\"cdc8827\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>LakuVisual - Jasa Foto Produk Profesional<\/title>\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Font Inter untuk tampilan modern & bersih -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        brand: {\r\n                            black: '#1a1a1a',\r\n                            gray: '#f4f4f5',\r\n                            accent: '#2563eb' \r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* Smooth Scrolling *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n        \r\n        \/* Hide Scrollbar for Carousel *\/\r\n        .no-scrollbar::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n        .no-scrollbar {\r\n            -ms-overflow-style: none;\r\n            scrollbar-width: none;\r\n        }\r\n        \r\n        \/* Fade In Animation *\/\r\n        .fade-in-up {\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n        }\r\n        \r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .delay-100 { animation-delay: 0.1s; }\r\n        .delay-200 { animation-delay: 0.2s; }\r\n        .delay-300 { animation-delay: 0.3s; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-gray-800 font-sans antialiased selection:bg-gray-200\">\r\n\r\n    <!-- HERO SECTION -->\r\n    <section class=\"relative pt-24 pb-32 lg:pt-40 lg:pb-40 px-4 bg-cover bg-center bg-no-repeat\" style=\"background-image: url('https:\/\/z-cdn-media.chatglm.cn\/files\/1b886849-854c-4926-af09-5b8e0e1dc8a8.png?auth_key=1870889647-cd651d31cfe143869eac845792c317b8-0-beb54511431ac970065303b86b95fd6f');\">\r\n        <div class=\"absolute inset-0 bg-black\/60 z-0\"><\/div>\r\n        <div class=\"relative z-10 max-w-4xl mx-auto text-center\">\r\n            <h1 class=\"text-4xl md:text-6xl font-bold text-white leading-tight mb-6 fade-in-up drop-shadow-lg\">\r\n                Jualan Sepi? <br class=\"hidden md:block\" \/> \r\n                Mungkin Bukan Produknya, Tapi Fotonya.\r\n            <\/h1>\r\n            \r\n            <p class=\"text-lg md:text-xl text-gray-200 mb-8 max-w-2xl mx-auto fade-in-up delay-100 drop-shadow-md\">\r\n                Foto produk gelap, background berantakan, dan biaya studio yang mahal seringkali menghambat bisnis Anda. Kami punya solusi yang lebih hemat dan praktis.\r\n            <\/p>\r\n\r\n            <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4 fade-in-up delay-200\">\r\n                <!-- Link WhatsApp Langsung -->\r\n                <a href=\"https:\/\/wa.me\/6288229068431?text=Halo%20LakuVisual,%20saya%20ingin%20konsultasi%20jasa%20foto%20produk\" target=\"_blank\" class=\"w-full sm:w-auto px-8 py-4 bg-white text-gray-900 font-semibold rounded-lg hover:bg-gray-100 transition-all transform hover:-translate-y-1 shadow-lg text-center\">\r\n                    Konsultasi Sekarang\r\n                <\/a>\r\n                <p class=\"text-xs text-gray-300\">\r\n                    <span class=\"inline-block mr-1\">\ud83d\udd12<\/span> Gratis konsultasi awal, tanpa rasa canggung.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PAIN POINTS (PROBLEM AWARE) -->\r\n    <section class=\"py-16 bg-gray-50 border-y border-gray-100\">\r\n        <div class=\"max-w-6xl mx-auto px-4\">\r\n            <div class=\"text-center mb-12\">\r\n                <h2 class=\"text-2xl font-bold text-gray-900\">Jika Anda Mengalami Ini...<\/h2>\r\n                <p class=\"text-gray-500 mt-2\">Anda tidak sendirian. Banyak pebisnis menghadapi masalah yang sama.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                <!-- Card 1 -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n                    <div class=\"text-3xl mb-4\">\ud83d\udcf1<\/div>\r\n                    <h3 class=\"text-lg font-bold mb-2\">Kalah di Food Delivery Apps<\/h3>\r\n                    <p class=\"text-gray-600 text-sm\">Foto produk kamu kurang menarik di aplikasi online food delivery, membuat pelanggan memilih pesanan kompetitor.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Card 2 -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n                    <div class=\"text-3xl mb-4\">\ud83d\udcb8<\/div>\r\n                    <h3 class=\"text-lg font-bold mb-2\">Biaya Studio Mahal<\/h3>\r\n                    <p class=\"text-gray-600 text-sm\">Sewa studio fotografer profesional bisa menghabiskan jutaan rupiah untuk sekali sesi pemotretan.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Card 3 -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n                    <div class=\"text-3xl mb-4\">\ud83e\udd2f<\/div>\r\n                    <h3 class=\"text-lg font-bold mb-2\">Ribet Editing<\/h3>\r\n                    <p class=\"text-gray-600 text-sm\">Hasil foto dari HP biasanya butuh waktu berjam-jam untuk diedit agar pencahayaannya terlihat bagus.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Card 4 -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100\">\r\n                    <div class=\"text-3xl mb-4\">\ud83d\udce6<\/div>\r\n                    <h3 class=\"text-lg font-bold mb-2\">Sulit Kirim Barang<\/h3>\r\n                    <p class=\"text-gray-600 text-sm\">Mengirim produk fisik ke jasa foto jauh itu berisiko, ongkir kirim, dan butuh waktu lama.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PROMISE & PORTFOLIO (THE SOLUTION) -->\r\n    <section class=\"py-20 px-4\">\r\n        <div class=\"max-w-6xl mx-auto\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n                <div>\r\n                    <span class=\"text-blue-600 font-semibold tracking-wide uppercase text-sm\">Solusi Modern<\/span>\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mt-2 mb-6\">\r\n                        Lihat Perubahan Visual Produk Anda\r\n                    <\/h2>\r\n                    <p class=\"text-gray-600 mb-6 leading-relaxed\">\r\n                        Tanpa perlu sewa studio mahal, Anda cukup kirim foto hasil jepretan kamera ponsel. Sistem kami yang menggunakan <span class=\"font-semibold text-gray-900\">teknologi tinggi<\/span> akan mengolahnya secara instan menjadi visual kelas dunia.\r\n                    <\/p>\r\n                    \r\n                    <ul class=\"space-y-4 mb-8\">\r\n                        <li class=\"flex items-start\">\r\n                            <span class=\"text-green-500 mr-2 mt-1\">\u2713<\/span>\r\n                            <span class=\"text-gray-700\">Background natural yang menyatu dengan produk.<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start\">\r\n                            <span class=\"text-green-500 mr-2 mt-1\">\u2713<\/span>\r\n                            <span class=\"text-gray-700\">Kualitas tinggi siap pakai untuk marketplace\/e-commerce.<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start\">\r\n                            <span class=\"text-green-500 mr-2 mt-1\">\u2713<\/span>\r\n                            <span class=\"text-gray-700\">Berbagai gaya: Fresh, Minimalist, hingga Traditional.<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n\r\n                    <a href=\"#offer\" class=\"inline-block text-gray-900 font-semibold border-b-2 border-gray-900 hover:text-gray-600 hover:border-gray-600 transition-all\">\r\n                        Pesan Sekarang &rarr;\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- PORTFOLIO CAROUSEL COMPONENT -->\r\n                <div class=\"mt-8 lg:mt-0\">\r\n                     <div class=\"relative w-full aspect-[4\/3] rounded-2xl overflow-hidden shadow-2xl bg-gray-900 group\" id=\"portfolio-container\">\r\n                        \r\n                        <!-- Track -->\r\n                        <div id=\"carousel-track\" class=\"flex transition-transform duration-500 ease-out h-full w-full\">\r\n                            \r\n                            <!-- Slide 1: Drink -->\r\n                            <div class=\"min-w-full h-full relative\">\r\n                                <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/4bde651d-664a-476f-8bfe-9d5ce6990d41.png?auth_key=1870890070-bc4cbd11767b42dea370d736b4877605-0-4d7f9b6678593dd9371b98fa7def1c55\" alt=\"Drink\" class=\"w-full h-full object-cover\">\r\n                                <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/80 to-transparent p-4\">\r\n                                    <p class=\"text-white text-sm font-medium\">Natural Forest Vibe<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Slide 2: Dessert -->\r\n                            <div class=\"min-w-full h-full relative\">\r\n                                <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/619211de-7348-40ab-bb0a-415606fca6c0.png?auth_key=1870890070-b331c99494d34bbcb488da04cc0c87dd-0-7e685dfaf2ee568597c15c5793b911bc\" alt=\"Dessert\" class=\"w-full h-full object-cover\">\r\n                                <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/80 to-transparent p-4\">\r\n                                    <p class=\"text-white text-sm font-medium\">Modern Minimalist<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Slide 3: Cookies -->\r\n                            <div class=\"min-w-full h-full relative\">\r\n                                <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/25ba635f-33ff-411f-8aa0-236239847f92.png?auth_key=1870890070-7969ea18a0cc42b1890aadeb5f44c255-0-55a1dfd9afab5218df559fda2013cc3c\" alt=\"Cookies\" class=\"w-full h-full object-cover\">\r\n                                <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/80 to-transparent p-4\">\r\n                                    <p class=\"text-white text-sm font-medium\">Clean Kitchen Setup<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Slide 4: Satay -->\r\n                            <div class=\"min-w-full h-full relative\">\r\n                                <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/b32e9e0c-1110-468c-8526-561729607b38.png?auth_key=1870890070-7d9deaf6758a4e8096af92604b19c64f-0-6247687faf975449f112ff038d223a6f\" alt=\"Satay\" class=\"w-full h-full object-cover\">\r\n                                <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/80 to-transparent p-4\">\r\n                                    <p class=\"text-white text-sm font-medium\">Authentic Traditional<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Slide 5: Soup -->\r\n                            <div class=\"min-w-full h-full relative\">\r\n                                <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/88cd169d-9fb2-4dcc-864f-758feed70c03.png?auth_key=1870890070-d6a5ec784e4b4ad58aa6eb8f426e2b0b-0-c1b2b3555cc52cb1d1604746db8a5ed6\" alt=\"Soup\" class=\"w-full h-full object-cover\">\r\n                                <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/80 to-transparent p-4\">\r\n                                    <p class=\"text-white text-sm font-medium\">Cozy Warm Dining<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                             <!-- Slide 6: Rice -->\r\n                             <div class=\"min-w-full h-full relative\">\r\n                                <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/8c683bdc-221d-400a-a210-e525dbbd9959.png?auth_key=1870890070-69a878624ac447eaa4f8259e9728a2fe-0-31890fbe689fff2dfbe9c9b3c2db303e\" alt=\"Rice\" class=\"w-full h-full object-cover\">\r\n                                <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/80 to-transparent p-4\">\r\n                                    <p class=\"text-white text-sm font-medium\">Premium Marble Texture<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Slide 7: Spicy Chicken -->\r\n                            <div class=\"min-w-full h-full relative\">\r\n                                <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/d98facba-f05d-4d58-ab1b-f621b9793087.png?auth_key=1870890070-d42a7a976d5d49ab915d0505f0938f76-0-792f34cef725a8c0f2a2072a03bcc196\" alt=\"Spicy\" class=\"w-full h-full object-cover\">\r\n                                <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/80 to-transparent p-4\">\r\n                                    <p class=\"text-white text-sm font-medium\">Warm Indoor Lighting<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Slide 8: Yellow Rice -->\r\n                            <div class=\"min-w-full h-full relative\">\r\n                                <img decoding=\"async\" src=\"https:\/\/z-cdn-media.chatglm.cn\/files\/baa3ec01-9af8-4948-ae2f-d55fe6f454a9.png?auth_key=1870890070-41faae849d194122942e19cbdd99dbf9-0-1067fc13b13412bc1ce2bd1d302c261a\" alt=\"Yellow Rice\" class=\"w-full h-full object-cover\">\r\n                                <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black\/80 to-transparent p-4\">\r\n                                    <p class=\"text-white text-sm font-medium\">Rustic Bamboo Style<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <!-- Navigation Arrows -->\r\n                        <button id=\"prevBtn\" class=\"absolute left-2 top-1\/2 -translate-y-1\/2 bg-white\/20 hover:bg-white\/40 backdrop-blur-sm text-white p-2 rounded-full transition-all opacity-0 group-hover:opacity-100\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-5 h-5\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5L8.25 12l7.5-7.5\" \/>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        <button id=\"nextBtn\" class=\"absolute right-2 top-1\/2 -translate-y-1\/2 bg-white\/20 hover:bg-white\/40 backdrop-blur-sm text-white p-2 rounded-full transition-all opacity-0 group-hover:opacity-100\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-5 h-5\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/>\r\n                            <\/svg>\r\n                        <\/button>\r\n\r\n                        <!-- Indicators -->\r\n                        <div id=\"indicators\" class=\"absolute bottom-4 left-1\/2 -translate-x-1\/2 flex space-x-2\">\r\n                            <!-- Dots generated by JS -->\r\n                        <\/div>\r\n\r\n                     <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- COMPARISON SECTION -->\r\n    <section class=\"py-16 bg-white border-t border-gray-100\">\r\n        <div class=\"max-w-4xl mx-auto px-4\">\r\n            <h2 class=\"text-3xl font-bold text-center mb-10\">Mana Pilihan yang Lebih Masuk Akal?<\/h2>\r\n            \r\n            <div class=\"overflow-x-auto\">\r\n                <table class=\"w-full text-left border-collapse\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th class=\"p-4 border-b border-gray-200 bg-gray-50 text-gray-500 text-sm uppercase tracking-wider\">Kriteria<\/th>\r\n                            <th class=\"p-4 border-b border-gray-200 bg-gray-50 text-gray-500 text-sm uppercase tracking-wider text-center\">Studio Foto Biasa<\/th>\r\n                            <th class=\"p-4 border-b border-gray-200 bg-gray-900 text-white text-sm uppercase tracking-wider text-center\">Layanan Kami<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"text-sm\">\r\n                        <tr>\r\n                            <td class=\"p-4 border-b border-gray-100 font-medium\">Harga<\/td>\r\n                            <td class=\"p-4 border-b border-gray-100 text-center text-gray-500\">Rp 50.000 - Rp 150.000 \/ foto<\/td>\r\n                            <td class=\"p-4 border-b border-gray-100 text-center font-bold\">Mulai Rp 5.000 \/ foto<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"p-4 border-b border-gray-100 font-medium\">Waktu Pengerjaan<\/td>\r\n                            <td class=\"p-4 border-b border-gray-100 text-center text-gray-500\">3 - 7 Hari kerja<\/td>\r\n                            <td class=\"p-4 border-b border-gray-100 text-center font-bold text-green-600\">< 24 Jam<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"p-4 border-b border-gray-100 font-medium\">Pengiriman Produk<\/td>\r\n                            <td class=\"p-4 border-b border-gray-100 text-center text-gray-500\">Wajib kirim fisik (Risiko hilang)<\/td>\r\n                            <td class=\"p-4 border-b border-gray-100 text-center font-bold\">Cukup upload via WA<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"p-4 border-b border-gray-100 font-medium\">Revisi Background<\/td>\r\n                            <td class=\"p-4 border-b border-gray-100 text-center text-gray-500\">Harus foto ulang (Biaya tambah)<\/td>\r\n                            <td class=\"p-4 border-b border-gray-100 text-center font-bold\">Ganti warna detik saja<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SOCIAL PROOF -->\r\n    <section class=\"py-16 bg-gray-50\">\r\n        <div class=\"max-w-6xl mx-auto px-4\">\r\n            <h2 class=\"text-2xl font-bold text-center mb-10\">Apa Kata Mereka?<\/h2>\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n                <!-- Testimoni 1 -->\r\n                <div class=\"bg-white p-6 rounded-lg shadow-sm border border-gray-100\">\r\n                    <div class=\"flex items-center mb-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/user1\/50\/50\" alt=\"User\" class=\"w-10 h-10 rounded-full mr-3 grayscale\">\r\n                        <div>\r\n                            <h4 class=\"font-bold text-sm\">Diana S.<\/h4>\r\n                            <p class=\"text-xs text-gray-500\">Owner Kosmetik<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"text-gray-600 text-sm italic\">\"Awalnya ragu karena harganya murah banget. Ternyata hasilnya luar biasa! Foto jadi terang dan bersih. Olshop jadi kelihatan mahal.\"<\/p>\r\n                <\/div>\r\n\r\n                <!-- Testimoni 2 -->\r\n                <div class=\"bg-white p-6 rounded-lg shadow-sm border border-gray-100\">\r\n                    <div class=\"flex items-center mb-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/user2\/50\/50\" alt=\"User\" class=\"w-10 h-10 rounded-full mr-3 grayscale\">\r\n                        <div>\r\n                            <h4 class=\"font-bold text-sm\">Budi Santoso<\/h4>\r\n                            <p class=\"text-xs text-gray-500\">Distributor Aksesoris<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"text-gray-600 text-sm italic\">\"Hemat banget waktu. Gak perlu repot packing barang buat dikirim ke fotografer. Cuma kirim foto di WA, besoknya udah jadi.\"<\/p>\r\n                <\/div>\r\n\r\n                <!-- Testimoni 3 -->\r\n                <div class=\"bg-white p-6 rounded-lg shadow-sm border border-gray-100\">\r\n                    <div class=\"flex items-center mb-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/user3\/50\/50\" alt=\"User\" class=\"w-10 h-10 rounded-full mr-3 grayscale\">\r\n                        <div>\r\n                            <h4 class=\"font-bold text-sm\">Putri M.<\/h4>\r\n                            <p class=\"text-xs text-gray-500\">UMKM Kuliner<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"text-gray-600 text-sm italic\">\"Sangat membantu buat pemilik UMKM kayak saya yang low budget. Hasil foto makanan jadi menggugah selera banget.\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- THE OFFER (CONVERSION BLOCK) -->\r\n    <section id=\"offer\" class=\"py-20 bg-white border-t border-gray-100\">\r\n        <div class=\"max-w-3xl mx-auto px-4 text-center\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">Coba Hasilnya Dulu, Baru Percaya<\/h2>\r\n            <p class=\"text-gray-600 mb-8\">\r\n                Kami yakin dengan kualitas hasil kami. Untuk saat ini, kami membuka slot promo terbatas agar Anda bisa mencoba layanan kami tanpa risiko besar.\r\n            <\/p>\r\n\r\n            <!-- COUNTDOWN TIMER -->\r\n            <div class=\"flex flex-col items-center justify-center mb-6\">\r\n                <span class=\"text-red-600 font-bold animate-pulse text-sm uppercase tracking-wider mb-1\">\u23f3 Promo Berakhir Dalam:<\/span>\r\n                <div id=\"countdown\" class=\"text-3xl md:text-4xl font-mono font-bold text-red-600 bg-red-50 px-6 py-3 rounded-lg shadow-inner\">\r\n                    03:00:00\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Pricing Card -->\r\n            <div class=\"bg-gray-900 text-white rounded-2xl p-8 shadow-2xl relative overflow-hidden\">\r\n                <!-- Decoration -->\r\n                <div class=\"absolute top-0 right-0 -mt-4 -mr-4 w-24 h-24 bg-gray-700 rounded-full opacity-50\"><\/div>\r\n\r\n                <div class=\"relative z-10\">\r\n                    <span class=\"bg-blue-600 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide\">Promo Terbatas<\/span>\r\n                    \r\n                    <div class=\"my-6\">\r\n                        <span class=\"text-gray-400 line-through text-xl\">Rp 150.000<\/span>\r\n                        <div class=\"flex items-center justify-center\">\r\n                            <span class=\"text-2xl font-bold mr-1\">Rp<\/span>\r\n                            <span class=\"text-6xl font-bold\">5.000<\/span>\r\n                            <span class=\"text-xl font-medium text-gray-300\">\/foto<\/span>\r\n                        <\/div>\r\n                        <!-- Tulisan batasan maksimal foto DIHAPUS -->\r\n                    <\/div>\r\n\r\n                    <!-- Link WhatsApp Langsung -->\r\n                    <a href=\"https:\/\/wa.me\/6288229068431?text=Halo%20LakuVisual,%20saya%20ingin%20mengambil%20promo%20Rp%205.000%20per%20foto\" target=\"_blank\" class=\"block w-full bg-white text-gray-900 font-bold py-4 rounded-lg text-lg hover:bg-gray-100 transition-colors shadow-lg hover:shadow-xl transform hover:-translate-y-0.5\">\r\n                        Konsultasi Sekarang\r\n                    <\/a>\r\n                    \r\n                    <!-- Hidden CTA -->\r\n                    <p class=\"text-xs text-gray-400 mt-3\">\r\n                        Tidak ada kartu kredit dibutuhkan. Pembayaran setelah puas.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Scarcity -->\r\n            <p class=\"text-red-600 font-semibold mt-6 text-sm animate-pulse\">\r\n                \u26a0\ufe0f Hanya tersedia untuk 50 pemesan cepat hari ini.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- GUARANTEE -->\r\n    <section class=\"py-12 bg-gray-50\">\r\n        <div class=\"max-w-4xl mx-auto px-4 text-center\">\r\n            <div class=\"flex flex-col md:flex-row items-center justify-center gap-4\">\r\n                <div class=\"text-4xl\">\ud83d\udee1\ufe0f<\/div>\r\n                <div class=\"text-left\">\r\n                    <h3 class=\"font-bold text-lg text-gray-900\">Garansi Kualitas<\/h3>\r\n                    <p class=\"text-gray-600 text-sm\">\r\n                        Jika hasilnya tidak sesuai ekspektasi atau terlihat \"palsu\", kami akan merevisinya sampai Anda merasa cukup baik untuk diposting. Kepuasan Anda prioritas kami.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ -->\r\n    <section class=\"py-16 px-4\">\r\n        <div class=\"max-w-2xl mx-auto\">\r\n            <h2 class=\"text-3xl font-bold text-center mb-10\">Pertanyaan yang Sering Diajukan<\/h2>\r\n            \r\n            <div class=\"space-y-4\">\r\n                <!-- FAQ Item 1 -->\r\n                <div class=\"border border-gray-200 rounded-lg overflow-hidden\">\r\n                    <button class=\"faq-btn w-full px-6 py-4 text-left bg-white flex justify-between items-center focus:outline-none\">\r\n                        <span class=\"font-medium text-gray-900\">Apakah saya harus mengirim barang fisiknya?<\/span>\r\n                        <span class=\"transform transition-transform text-gray-500\">+<\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-content hidden px-6 pb-4 bg-gray-50 text-gray-600 text-sm\">\r\n                        Tidak perlu. Cukup foto produk menggunakan kamera HP Anda dengan pencahayaan yang lumayan (bisa di dalam ruangan), lalu kirimkan gambarnya kepada kami via WhatsApp.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 2 -->\r\n                <div class=\"border border-gray-200 rounded-lg overflow-hidden\">\r\n                    <button class=\"faq-btn w-full px-6 py-4 text-left bg-white flex justify-between items-center focus:outline-none\">\r\n                        <span class=\"font-medium text-gray-900\">Berapa lama proses pengerjaannya?<\/span>\r\n                        <span class=\"transform transition-transform text-gray-500\">+<\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-content hidden px-6 pb-4 bg-gray-50 text-gray-600 text-sm\">\r\n                        Untuk pesanan reguler, biasanya kami selesaikan dalam waktu kurang dari 24 jam setelah konfirmasi pembayaran dan penerimaan foto asli.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 3 -->\r\n                <div class=\"border border-gray-200 rounded-lg overflow-hidden\">\r\n                    <button class=\"faq-btn w-full px-6 py-4 text-left bg-white flex justify-between items-center focus:outline-none\">\r\n                        <span class=\"font-medium text-gray-900\">Background bisa diganti sesuka hati?<\/span>\r\n                        <span class=\"transform transition-transform text-gray-500\">+<\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-content hidden px-6 pb-4 bg-gray-50 text-gray-600 text-sm\">\r\n                        Ya, Anda bisa memilih warna solid (putih, hitam, abu-abu) atau nuansa tertentu. Jika bingung, kami bisa bantu rekomendasikan background yang paling cocok untuk produk Anda.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"bg-gray-900 text-white py-12\">\r\n        <div class=\"max-w-6xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n            <div>\r\n                <h3 class=\"font-bold text-xl mb-4\">LakuVisual<\/h3>\r\n                <p class=\"text-gray-400 text-sm\">Membantu UMKM Indonesia tampil profesional di mata dunia dengan solusi foto produk hemat dan berkualitas.<\/p>\r\n            <\/div>\r\n            <div class=\"flex flex-col justify-center items-start md:items-end\">\r\n                <p class=\"text-gray-400 text-sm\">\u00a9 2026 LakuVisual. All rights reserved.<\/p>\r\n                <div class=\"flex space-x-4 mt-2\">\r\n                    <a href=\"#\" class=\"text-gray-500 hover:text-white text-sm\">Privacy Policy<\/a>\r\n                    <a href=\"#\" class=\"text-gray-500 hover:text-white text-sm\">Terms of Service<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- JAVASCRIPT -->\r\n    <script>\r\n        \/\/ FAQ Accordion Logic\r\n        document.querySelectorAll('.faq-btn').forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const content = button.nextElementSibling;\r\n                const icon = button.querySelector('span:last-child');\r\n                \r\n                content.classList.toggle('hidden');\r\n                \r\n                if (content.classList.contains('hidden')) {\r\n                    icon.textContent = '+';\r\n                    icon.style.transform = 'rotate(0deg)';\r\n                } else {\r\n                    icon.textContent = '-';\r\n                    icon.style.transform = 'rotate(180deg)';\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ COUNTDOWN TIMER LOGIC (3 Hours)\r\n        let timeInSeconds = 3 * 60 * 60; \/\/ 3 hours in seconds\r\n\r\n        function updateCountdown() {\r\n            const hours = Math.floor(timeInSeconds \/ 3600);\r\n            const minutes = Math.floor((timeInSeconds % 3600) \/ 60);\r\n            const seconds = timeInSeconds % 60;\r\n\r\n            \/\/ Format with leading zeros\r\n            const formattedTime = \r\n                `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\r\n            \r\n            document.getElementById('countdown').textContent = formattedTime;\r\n\r\n            if (timeInSeconds > 0) {\r\n                timeInSeconds--;\r\n            } else {\r\n                \/\/ Reset to 3 hours if it hits zero (to keep urgency alive)\r\n                timeInSeconds = 3 * 60 * 60;\r\n            }\r\n        }\r\n\r\n        setInterval(updateCountdown, 1000);\r\n\r\n        \/\/ MAIN PORTFOLIO CAROUSEL LOGIC\r\n        const track = document.getElementById('carousel-track');\r\n        const slides = document.querySelectorAll('#carousel-track > div');\r\n        const prevBtn = document.getElementById('prevBtn');\r\n        const nextBtn = document.getElementById('nextBtn');\r\n        const indicatorsContainer = document.getElementById('indicators');\r\n        \r\n        let currentIndex = 0;\r\n        const totalSlides = slides.length;\r\n\r\n        \/\/ Create Indicators\r\n        slides.forEach((_, index) => {\r\n            const dot = document.createElement('button');\r\n            dot.className = `w-2 h-2 rounded-full transition-all ${index === 0 ? 'bg-white w-6' : 'bg-white\/50 hover:bg-white\/80'}`;\r\n            dot.addEventListener('click', () => goToSlide(index));\r\n            indicatorsContainer.appendChild(dot);\r\n        });\r\n\r\n        const dots = indicatorsContainer.querySelectorAll('button');\r\n\r\n        function updateCarousel() {\r\n            track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n            \r\n            dots.forEach((dot, index) => {\r\n                if (index === currentIndex) {\r\n                    dot.classList.remove('bg-white\/50', 'w-2');\r\n                    dot.classList.add('bg-white', 'w-6');\r\n                } else {\r\n                    dot.classList.remove('bg-white', 'w-6');\r\n                    dot.classList.add('bg-white\/50', 'w-2');\r\n                }\r\n            });\r\n        }\r\n\r\n        function goToSlide(index) {\r\n            if (index < 0) {\r\n                currentIndex = totalSlides - 1;\r\n            } else if (index >= totalSlides) {\r\n                currentIndex = 0;\r\n            } else {\r\n                currentIndex = index;\r\n            }\r\n            updateCarousel();\r\n        }\r\n\r\n        prevBtn.addEventListener('click', () => goToSlide(currentIndex - 1));\r\n        nextBtn.addEventListener('click', () => goToSlide(currentIndex + 1));\r\n\r\n        let autoPlay = setInterval(() => goToSlide(currentIndex + 1), 5000);\r\n        \r\n        const container = document.getElementById('portfolio-container');\r\n        container.addEventListener('mouseenter', () => clearInterval(autoPlay));\r\n        container.addEventListener('mouseleave', () => autoPlay = setInterval(() => goToSlide(currentIndex + 1), 5000));\r\n\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>LakuVisual &#8211; Jasa Foto Produk Profesional Jualan Sepi? Mungkin Bukan Produknya, Tapi Fotonya. Foto produk gelap, background berantakan, dan biaya studio yang mahal seringkali menghambat bisnis Anda. Kami punya solusi yang lebih hemat dan praktis. Konsultasi Sekarang \ud83d\udd12 Gratis konsultasi awal, tanpa rasa canggung. Jika Anda Mengalami Ini&#8230; Anda tidak sendirian. Banyak pebisnis menghadapi masalah [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/lakuvisual.com\/index.php?rest_route=\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lakuvisual.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lakuvisual.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lakuvisual.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lakuvisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":5,"href":"https:\/\/lakuvisual.com\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/lakuvisual.com\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/lakuvisual.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}