🔥 Praktis Tanpa Bangun Sistem

Buat Landing Page & Toko Online Sendiri Dengan Cepat, Mudah dan Tanpa Ribet..

Tanpa coding & Tanpa laptop. Sekarang kamu bisa bikin landing page, web toko produk fisik, dan digital konek ke payment gateway hanya dari satu tools aja.

👉 Peluang Cuan: Toolsnya bisa kamu jual lagi pakai Brand Kamu sendiri atau Buka Jasa dengan 100% profit milik kamu.

Beli Sekarang

Mau Punya Web Sendiri, Tapi Ini Yang Kamu Rasakan?

Banyak pemula yang akhirnya menyerah sebelum memulai karena terhalang kendala teknis.

Tidak Punya Laptop/PC

Ingin bikin web atau landing page tapi terkendala alat. Merasa harus beli laptop mahal dulu baru bisa mulai jualan.

Gaptek & Pusing Coding

Melihat kode HTML/CSS terasa seperti bahasa alien. Bingung harus mulai belajar dari mana karena terlalu rumit.

Ribet Setup Sistem

Harus sewa hosting, beli domain, install plugin, dan setting payment gateway sendiri yang memakan waktu lama.

Bingung Mulai Dari Mana?

Ingin Dapet Tambahan Penghasilan, Tapi Bingung Mulai Dari Mana dan Gak Punya Waktu Banyak Untuk Stok Produk?

✅ Drag & Drop

SOLUSI YANG ANDA CARI

Bikin Web Profesional Cukup Pakai HP, Dan Buka Jasa Atau Jual Tools Ini Dengan Brand Kamu Sendiri

Lupakan koding yang rumit atau biaya sewa jasa programmer yang mahal. Kami hadirkan platform revolusioner dimana siapa saja bisa punya web bisnis sendiri dalam hitungan menit.

Tanpa Laptop/PC: Full akses dashboard edit & kelola orderan lewat HP Android/iOS.
Drag & Drop System: Tidak perlu paham coding. Tinggal pilih element, edit teks, jadi!
Hitung Ongkir Otomatis: Untuk kamu yang jualan produk fisik, tersedia fitur hitung ongkir otomatis, jadi gak perlu hitung ongkir manual.
(New) Fitur Ai Page Builder: Bantu kamu buat element-element di website dengan sekali klik.
(New) Terintegrasi Payment Gateway: Terima pembayaran otomatis untuk produk digitalmu tanpa perlu cek mutasi manual, dan auto kirim link akses produk via email
Profit 100% Milikmu: Bisa digunakan untuk buka jasa pembuatan landing page ke klien atau bisa kamu jual kembali Tools ini dengan Brand Kamu Sendiri.

Preview Demo Tools Web Builder V2

Semua yang Anda Butuhkan dalam Satu Tools

Tidak perlu berlangganan berbagai tools berbeda. Kami menyatukan semua fitur premium untuk memaksimalkan profit bisnis digital Anda.

Custom Domain Sendiri

Tingkatkan kepercayaan pembeli dengan menggunakan nama domain brand Anda sendiri (contoh: tokokamu.com), bukan subdomain gratisan.

Payment Gateway

Web Toko Produk Digital Bisa diintegrasikan dengan payment gateway. Pembeli bayar menggunakan QRIS, Virtual Account, sistem otomatis memverifikasi. Orderan masuk tanpa perlu cek mutasi bank manual. dan kirim akses produk digital secara otomatis

Template Siap Pakai

Tersedia puluhan template landing page konversi tinggi untuk berbagai niche. Tinggal ganti teks dan gambar.

Pixel & Analytics

Mudah pasang Facebook Pixel, untuk kebutuhan tracking iklan (Ads) agar data audiens terekam akurat.

(New) Tersedia Berbagai Fitur Ai

Ai Page Builder, Ai Notif Order, Ai Copywriting Landing Page, WaLink Generator, Dan Lainnya.

Web Toko Produk Fisik

Jualan baju, herbal, atau skincare makin mudah. Support Multi Produk dan fitur Cek Ongkir Otomatis (JNE, J&T, SiCepat, dll) langsung di halaman checkout.

(New) Web Toko Produk Digital

Jual e-book, video course, atau software secara auto-pilot. Sistem memproses pembayaran otomatis dan mengirim akses otomatis via Email detik itu juga tanpa perlu kirim manual.

(New) Link Donasi atau Link Traktir

Bisa buat link donasi atau link traktir kopi dengan payment metode menggunakan rekening kamu sendiri, dan dilengkapi notifikasi donasi ke email.

Lisensi Whitelabel (Pakai Brand & Domain Kamu)

Peluang Cuan! Jual Kembali Tools Ini Pakai Brand & Domain Sendiri. Kamu bisa atur biaya langganan bulanan/tahunan dan profit 100% masuk ke kantong Kamu.

Lisensi Komersial (Jasa)

Peluang Cuan! Kamu diperbolehkan membuka jasa pembuatan Landing Page untuk klien menggunakan tools ini dan profit 100% masuk ke kantong Kamu.

(New Update) Buat Link Traktir Kopi atau Link Donasi jadi lebih Gampang..

Kamu Masih Ragu? Lihat Hasil Mereka..

Ribuan member telah membuktikan kemudahan mendapatkan profit dari bisnis jasa pembuatan website menggunakan atau menjual kembali tools ini.

"Kejual 60 Landingpage. Profit Tembus Rp 9 Juta-an! 🔥"

"Jual 5 User Aja Udah Balik Modal. Sisanya Tinggal Nikmati Profit 100% 🚀"

"Jual 99rb, dapet 16 order"

"Terjual 27 lewat grup wa"

Hitung Sendiri Potensi Profit Kamu

Dengan menjual jasa pembuatan landing page seharga Rp 99.000 (Sangat murah & mudah dijual), lihat bagaimana mengubah tools ini menjadi mesin uang.

Jual 10 Landing Page 99rb x 10 klien

Rp 990 Ribu

Jual 100 Landing Page 99rb x 100 klien

Rp 9.9 Juta

            🔥 Profit
            
            Jual 300 Landing Page
            99rb x 300 klien
            Rp 29.7 Juta

🔄

Dan Belum Berhenti Disitu!

Kamu bisa menjual kembali Tools ini dan mengatur sistem Langganan (Bulanan/Tahunan). Artinya, ketika user memperpanjang masa aktif tahun depan, Kamu akan mendapatkan profit lagi tanpa perlu mencari pelanggan baru. Untung berkali-kali lipat!

Intip Hasil Web Yang Bisa Kamu Buat

Satu tools untuk berbagai kebutuhan. Klik tombol demo untuk melihat preview.

Skincare

Lihat Demo

Travel Umroh

Lihat Demo

Web Toko Produk Fisik

Lihat Demo

Ebook

Lihat Demo

Villa

Lihat Demo

Travel Wisata

Lihat Demo

Kenapa Harus Pakai Tools Ini?

Pakai Brand Kamu Sendiri

Klaim tools ini sebagai milik Anda. Gunakan nama bisnis, logo dan domain Anda sendiri untuk tools ini agar meningkatkan kredibilitas di mata klien.

Untung Berulang Kali

Bangun aset digital yang menghasilkan passive income. Sekali dapat user, profit mengalir terus setiap mereka perpanjang langganan.

Irit Waktu, Irit Biaya

Tidak perlu keluar uang ratusan juta dan waktu berbulan-bulan untuk develop aplikasi sendiri. Langsung jualan hari ini juga.

Jual Paket Langganan

Kamu pegang kendali penuh. Tentukan sendiri harga paket bulanan atau tahunan kepada customer Kamu sesuka hati.

Keuntungan 100% Milikmu

Tidak ada bagi hasil. Semua uang pembayaran dari klien atau user masuk sepenuhnya ke rekening Kamu tanpa potongan dari kami.

Akses Grup Support

Tidak dilepas sendirian. Kamu akan masuk ke grup khusus para member untuk diskusi strategi dan kendala.

Mulai Investasi Terbaik Kamu Sekarang

Pilih paket yang sesuai dengan kebutuhan Kamu.

Paket Lite

Cocok untuk Kamu yang ingin membuat landing page dan web toko untuk bisnis sendiri. Dan bisa diperuntukan untuk buka jasa landing page.

Rp 194.000 Hemat 50%

Rp 97.000

Unlimited Project Landing Page
Bisa Buat Web Toko Produk Fisik & Unlimited Produk
Video Panduan & Grup Support
Tidak Bisa Jual Jasa Pembuatan Landing Page
Tidak Bisa Jual Kembali Tools Ini

Daftar Paket Lite

Paket Agency 150 Lisensi

Cocok untuk Kamu yang ingin membuat landing page dan web toko untuk bisnis sendiri. Dan bisa diperuntukan untuk buka jasa landing page.

Rp 598.000 Hemat 50%

Rp 299.000

Unlimited Project Landing Page (Bisa Untuk Klien Kamu)
Bisa Buka Jasa Pembuatan Landing Page
Bisa Jual Tools Ini Sebanyak 150 Lisensi (Pengguna)
Premium Fitur: Web Toko Produk Digital
Premium Fitur: Web Toko Produk Fisik
Video Panduan & Grup Support
Tidak Bisa Rebranding Tools Ini Untuk Dijual Lagi

Daftar Paket Agency

🔥 PALING LARIS

Paket Whitelabel 300 Lisensi

Buka jasa pembuatan web & jual tools ini dengan brand sendiri (Whitelabel V1). Profit 100% milik kamu.

Rp 794.000 Hemat 50%

Rp 397.000

Bisa Buka Jasa Pembuatan Web
Bisa Jual Tools Ini Dengan Brand Kamu Sendiri
Custom Brand & Domain (Profit 100% Milik Kamu)
Fitur Digital Produk + Payment Gateway
Unlimited Project, Landing Page & Web Toko Produk Fisik
Custom Domain (Untuk Landing Page)
Free Kumpulan Template Premium Siap Pakai
Video Panduan & Grup Support

Daftar Paket Whitelabel

Penawaran Terbatas

🎁 Bonus Spesial Akses Premium

Bonus Mini Course: Cara Cepat Membuat Web & Landing Page Profesional Menggunakan tools ini dan AI, Kurang Dari 5 Menit.

Bonus Studi Kasus: Real Studi Kasus Beriklan di Meta Ads Dengan Modal Awal 100rb, Hasilkan 23x Lipat.

Akses Eksklusif: Kumpulan Template Premium Siap Pakai.

Pertanyaan Yang Sering Diajukan

Hilangkan keraguan Anda. Berikut jawaban dari pertanyaan umum member kami.

Betul! 100% sistem kami dirancang mobile-friendly. Anda bisa membuat landing page, mengelola produk, hingga kelola produk hanya lewat browser HP Android/iOS Anda.

TIDAK PERLU. Biaya langganan yang Kamu bayarkan sudah termasuk server yang cepat dan aman, serta free maintenance. Kamu tinggal fokus jualan saja.

Sangat Boleh! Jika Anda mengambil Paket Bisnis, Anda mendapatkan lisensi Whitelabel. Anda bisa menjual tools ini sebanyak 100 Lisensi ke klien Anda dengan harga yang Anda tentukan sendiri.

Tentu saja. Kami menyediakan Video Tutorial langkah demi langkah yang mudah diikuti. Selain itu, Kamu akan dimasukkan ke Grup Support Whatsapp untuk bertanya jika ada kendala.

Siap Punya Bisnis Digital Sendiri?

Jangan biarkan kesempatan ini lewat. Gabung sekarang, bangun aset digitalmu, dan mulai hasilkan profit dari rumah hanya bermodalkan HP.

Ya, Saya Mau Daftar Sekarang

Transaksi 100% Aman & Terpercaya

{"page":{"title":"Tools Web Builder","sections":{"byId":{"OEMCXiAUt5z2o_Za4Pt8e":{"_id":"OEMCXiAUt5z2o_Za4Pt8e","key":"section","name":"Section 1","attributes":{"style":{"position":"initial","marginTop":"0px","paddingTop":"0px","paddingBottom":"0px","paddingLeft":"0px","paddingRight":"0px","width":"100%","alignSelf":"center","backgroundImage":"","backgroundColor":"#FFFFFFFF","color":"#000000FF","mobile":{"marginTop":"0px","marginRight":"20px","marginBottom":"24px","marginLeft":"20px"},"marginRight":"20px","marginBottom":"24px","marginLeft":"20px"},"width":"xl","background":true,"backgroundImageStyle":"None","backgroundVideo":false,"backgroundVideoUrl":"","shadowOverride":false,"borderOverride":false,"cornerOverride":false,"border":false,"corner":false,"shadow":false,"className":"","dirty":null},"components":{"byId":{"a75d":{"_id":"a75d","key":"tracking-fb-pixel-event","name":"FB Pixel Event","attributes":{"recordAt":"load","pixelIds":["0J4J"],"pixelEvent":"ViewContent","contentName":"KBL","pixelValue":"","eventName":"","dirty":null},"components":{"allIds":[]}},"49wf":{"_id":"49wf","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n /* CSS UTAMA */\n :root {\n --primary-color: #2563EB; /* Biru Profesional */\n --secondary-color: #1E40AF; /* Biru Gelap */\n --accent-color: #F59E0B; /* Kuning Emas untuk highlight */\n --text-dark: #1F2937;\n --text-light: #4B5563;\n --bg-color: #F3F4F6;\n }\n\n .hero-wrapper {\n font-family: 'Poppins', sans-serif;\n background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);\n padding: 60px 20px;\n overflow: hidden;\n }\n\n .hero-container {\n max-width: 1100px;\n margin: 0 auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 40px;\n }\n\n /* BAGIAN TEKS (KIRI) */\n .hero-content {\n flex: 1;\n max-width: 600px;\n }\n\n .badge {\n display: inline-block;\n background-color: #DBEAFE;\n color: var(--secondary-color);\n padding: 6px 12px;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 15px;\n border: 1px solid #BFDBFE;\n }\n\n .hero-title {\n font-size: 2.5rem;\n line-height: 1.2;\n color: var(--text-dark);\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .hero-title span {\n color: var(--primary-color);\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n color: var(--text-light);\n margin-bottom: 25px;\n line-height: 1.6;\n }\n\n .feature-box {\n background: #ffffff;\n border-left: 4px solid var(--accent-color);\n padding: 15px;\n margin-bottom: 30px;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n border-radius: 0 8px 8px 0;\n }\n\n .feature-box p {\n margin: 0;\n font-size: 0.95rem;\n color: var(--text-dark);\n font-weight: 500;\n }\n\n .cta-button {\n display: inline-block;\n background-color: var(--primary-color);\n color: white;\n padding: 15px 40px;\n font-size: 1.1rem;\n font-weight: 600;\n border-radius: 8px;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3);\n }\n\n .cta-button:hover {\n background-color: var(--secondary-color);\n transform: translateY(-2px);\n box-shadow: 0 15px 20px -3px rgba(37, 99, 235, 0.4);\n }\n\n /* BAGIAN GAMBAR (KANAN) */\n .hero-image {\n flex: 1;\n display: flex;\n justify-content: center;\n position: relative;\n }\n\n /* Efek Frame HP Sederhana */\n .image-frame {\n max-width: 280px; /* Ukuran lebar HP */\n border-radius: 30px;\n overflow: hidden;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);\n border: 8px solid #1F2937; /* Warna bezel HP */\n background-color: #1F2937;\n position: relative;\n }\n\n .image-frame img {\n display: block;\n width: 100%;\n height: auto;\n border-radius: 20px; /* Curve dalam layar */\n }\n\n /* RESPONSIVE MOBILE */\n @media (max-width: 768px) {\n .hero-container {\n flex-direction: column-reverse; /* Gambar pindah ke atas di HP, atau hapus baris ini jika ingin gambar di bawah */\n text-align: center;\n gap: 30px;\n }\n\n .hero-title {\n font-size: 1.8rem;\n }\n\n .feature-box {\n text-align: left;\n }\n \n .image-frame {\n max-width: 240px;\n }\n }\n</style>\n</head>\n<body>\n\n<section class=\"hero-wrapper\">\n <div class=\"hero-container\">\n\n\n \n <div class=\"hero-content\">\n <span class=\"badge\">🔥 Praktis Tanpa Bangun Sistem</span>\n <h1 class=\"hero-title\">Buat Landing Page & Toko Online Sendiri <span>Dengan Cepat, Mudah dan Tanpa Ribet..</span></h1>\n \n <p class=\"hero-subtitle\">\n Tanpa coding & Tanpa laptop. Sekarang kamu bisa <strong>bikin landing page</strong>, web toko produk fisik, dan digital konek ke payment gateway hanya dari <strong>satu tools aja.</strong>\n </p>\n\n <div class=\"feature-box\">\n <p>👉 <strong>Peluang Cuan:</strong> Toolsnya bisa kamu jual lagi pakai <strong>Brand Kamu</strong> sendiri atau Buka Jasa dengan 100% profit milik kamu.</p>\n </div>\n\n <a href=\"#beli\" class=\"cta-button\">Beli Sekarang</a>\n </div>\n\n <div class=\"hero-image\">\n <div class=\"image-frame\">\n <img src=\"https://media.buat.id/live/tr:q-50/2026-01-02/1767352067542-photo_2026-01-02%2008.43.22.jpeg\" alt=\"Testimoni Profit Kiblat Marketing\">\n </div>\n </div>\n\n </div>\n</section>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"QH3p":{"_id":"QH3p","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* CSS BAGIAN PROBLEM */\n .problem-section {\n padding: 80px 20px;\n background-color: #ffffff;\n }\n\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 50px auto;\n }\n\n .section-title {\n font-family: 'Poppins', sans-serif;\n font-size: 2rem;\n font-weight: 700;\n color: var(--text-dark); /* Mengambil variabel dari kode sebelumnya */\n margin-bottom: 10px;\n }\n\n .section-desc {\n font-family: 'Poppins', sans-serif;\n font-size: 1rem;\n color: var(--text-light);\n }\n\n /* Grid Layout */\n .problem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .problem-card {\n background: #F9FAFB;\n border: 1px solid #E5E7EB;\n border-radius: 12px;\n padding: 30px;\n transition: all 0.3s ease;\n text-align: left;\n }\n\n .problem-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n border-color: #FECACA; /* Border merah halus saat hover */\n }\n\n /* Icon Styling */\n .icon-wrapper {\n width: 60px;\n height: 60px;\n background-color: #FEE2E2; /* Merah sangat muda */\n color: #EF4444; /* Merah Alert */\n border-radius: 50%; /* Bulat */\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n font-size: 24px;\n }\n \n .icon-wrapper svg {\n width: 30px;\n height: 30px;\n fill: currentColor;\n }\n\n .card-title {\n font-family: 'Poppins', sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 10px;\n }\n\n .card-text {\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n color: var(--text-light);\n line-height: 1.6;\n }\n\n /* Responsive untuk HP */\n @media (max-width: 768px) {\n .section-title {\n font-size: 1.6rem;\n }\n .problem-card {\n text-align: center;\n }\n .icon-wrapper {\n margin: 0 auto 20px auto;\n }\n }\n</style>\n\n<section class=\"problem-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Mau Punya Web Sendiri, Tapi Ini Yang Kamu Rasakan?</h2>\n <p class=\"section-desc\">Banyak pemula yang akhirnya menyerah sebelum memulai karena terhalang kendala teknis.</p>\n </div>\n\n <div class=\"problem-grid\">\n \n <div class=\"problem-card\">\n <div class=\"icon-wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"/></svg>\n </div>\n <h3 class=\"card-title\">Tidak Punya Laptop/PC</h3>\n <p class=\"card-text\">Ingin bikin web atau landing page tapi terkendala alat. Merasa harus beli laptop mahal dulu baru bisa mulai jualan.</p>\n </div>\n\n <div class=\"problem-card\">\n <div class=\"icon-wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z\"/></svg>\n </div>\n <h3 class=\"card-title\">Gaptek & Pusing Coding</h3>\n <p class=\"card-text\">Melihat kode HTML/CSS terasa seperti bahasa alien. Bingung harus mulai belajar dari mana karena terlalu rumit.</p>\n </div>\n\n <div class=\"problem-card\">\n <div class=\"icon-wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.21 2 14 2h-4c-.21 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.28.42.49.42h4c.21 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"/></svg>\n </div>\n <h3 class=\"card-title\">Ribet Setup Sistem</h3>\n <p class=\"card-text\">Harus sewa hosting, beli domain, install plugin, dan setting payment gateway sendiri yang memakan waktu lama.</p>\n </div>\n\n<div class=\"problem-card\">\n <div class=\"icon-wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.21 2 14 2h-4c-.21 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.28.42.49.42h4c.21 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"/></svg>\n </div>\n <h3 class=\"card-title\">Bingung Mulai Dari Mana?</h3>\n <p class=\"card-text\">Ingin Dapet Tambahan Penghasilan, Tapi Bingung Mulai Dari Mana dan Gak Punya Waktu Banyak Untuk Stok Produk?</p>\n </div>\n\n\n\n </div>\n</section>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":true},"components":{"allIds":[]}},"DUbJ":{"_id":"DUbJ","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* CSS BAGIAN SOLUSI */\n .solution-section {\n padding: 80px 20px;\n background-color: #F0F9FF; /* Background biru sangat muda, memberi kesan \"lega\" */\n overflow: hidden;\n }\n\n .solution-container {\n max-width: 1100px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n gap: 50px;\n }\n\n /* Bagian Gambar (Kiri) */\n .solution-image {\n flex: 1;\n position: relative;\n }\n\n .solution-image img {\n width: 100%;\n max-width: 500px;\n border-radius: 20px;\n box-shadow: 0 20px 40px -10px rgba(37, 99, 235, 0.2); /* Bayangan biru halus */\n border: 4px solid #ffffff;\n }\n\n /* Elemen Dekorasi Floating Badge */\n .float-badge {\n position: absolute;\n bottom: 30px;\n right: -20px;\n background: white;\n padding: 15px 25px;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n display: flex;\n align-items: center;\n gap: 10px;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n color: var(--text-dark);\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n /* Bagian Teks (Kanan) */\n .solution-content {\n flex: 1;\n }\n\n .solution-label {\n color: var(--primary-color);\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n font-size: 0.9rem;\n margin-bottom: 10px;\n display: block;\n }\n\n .solution-title {\n font-family: 'Poppins', sans-serif;\n font-size: 2.2rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 20px;\n line-height: 1.3;\n }\n\n .solution-text {\n font-family: 'Poppins', sans-serif;\n font-size: 1rem;\n color: var(--text-light);\n margin-bottom: 30px;\n line-height: 1.7;\n }\n\n /* Checklist Styling */\n .check-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .check-item {\n display: flex;\n align-items: flex-start;\n gap: 15px;\n margin-bottom: 15px;\n font-family: 'Poppins', sans-serif;\n color: var(--text-dark);\n font-weight: 500;\n }\n\n .check-icon {\n background-color: #10B981; /* Hijau Sukses */\n color: white;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .check-icon svg {\n width: 16px;\n height: 16px;\n fill: currentColor;\n }\n\n /* Responsive Mobile */\n @media (max-width: 768px) {\n .solution-container {\n flex-direction: column;\n }\n \n .solution-image {\n order: 2; /* Gambar pindah ke bawah di HP supaya user baca teks dulu */\n margin-top: 20px;\n }\n\n .float-badge {\n right: 0;\n bottom: 20px;\n padding: 10px 15px;\n font-size: 0.9rem;\n }\n\n .solution-title {\n font-size: 1.8rem;\n }\n }\n</style>\n\n<section class=\"solution-section\">\n <div class=\"solution-container\">\n \n <div class=\"solution-image\">\n <img src=\"https://media.buat.id/live/tr:q-50/2026-02-11/1770806481753-Screenshot%202026-02-11%20at%2017.37.43.png\" alt=\"Dashboard Aplikasi di HP\">\n \n <div class=\"float-badge\">\n <span style=\"color: #10B981; font-size: 1.2rem;\">✅</span>\n <span>Drag & Drop</span>\n </div>\n </div>\n\n <div class=\"solution-content\">\n <span class=\"solution-label\">SOLUSI YANG ANDA CARI</span>\n <h2 class=\"solution-title\">Bikin Web Profesional Cukup Pakai HP, Dan Buka Jasa Atau Jual Tools Ini Dengan Brand Kamu Sendiri</h2>\n \n <p class=\"solution-text\">\n Lupakan koding yang rumit atau biaya sewa jasa programmer yang mahal. Kami hadirkan platform revolusioner dimana <strong>siapa saja bisa punya web bisnis sendiri</strong> dalam hitungan menit.\n </p>\n\n <ul class=\"check-list\">\n <li class=\"check-item\">\n <div class=\"check-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>\n </div>\n <span><strong>Tanpa Laptop/PC:</strong> Full akses dashboard edit & kelola orderan lewat HP Android/iOS.</span>\n </li>\n <li class=\"check-item\">\n <div class=\"check-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>\n </div>\n <span><strong>Drag & Drop System:</strong> Tidak perlu paham coding. Tinggal pilih element, edit teks, jadi!</span>\n </li>\n\n </li>\n<li class=\"check-item\">\n <div class=\"check-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>\n </div>\n <span><strong>Hitung Ongkir Otomatis:</strong> Untuk kamu yang jualan produk fisik, tersedia fitur hitung ongkir otomatis, jadi gak perlu hitung ongkir manual. </span>\n </li>\n\n\n <li class=\"check-item\">\n <div class=\"check-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>\n </div>\n <span><strong>(New) Fitur Ai Page Builder:</strong> Bantu kamu buat element-element di website dengan sekali klik.</span>\n </li>\n<li class=\"check-item\">\n <div class=\"check-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>\n </div>\n <span><strong>(New) Terintegrasi Payment Gateway:</strong> Terima pembayaran otomatis untuk produk digitalmu tanpa perlu cek mutasi manual, dan auto kirim link akses produk via email </span>\n </li>\n\n\n\n <li class=\"check-item\">\n <div class=\"check-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>\n </div>\n <span><strong>Profit 100% Milikmu:</strong> Bisa digunakan untuk buka jasa pembuatan landing page ke klien atau bisa kamu jual kembali Tools ini dengan Brand Kamu Sendiri.</span>\n </li>\n </ul>\n\n </div>\n </div>\n</section>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":true},"components":{"allIds":[]}},"6L6o":{"_id":"6L6o","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* CSS BAGIAN FITUR */\n .features-section {\n padding: 90px 20px;\n background-color: #F9FAFB; /* Abu-abu sangat muda */\n }\n\n .features-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 60px auto;\n }\n\n .features-title {\n font-family: 'Poppins', sans-serif;\n font-size: 2.2rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 15px;\n }\n\n .features-subtitle {\n font-family: 'Poppins', sans-serif;\n font-size: 1.1rem;\n color: var(--text-light);\n line-height: 1.6;\n }\n\n /* Grid System */\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n max-width: 1150px;\n margin: 0 auto;\n }\n\n /* Card Styling */\n .feature-card {\n background: #ffffff;\n padding: 35px 30px;\n border-radius: 16px;\n border: 1px solid #F3F4F6;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .feature-card:hover {\n transform: translateY(-7px); /* Efek naik */\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n border-color: #BFDBFE; /* Border biru muda saat hover */\n }\n\n /* Icon Styling */\n .feature-icon-box {\n width: 55px;\n height: 55px;\n background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);\n color: var(--primary-color);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 25px;\n }\n\n .feature-icon-box svg {\n width: 28px;\n height: 28px;\n fill: currentColor;\n }\n\n .feature-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 12px;\n }\n\n .feature-card p {\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n color: var(--text-light);\n line-height: 1.6;\n margin: 0;\n }\n\n /* Mobile Responsive */\n @media (max-width: 768px) {\n .features-title {\n font-size: 1.8rem;\n }\n .features-grid {\n grid-template-columns: 1fr; /* 1 kolom di HP */\n padding: 0 10px;\n }\n }\n</style>\n\n<section class=\"features-section\">\n <div class=\"features-header\">\n <h2 class=\"features-title\">Semua yang Anda Butuhkan dalam Satu Tools</h2>\n <p class=\"features-subtitle\">Tidak perlu berlangganan berbagai tools berbeda. Kami menyatukan semua fitur premium untuk memaksimalkan profit bisnis digital Anda.</p>\n </div>\n\n <div class=\"features-grid\">\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"/></svg>\n </div>\n <h3>Custom Domain Sendiri</h3>\n <p>Tingkatkan kepercayaan pembeli dengan menggunakan nama domain brand Anda sendiri (contoh: tokokamu.com), bukan subdomain gratisan.</p>\n </div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2zM6 10h2v2H6z\"/></svg>\n </div>\n <h3>Payment Gateway</h3>\n <p>Web Toko Produk Digital Bisa diintegrasikan dengan payment gateway. Pembeli bayar menggunakan QRIS, Virtual Account, sistem otomatis memverifikasi. Orderan masuk tanpa perlu cek mutasi bank manual. dan kirim akses produk digital secara otomatis</p>\n </div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z\"/></svg>\n </div>\n <h3>Template Siap Pakai</h3>\n <p>Tersedia puluhan template landing page konversi tinggi untuk berbagai niche. Tinggal ganti teks dan gambar.</p>\n </div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"/></svg>\n </div>\n <h3>Pixel & Analytics</h3>\n <p>Mudah pasang Facebook Pixel, untuk kebutuhan tracking iklan (Ads) agar data audiens terekam akurat.</p>\n </div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z\"/></svg>\n </div>\n <h3>(New) Tersedia Berbagai Fitur Ai</h3>\n <p>Ai Page Builder, Ai Notif Order, Ai Copywriting Landing Page, WaLink Generator, Dan Lainnya.</p>\n </div>\n\n\n<div class=\"feature-card\">\n <div class=\"feature-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"/></svg>\n </div>\n <h3>Web Toko Produk Fisik</h3>\n <p>Jualan baju, herbal, atau skincare makin mudah. Support <strong>Multi Produk</strong> dan fitur <strong>Cek Ongkir Otomatis</strong> (JNE, J&T, SiCepat, dll) langsung di halaman checkout.</p>\n </div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"/></svg>\n </div>\n <h3>(New) Web Toko Produk Digital</h3>\n <p>Jual e-book, video course, atau software secara auto-pilot. Sistem memproses pembayaran otomatis dan <strong>mengirim akses otomatis via Email</strong> detik itu juga tanpa perlu kirim manual.</p>\n </div>\n\n\n\n<div class=\"feature-card\">\n <div class=\"feature-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z\"/></svg>\n </div>\n <h3>(New) Link Donasi atau Link Traktir</h3>\n <p>Bisa buat link donasi atau link traktir kopi dengan payment metode menggunakan rekening kamu sendiri, dan dilengkapi notifikasi donasi ke email.</p>\n </div>\n\n\n\n\n <div class=\"feature-card\" style=\"border: 1px solid var(--accent-color);\">\n <div class=\"feature-icon-box\" style=\"color: var(--accent-color); background: #FEF3C7;\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.15-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.35 0 .81.91 1.17 2.67 1.6 2.38.6 4.43 1.72 4.43 3.97 0 1.79-1.39 3-3.37 3.35z\"/></svg>\n </div>\n <h3>Lisensi Whitelabel (Pakai Brand & Domain Kamu)</h3>\n <p><strong>Peluang Cuan!</strong> Jual Kembali Tools Ini Pakai Brand & Domain Sendiri. Kamu bisa atur biaya langganan bulanan/tahunan dan profit 100% masuk ke kantong Kamu.</p>\n </div>\n\n<div class=\"feature-card\" style=\"border: 1px solid var(--accent-color);\">\n <div class=\"feature-icon-box\" style=\"color: var(--accent-color); background: #FEF3C7;\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.15-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.35 0 .81.91 1.17 2.67 1.6 2.38.6 4.43 1.72 4.43 3.97 0 1.79-1.39 3-3.37 3.35z\"/></svg>\n </div>\n <h3>Lisensi Komersial (Jasa)</h3>\n <p><strong>Peluang Cuan!</strong> Kamu diperbolehkan membuka jasa pembuatan Landing Page untuk klien menggunakan tools ini dan profit 100% masuk ke kantong Kamu.</p>\n </div>\n\n </div>\n</section>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":true,"customEditorStyles":{},"fonts":{}},"components":{"allIds":[]}},"RgF5":{"_id":"RgF5","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* CSS BAGIAN TESTIMONI */\n .testi-section {\n padding: 90px 20px;\n background-color: #ffffff;\n }\n\n .testi-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 50px auto;\n }\n\n .testi-title {\n font-family: 'Poppins', sans-serif;\n font-size: 2.2rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 10px;\n }\n\n .testi-subtitle {\n font-family: 'Poppins', sans-serif;\n font-size: 1.1rem;\n color: var(--text-light);\n }\n\n /* Grid Testimoni */\n .testi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n max-width: 1000px; /* Dibatasi agar screenshot tidak terlalu lebar */\n margin: 0 auto;\n }\n\n /* Card Styling */\n .testi-card {\n background: #F9FAFB;\n border: 1px solid #E5E7EB;\n border-radius: 16px;\n padding: 25px;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n }\n\n .testi-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n /* Profile Header */\n .user-profile {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n border-bottom: 1px solid #E5E7EB;\n padding-bottom: 15px;\n }\n\n .user-avatar {\n width: 50px;\n height: 50px;\n background-color: var(--primary-color);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1.2rem;\n }\n\n .user-info h4 {\n margin: 0;\n font-family: 'Poppins', sans-serif;\n font-size: 1.1rem;\n color: var(--text-dark);\n font-weight: 600;\n }\n\n .verified-badge {\n font-size: 0.8rem;\n color: #059669; /* Hijau Verified */\n display: flex;\n align-items: center;\n gap: 5px;\n margin-top: 2px;\n }\n\n /* Quote Highlight */\n .highlight-quote {\n background-color: #FEF3C7; /* Kuning background */\n color: #92400E; /* Text Coklat Tua */\n padding: 10px 15px;\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 0.95rem;\n margin-bottom: 20px;\n text-align: center;\n border-left: 4px solid #F59E0B;\n }\n\n /* Screenshot Container */\n .screenshot-wrapper {\n width: 100%;\n border-radius: 12px;\n overflow: hidden;\n border: 1px solid #E5E7EB;\n cursor: pointer; /* Memberi sinyal bisa diklik/zoom */\n }\n\n .screenshot-wrapper img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.3s ease;\n }\n\n /* Responsive Mobile */\n @media (max-width: 768px) {\n .testi-title {\n font-size: 1.8rem;\n }\n }\n</style>\n\n<section class=\"testi-section\">\n <div class=\"testi-header\">\n <h2 class=\"testi-title\">Kamu Masih Ragu? Lihat Hasil Mereka..</h2>\n <p class=\"testi-subtitle\">Ribuan member telah membuktikan kemudahan mendapatkan profit dari bisnis jasa pembuatan website menggunakan atau menjual kembali tools ini.</p>\n </div>\n\n <div class=\"testi-grid\">\n\n <div class=\"testi-card\">\n <div class=\"user-profile\">\n \n </div>\n \n <div class=\"highlight-quote\">\n \"Kejual 60 Landingpage. Profit Tembus Rp 9 Juta-an! 🔥\"\n </div>\n\n <div class=\"screenshot-wrapper\">\n <img src=\"https://media.buat.id/live/tr:q-50/2025-12-19/1766152404141-photo_2025-12-19%2020.53.00.jpeg\" alt=\"Testimoni Profit 9 Juta\">\n </div>\n </div>\n\n <div class=\"testi-card\">\n <div class=\"user-profile\">\n \n </div>\n\n <div class=\"highlight-quote\">\n \"Jual 5 User Aja Udah Balik Modal. Sisanya Tinggal Nikmati Profit 100% 🚀\"\n </div>\n\n <div class=\"screenshot-wrapper\">\n <img src=\"https://media.buat.id/live/tr:q-50/2025-12-20/1766191282804-photo_2025-12-20%2007.32.59.jpeg\" alt=\"Testimoni Balik Modal\">\n </div>\n </div>\n\n\n\n<div class=\"testi-card\">\n <div class=\"user-profile\">\n \n </div>\n\n <div class=\"highlight-quote\">\n \"Jual 99rb, dapet 16 order\"\n </div>\n\n <div class=\"screenshot-wrapper\">\n <img src=\"https://media.buat.id/live/tr:q-100/2025-10-01/1759294211173-photo_6258193536038056921_y%20(1).jpg\" alt=\"Testimoni Balik Modal\">\n </div>\n </div>\n\n\n<div class=\"testi-card\">\n <div class=\"user-profile\">\n \n </div>\n\n <div class=\"highlight-quote\">\n \"Terjual 27 lewat grup wa\"\n </div>\n\n <div class=\"screenshot-wrapper\">\n <img src=\"https://media.buat.id/live/tr:q-50/2025-12-20/1766221841310-photo_2025-12-20%2016.09.34.jpeg\" alt=\"Testimoni Balik Modal\">\n </div>\n </div>\n\n\n\n\n\n </div>\n</section>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"91xp":{"_id":"91xp","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* CSS BAGIAN PROFIT SIMULATION (RE-STYLED) */\n .profit-section {\n padding: 90px 20px;\n /* Background disamakan dengan section Benefits (Navy Blue) */\n background: linear-gradient(135deg, #111827 0%, #1E3A8A 100%);\n color: #ffffff;\n position: relative;\n overflow: hidden;\n }\n\n /* Dekorasi Pattern Titik (Disamakan dengan section sebelumnya) */\n .profit-section::before {\n content: '';\n position: absolute;\n width: 100%; height: 100%; top:0; left:0;\n background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n background-size: 20px 20px;\n pointer-events: none;\n opacity: 0.5;\n }\n\n .profit-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 60px auto;\n position: relative;\n z-index: 2;\n }\n\n .profit-title {\n font-family: 'Poppins', sans-serif;\n font-size: 2.4rem;\n font-weight: 700;\n margin-bottom: 15px;\n color: #ffffff;\n display: inline-block;\n position: relative;\n }\n\n /* Menambahkan Garis Emas di Bawah Judul */\n .profit-title::after {\n content: '';\n display: block;\n width: 80px;\n height: 4px;\n background: #F59E0B; /* Warna Emas */\n margin: 15px auto 0 auto;\n border-radius: 2px;\n }\n\n .profit-subtitle {\n font-family: 'Poppins', sans-serif;\n font-size: 1.1rem;\n color: #9CA3AF;\n line-height: 1.6;\n margin-top: 15px;\n }\n\n /* Grid Layout */\n .profit-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n max-width: 1100px;\n margin: 0 auto 50px auto;\n position: relative;\n z-index: 2;\n }\n\n /* Card Style (Disamakan dengan Benefit Card) */\n .profit-card {\n background: rgba(255, 255, 255, 0.03); /* Glass sangat transparan */\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 16px;\n padding: 35px 25px;\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .profit-card:hover {\n transform: translateY(-5px);\n background: rgba(255, 255, 255, 0.07);\n border-color: #F59E0B; /* Border jadi emas saat hover */\n box-shadow: 0 10px 30px -10px rgba(245, 158, 11, 0.15);\n }\n\n /* Kartu Spesial (Max Profit) */\n .profit-card.highlight {\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(251, 191, 36, 0.05));\n border: 2px solid #F59E0B; /* Border Emas Permanen */\n transform: scale(1.05);\n box-shadow: 0 0 30px rgba(245, 158, 11, 0.2);\n }\n \n .profit-card.highlight:hover {\n transform: scale(1.08);\n box-shadow: 0 0 40px rgba(245, 158, 11, 0.4);\n }\n\n .badge-sold-out {\n display: inline-block;\n background: #F59E0B;\n color: #000;\n font-size: 0.75rem;\n font-weight: 800;\n padding: 4px 12px;\n border-radius: 50px;\n margin-bottom: 20px;\n letter-spacing: 1px;\n }\n\n .sales-count {\n font-family: 'Poppins', sans-serif;\n font-size: 1.1rem;\n color: #E5E7EB; /* Putih agak abu */\n margin-bottom: 10px;\n display: block;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 600;\n }\n\n .price-calc {\n font-size: 0.95rem;\n color: #9CA3AF;\n margin-bottom: 20px;\n border-bottom: 1px dashed rgba(255,255,255,0.2);\n padding-bottom: 20px;\n display: inline-block;\n width: 80%;\n }\n\n .total-profit {\n font-family: 'Poppins', sans-serif;\n font-size: 2.2rem;\n font-weight: 700;\n color: #ffffff; /* Putih bersih */\n margin: 0;\n text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n\n .profit-card.highlight .total-profit {\n color: #FCD34D; /* Emas Terang */\n font-size: 2.6rem;\n }\n\n /* Recurring Income Box (Diubah nuansanya jadi Emas/Dark Yellow agar senada) */\n .recurring-box {\n background: rgba(245, 158, 11, 0.05); /* Emas sangat transparan */\n border: 1px solid #F59E0B; /* Border Emas */\n border-radius: 12px;\n padding: 30px;\n max-width: 900px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n gap: 25px;\n position: relative;\n z-index: 2;\n box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.2);\n }\n\n .recurring-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #F59E0B 0%, #B45309 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.8rem;\n flex-shrink: 0;\n box-shadow: 0 5px 15px rgba(245, 158, 11, 0.4);\n }\n\n .recurring-content h4 {\n margin: 0 0 8px 0;\n font-family: 'Poppins', sans-serif;\n font-size: 1.4rem;\n color: #ffffff;\n font-weight: 600;\n }\n \n .recurring-content p {\n margin: 0;\n color: #D1D5DB;\n font-size: 1rem;\n line-height: 1.6;\n }\n\n /* Responsive Mobile */\n @media (max-width: 768px) {\n .profit-card.highlight {\n transform: scale(1);\n margin: 15px 0;\n }\n .profit-title {\n font-size: 1.8rem;\n }\n .recurring-box {\n flex-direction: column;\n text-align: center;\n padding: 25px;\n }\n .recurring-icon {\n margin-bottom: 10px;\n }\n }\n</style>\n\n<section class=\"profit-section\">\n <div class=\"profit-header\">\n <h2 class=\"profit-title\">Hitung Sendiri Potensi Profit Kamu</h2>\n <p class=\"profit-subtitle\">\n Dengan menjual jasa pembuatan landing page seharga <strong>Rp 99.000</strong> (Sangat murah & mudah dijual), \n lihat bagaimana mengubah tools ini menjadi mesin uang.\n </p>\n </div>\n\n <div class=\"profit-grid\">\n \n <div class=\"profit-card\">\n <span class=\"sales-count\">Jual 10 Landing Page</span>\n <span class=\"price-calc\">99rb x 10 klien</span>\n <h3 class=\"total-profit\">Rp 990 Ribu</h3>\n </div>\n\n <div class=\"profit-card\">\n <span class=\"sales-count\">Jual 100 Landing Page</span>\n <span class=\"price-calc\">99rb x 100 klien</span>\n <h3 class=\"total-profit\">Rp 9.9 Juta</h3>\n </div>\n\n <div class=\"profit-card highlight\">\n <span class=\"badge-sold-out\">🔥 Profit</span>\n <br>\n <span class=\"sales-count\" style=\"color:white;\">Jual 300 Landing Page</span>\n <span class=\"price-calc\" style=\"color:#FCD34D; border-color:rgba(245, 158, 11, 0.4);\">99rb x 300 klien</span>\n <h3 class=\"total-profit\">Rp 29.7 Juta</h3>\n </div>\n\n </div>\n\n <div class=\"recurring-box\">\n <div class=\"recurring-icon\">\n 🔄\n </div>\n <div class=\"recurring-content\">\n <h4>Dan Belum Berhenti Disitu!</h4>\n <p>\n Kamu bisa menjual kembali Tools ini dan mengatur sistem <strong>Langganan (Bulanan/Tahunan)</strong>. Artinya, ketika user memperpanjang masa aktif tahun depan, Kamu akan mendapatkan profit lagi tanpa perlu mencari pelanggan baru. Untung berkali-kali lipat!\n </p>\n </div>\n </div>\n\n</section>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"w1qN":{"_id":"w1qN","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* CSS BAGIAN BENEFITS (KENAPA HARUS DAFTAR) */\n .benefits-section {\n padding: 90px 20px;\n /* Menggunakan background gelap yang sama dengan section Profit agar selaras */\n background: linear-gradient(135deg, #111827 0%, #1E3A8A 100%); \n position: relative;\n overflow: hidden;\n }\n\n /* Pattern halus di background agar tidak terlalu flat */\n .benefits-section::before {\n content: '';\n position: absolute;\n width: 100%; height: 100%; top:0; left:0;\n background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n background-size: 20px 20px;\n pointer-events: none;\n opacity: 0.5;\n }\n\n .benefits-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 60px auto;\n position: relative;\n z-index: 2;\n }\n\n .benefits-title {\n font-family: 'Poppins', sans-serif;\n font-size: 2.4rem;\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 15px;\n display: inline-block;\n position: relative;\n }\n \n /* Garis aksen kuning di bawah judul */\n .benefits-title::after {\n content: '';\n display: block;\n width: 60%;\n height: 4px;\n background: #F59E0B; /* Warna Emas */\n margin: 10px auto 0 auto;\n border-radius: 2px;\n }\n\n /* Grid Layout */\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n max-width: 1100px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n /* Card Styling (Glassmorphism Halus) */\n .benefit-card {\n background: rgba(255, 255, 255, 0.03); /* Sangat transparan */\n border: 1px solid rgba(255, 255, 255, 0.1); /* Border halus */\n border-radius: 16px;\n padding: 35px 25px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .benefit-card:hover {\n background: rgba(255, 255, 255, 0.07);\n transform: translateY(-5px);\n border-color: #F59E0B; /* Border berubah jadi emas saat hover */\n box-shadow: 0 10px 30px -10px rgba(245, 158, 11, 0.3); /* Glow emas */\n }\n\n /* Icon Container with Glow */\n .benefit-icon-box {\n width: 70px;\n height: 70px;\n margin: 0 auto 25px auto;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(251, 191, 36, 0.1));\n box-shadow: 0 0 20px rgba(245, 158, 11, 0.2); /* Efek cahaya emas */\n }\n\n .benefit-icon-box svg {\n width: 32px;\n height: 32px;\n fill: #FCD34D; /* Warna ikon Emas Terang */\n }\n\n .benefit-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 1.2rem;\n font-weight: 600;\n color: #ffffff;\n margin-bottom: 12px;\n }\n\n .benefit-card p {\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n color: #9CA3AF; /* Abu-abu terang untuk deskripsi */\n line-height: 1.6;\n margin: 0;\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n .benefits-title {\n font-size: 1.8rem;\n }\n .benefit-card {\n padding: 25px 20px;\n }\n }\n</style>\n\n<section class=\"benefits-section\">\n <div class=\"benefits-header\">\n <h2 class=\"benefits-title\">Kenapa Harus Pakai Tools Ini?</h2>\n </div>\n\n <div class=\"benefits-grid\">\n \n <div class=\"benefit-card\">\n <div class=\"benefit-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z\"/></svg>\n </div>\n <h3>Pakai Brand Kamu Sendiri</h3>\n <p>Klaim tools ini sebagai milik Anda. Gunakan nama bisnis, logo dan domain Anda sendiri untuk tools ini agar meningkatkan kredibilitas di mata klien.</p>\n </div>\n\n <div class=\"benefit-card\">\n <div class=\"benefit-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"/><path d=\"M12 12.5c.28 0 .53-.11.71-.29.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71-.18-.18-.43-.29-.71-.29-.28 0-.53.11-.71.29-.18.18-.29.43-.29.71 0 .28.11.53.29.71.18.18.43.29.71.29zm0-1c.28 0 .53-.11.71-.29.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71-.18-.18-.43-.29-.71-.29-.28 0-.53.11-.71.29-.18.18-.29.43-.29.71 0 .28.11.53.29.71.18.18.43.29.71.29zm0-1c.28 0 .53-.11.71-.29.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71-.18-.18-.43-.29-.71-.29-.28 0-.53.11-.71.29-.18.18-.29.43-.29.71 0 .28.11.53.29.71.18.18.43.29.71.29zm0 4c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0-3c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z\"/></svg>\n </div>\n <h3>Untung Berulang Kali</h3>\n <p>Bangun aset digital yang menghasilkan passive income. Sekali dapat user, profit mengalir terus setiap mereka perpanjang langganan.</p>\n </div>\n\n <div class=\"benefit-card\">\n <div class=\"benefit-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"/></svg>\n </div>\n <h3>Irit Waktu, Irit Biaya</h3>\n <p>Tidak perlu keluar uang ratusan juta dan waktu berbulan-bulan untuk develop aplikasi sendiri. Langsung jualan hari ini juga.</p>\n </div>\n\n <div class=\"benefit-card\">\n <div class=\"benefit-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"/></svg>\n </div>\n <h3>Jual Paket Langganan</h3>\n <p>Kamu pegang kendali penuh. Tentukan sendiri harga paket bulanan atau tahunan kepada customer Kamu sesuka hati.</p>\n </div>\n\n <div class=\"benefit-card\">\n <div class=\"benefit-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 7.5l2.5-4 3 6h-11l3-6 2.5 4zm8 9.5h-16c-.83 0-1.5-.67-1.5-1.5v-6c0-.83.67-1.5 1.5-1.5h16c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5zm-4.5-4.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm-7 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"/></svg>\n </div>\n <h3>Keuntungan 100% Milikmu</h3>\n <p>Tidak ada bagi hasil. Semua uang pembayaran dari klien atau user masuk sepenuhnya ke rekening Kamu tanpa potongan dari kami.</p>\n </div>\n\n <div class=\"benefit-card\">\n <div class=\"benefit-icon-box\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"/></svg>\n </div>\n <h3>Akses Grup Support</h3>\n <p>Tidak dilepas sendirian. Kamu akan masuk ke grup khusus para member untuk diskusi strategi dan kendala.</p>\n </div>\n\n </div>\n</section>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"OlSJ":{"_id":"OlSJ","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* RESET: Penting agar ukuran padding tidak membuat elemen melebar keluar layar */\n * {\n box-sizing: border-box; \n }\n\n /* CSS BAGIAN PRICING */\n .pricing-section {\n padding: 80px 20px;\n background-color: #F3F4F6;\n font-family: 'Poppins', sans-serif;\n overflow: hidden; /* Mencegah scroll horizontal */\n }\n\n .pricing-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 50px auto;\n }\n\n .pricing-title {\n font-size: 2.2rem;\n font-weight: 700;\n color: #1F2937;\n margin-bottom: 10px;\n line-height: 1.2;\n }\n\n .pricing-subtitle {\n font-size: 1.1rem;\n color: #6B7280;\n }\n\n /* Grid Layout */\n .pricing-grid {\n display: flex;\n justify-content: center;\n gap: 30px;\n max-width: 1000px;\n margin: 0 auto;\n flex-wrap: wrap; /* Agar turun ke bawah jika layar sempit */\n }\n\n /* Card Base Style */\n .price-card {\n background: #ffffff;\n border-radius: 20px;\n padding: 40px 30px;\n width: 100%; /* Fleksibel mengikuti lebar container */\n max-width: 380px; /* Batas lebar maksimal di desktop */\n position: relative;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid #E5E7EB;\n margin: 0 auto; /* Center alignment jika di mobile */\n }\n\n /* Hover Effect (Hanya di Desktop) */\n @media (min-width: 769px) {\n .price-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n }\n \n /* Styling Khusus Paket Bisnis (Premium) di Desktop */\n .card-premium {\n border: 2px solid #2563EB;\n transform: scale(1.05);\n box-shadow: 0 20px 25px -5px rgba(37, 99, 235, 0.15);\n z-index: 2;\n }\n\n .card-premium:hover {\n transform: scale(1.05) translateY(-10px);\n }\n }\n\n /* Badge Paling Laris */\n .popular-badge {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n background: #F59E0B;\n color: white;\n padding: 6px 15px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 0.85rem;\n box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3);\n white-space: nowrap;\n }\n\n /* Typography & Elements */\n .plan-name {\n font-size: 1.5rem;\n font-weight: 700;\n color: #1F2937;\n margin-bottom: 10px;\n }\n\n .plan-desc {\n font-size: 0.95rem;\n color: #6B7280;\n margin-bottom: 25px;\n line-height: 1.5;\n min-height: 50px;\n }\n\n .price-wrapper {\n margin-bottom: 30px;\n padding-bottom: 30px;\n border-bottom: 1px solid #E5E7EB;\n }\n\n .old-price {\n font-size: 1rem;\n color: #9CA3AF;\n text-decoration: line-through;\n margin-right: 8px;\n }\n\n .discount-tag {\n background-color: #DEF7EC;\n color: #03543F;\n font-size: 0.75rem;\n padding: 3px 8px;\n border-radius: 4px;\n font-weight: 700;\n vertical-align: middle;\n }\n\n .current-price {\n font-size: 2.8rem;\n font-weight: 700;\n color: #2563EB;\n line-height: 1.1;\n margin-top: 5px;\n }\n\n .price-period {\n font-size: 0.95rem;\n color: #6B7280;\n }\n\n /* List Fitur */\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 0 0 30px 0;\n text-align: left;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 12px;\n color: #4B5563;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n .check-icon {\n color: #10B981;\n flex-shrink: 0;\n margin-right: 12px;\n margin-top: 3px;\n width: 18px;\n height: 18px;\n }\n\n\n.x-icon {\n flex-shrink: 0;\n margin-right: 12px;\n margin-top: 3px;\n width: 18px;\n height: 18px;\n color: red; /* Biasanya icon X warnanya merah */\n}\n\n /* Tombol */\n .btn-price {\n display: block;\n width: 100%;\n padding: 14px;\n border-radius: 8px;\n text-align: center;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .btn-outline {\n background: transparent;\n color: #2563EB;\n border: 2px solid #2563EB;\n }\n \n .btn-outline:hover { background: #EFF6FF; }\n\n .btn-solid {\n background: #2563EB;\n color: white;\n border: 2px solid #2563EB; /* Tambahan border agar ukuran sama dengan outline */\n box-shadow: 0 4px 6px rgba(37, 99, 235, 0.3);\n }\n\n .btn-solid:hover {\n background: #1D4ED8;\n border-color: #1D4ED8;\n }\n\n /* --- RESPONSIVE MOBILE FIX --- */\n @media (max-width: 768px) {\n .pricing-section {\n padding: 60px 15px; /* Mengurangi padding sisi agar ruang kartu lebih lebar */\n }\n \n .pricing-grid {\n flex-direction: column;\n align-items: center;\n gap: 30px;\n }\n\n .price-card {\n width: 100%; /* Memaksa kartu memenuhi lebar layar HP */\n max-width: 100%; /* Reset max-width desktop */\n padding: 30px 20px; /* Padding dalam kartu diperkecil sedikit */\n }\n\n .card-premium {\n transform: none; /* Hilangkan efek zoom (scale) di HP agar tidak melebar */\n border: 2px solid #2563EB;\n margin-top: 10px; /* Memberi jarak extra */\n }\n \n .plan-desc {\n min-height: auto; /* Tinggi otomatis di HP */\n }\n\n .pricing-title {\n font-size: 1.8rem;\n }\n \n .current-price {\n font-size: 2.4rem; /* Font harga sedikit diperkecil agar tidak wrap */\n }\n }\n</style>\n\n<section id=\"beli\" class=\"pricing-section\">\n <div class=\"pricing-header\">\n <h2 class=\"pricing-title\">Mulai Investasi Terbaik Kamu Sekarang</h2>\n <p class=\"pricing-subtitle\">Pilih paket yang sesuai dengan kebutuhan Kamu.</p>\n </div>\n\n <div class=\"pricing-grid\">\n\n <div class=\"price-card card-basic\">\n <h3 class=\"plan-name\">Paket Lite</h3>\n <p class=\"plan-desc\">Cocok untuk Kamu yang ingin membuat landing page dan web toko untuk bisnis sendiri. Dan bisa diperuntukan untuk buka jasa landing page.</p>\n\n <div class=\"price-wrapper\">\n <div>\n <span class=\"old-price\">Rp 194.000</span>\n <span class=\"discount-tag\">Hemat 50%</span>\n </div>\n <div class=\"current-price\">Rp 97.000</div>\n <span class=\"price-period\"></span>\n </div>\n\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Unlimited Project Landing Page </span>\n </li>\n\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Bisa Buat Web Toko Produk Fisik & Unlimited Produk</span>\n </li>\n\n \n\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Video Panduan & Grup Support</span>\n </li>\n \n\n<li class=\"feature-item\">\n <svg class=\"x-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n <span>Tidak Bisa Jual Jasa Pembuatan Landing Page</span>\n </li>\n <li class=\"feature-item\">\n <svg class=\"x-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n <span>Tidak Bisa Jual Kembali Tools Ini</span>\n </li>\n</ul>\n\n <a href=\"https://app.kiblatmarketing.com/product/web-builder-lite?coupon=cut50\" class=\"btn-price btn-outline\">Daftar Paket Lite</a>\n </div>\n\n\n\n\n\n\n<div class=\"price-card card-basic\">\n <h3 class=\"plan-name\">Paket Agency 150 Lisensi</h3>\n <p class=\"plan-desc\">Cocok untuk Kamu yang ingin membuat landing page dan web toko untuk bisnis sendiri. Dan bisa diperuntukan untuk buka jasa landing page.</p>\n\n <div class=\"price-wrapper\">\n <div>\n <span class=\"old-price\">Rp 598.000</span>\n <span class=\"discount-tag\">Hemat 50%</span>\n </div>\n <div class=\"current-price\">Rp 299.000</div>\n <span class=\"price-period\"></span>\n </div>\n\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Unlimited Project Landing Page (Bisa Untuk Klien Kamu)</span>\n </li>\n\n<li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Bisa Buka Jasa Pembuatan Landing Page</span>\n </li>\n\n<li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Bisa Jual Tools Ini Sebanyak 150 Lisensi (Pengguna)</span>\n </li>\n\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Premium Fitur: Web Toko Produk Digital</span>\n </li>\n\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Premium Fitur: Web Toko Produk Fisik</span>\n </li>\n\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Video Panduan & Grup Support</span>\n </li>\n \n\n\n\n<li class=\"feature-item\">\n <svg class=\"x-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n <span>Tidak Bisa Rebranding Tools Ini Untuk Dijual Lagi</span>\n </li>\n</ul>\n\n <a href=\"https://app.kiblatmarketing.com/product/kbl-agency/?coupon=CUT50\" class=\"btn-price btn-outline\">Daftar Paket Agency</a>\n </div>\n\n\n\n\n\n\n\n\n <div class=\"price-card card-premium\">\n <div class=\"popular-badge\">🔥 PALING LARIS</div>\n <h3 class=\"plan-name\">Paket Whitelabel 300 Lisensi</h3>\n <p class=\"plan-desc\">Buka jasa pembuatan web & jual tools ini dengan brand sendiri (Whitelabel V1). Profit 100% milik kamu.</p>\n\n <div class=\"price-wrapper\">\n <div>\n <span class=\"old-price\">Rp 794.000</span>\n <span class=\"discount-tag\">Hemat 50%</span>\n </div>\n <div class=\"current-price\">Rp 397.000</div>\n <span class=\"price-period\"></span>\n </div>\n\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span><strong>Bisa Buka Jasa</strong> Pembuatan Web</span>\n </li>\n\n<li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span><strong>Bisa Jual Tools</strong> Ini Dengan Brand Kamu Sendiri</span>\n </li>\n\n\n\n\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Custom Brand & Domain <strong>(Profit 100% Milik Kamu)</strong></span>\n </li>\n\n\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Fitur Digital Produk + Payment Gateway</span>\n </li>\n\n\n<li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Unlimited Project, Landing Page & Web Toko Produk Fisik</span>\n </li>\n\n<li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Custom Domain (Untuk Landing Page)</span>\n </li>\n\n\n\n\n<li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Free Kumpulan Template Premium Siap Pakai</span>\n </li>\n\n\n <li class=\"feature-item\">\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Video Panduan & Grup Support</span>\n </li>\n </ul>\n\n\n <a href=\"https://app.kiblatmarketing.com/product/kbl-wl/?coupon=cut50\" class=\"btn-price btn-solid\">Daftar Paket Whitelabel</a>\n </div>\n\n </div>\n</section>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":true},"components":{"allIds":[]}},"hFRM":{"_id":"hFRM","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* CSS BAGIAN FAQ */\n .faq-section {\n padding: 80px 20px;\n background-color: #ffffff;\n font-family: 'Poppins', sans-serif;\n }\n\n .faq-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 50px auto;\n }\n\n .faq-title {\n font-size: 2rem;\n font-weight: 700;\n color: #1F2937;\n margin-bottom: 10px;\n }\n\n .faq-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n /* Accordion Style */\n .faq-item {\n background: #ffffff;\n border: 1px solid #E5E7EB;\n border-radius: 12px;\n margin-bottom: 15px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-item:hover {\n border-color: #2563EB; /* Aksen Biru saat hover */\n }\n\n .faq-question {\n padding: 20px;\n width: 100%;\n text-align: left;\n background: none;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n font-family: 'Poppins', sans-serif;\n font-size: 1.05rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .faq-icon {\n transition: transform 0.3s ease;\n color: #2563EB;\n flex-shrink: 0;\n }\n\n .faq-answer {\n max-height: 0; /* Tersembunyi secara default */\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n background-color: #F9FAFB;\n }\n\n .faq-answer p {\n padding: 0 20px 20px 20px;\n margin: 0;\n color: #4B5563;\n line-height: 1.6;\n font-size: 0.95rem;\n }\n\n /* Kelas Aktif untuk Membuka Accordion */\n .faq-item.active .faq-answer {\n max-height: 200px; /* Cukup tinggi untuk konten */\n }\n\n .faq-item.active .faq-icon {\n transform: rotate(180deg); /* Icon berputar */\n }\n \n .faq-item.active {\n border-color: #2563EB;\n box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.1);\n }\n</style>\n\n<section class=\"faq-section\">\n <div class=\"faq-header\">\n <h2 class=\"faq-title\">Pertanyaan Yang Sering Diajukan</h2>\n <p style=\"color:#6B7280;\">Hilangkan keraguan Anda. Berikut jawaban dari pertanyaan umum member kami.</p>\n </div>\n\n <div class=\"faq-container\">\n \n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Apakah benar-benar tanpa laptop?\n <svg class=\"faq-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>\n </button>\n <div class=\"faq-answer\">\n <p>Betul! 100% sistem kami dirancang mobile-friendly. Anda bisa membuat landing page, mengelola produk, hingga kelola produk hanya lewat browser HP Android/iOS Anda.</p>\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Apakah perlu biaya sewa hosting lagi?\n <svg class=\"faq-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>\n </button>\n <div class=\"faq-answer\">\n <p>TIDAK PERLU. Biaya langganan yang Kamu bayarkan sudah termasuk server yang cepat dan aman, serta free maintenance. Kamu tinggal fokus jualan saja.</p>\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Bolehkan saya menjual kembali tools ini?\n <svg class=\"faq-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>\n </button>\n <div class=\"faq-answer\">\n <p>Sangat Boleh! Jika Anda mengambil <strong>Paket Bisnis</strong>, Anda mendapatkan lisensi Whitelabel. Anda bisa menjual tools ini sebanyak 100 Lisensi ke klien Anda dengan harga yang Anda tentukan sendiri.</p>\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Jika saya gaptek, apakah ada panduannya?\n <svg class=\"faq-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>\n </button>\n <div class=\"faq-answer\">\n <p>Tentu saja. Kami menyediakan Video Tutorial langkah demi langkah yang mudah diikuti. Selain itu, Kamu akan dimasukkan ke Grup Support Whatsapp untuk bertanya jika ada kendala.</p>\n </div>\n </div>\n\n\n\n\n </div>\n</section>\n\n<script>\n const faqItems = document.querySelectorAll('.faq-item');\n\n faqItems.forEach(item => {\n const question = item.querySelector('.faq-question');\n question.addEventListener('click', () => {\n // Tutup item lain jika ingin mode 'hanya satu terbuka' (opsional)\n faqItems.forEach(otherItem => {\n if (otherItem !== item) {\n otherItem.classList.remove('active');\n }\n });\n // Toggle item yang diklik\n item.classList.toggle('active');\n });\n });\n</script>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"NLdP":{"_id":"NLdP","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* RESET KHUSUS SECTION INI */\n .cta-section, .cta-section * {\n box-sizing: border-box; /* Wajib ada agar tidak melebar */\n }\n\n /* CSS FINAL CTA */\n .cta-section {\n padding: 80px 20px;\n background: linear-gradient(135deg, #1E3A8A 0%, #111827 100%);\n text-align: center;\n color: white;\n position: relative;\n width: 100%;\n overflow: hidden; /* Mencegah scroll bar horizontal */\n margin-bottom: 0 !important;\n }\n\n /* Dekorasi Background */\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background-image: radial-gradient(circle at 50% 50%, rgba(37, 99, 235, 0.2) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .cta-content {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n width: 100%; /* Memastikan konten tidak melebihi container */\n }\n\n .cta-headline {\n font-family: 'Poppins', sans-serif;\n font-size: 2.5rem;\n font-weight: 800;\n margin-bottom: 20px;\n line-height: 1.3;\n color: #ffffff;\n word-wrap: break-word; /* Mencegah teks panjang memotong layar */\n }\n\n .cta-sub {\n font-family: 'Poppins', sans-serif;\n font-size: 1.1rem;\n color: #D1D5DB;\n margin-bottom: 40px;\n padding: 0 10px; /* Memberi jarak aman teks dari pinggir layar HP */\n }\n\n /* Tombol Utama */\n .final-btn {\n display: inline-block;\n background-color: #F59E0B;\n color: #111827;\n padding: 20px 40px; /* Padding desktop */\n font-size: 1.2rem;\n font-weight: 700;\n border-radius: 50px;\n text-decoration: none;\n box-shadow: 0 10px 25px rgba(245, 158, 11, 0.4);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n max-width: 100%; /* Mencegah tombol melebihi lebar layar */\n white-space: normal; /* Mengizinkan teks tombol turun baris jika kepanjangan di HP kecil */\n }\n\n .final-btn:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 15px 35px rgba(245, 158, 11, 0.5);\n background-color: #FBBF24;\n }\n\n .guarantee-text {\n margin-top: 25px;\n font-size: 0.9rem;\n color: #9CA3AF;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n opacity: 0.8;\n flex-wrap: wrap; /* Agar icon dan teks rapi di layar kecil */\n }\n\n /* --- MOBILE RESPONSIVE FIX --- */\n @media (max-width: 768px) {\n .cta-section {\n padding: 60px 15px; /* Mengurangi padding wrapper */\n }\n\n .cta-headline { \n font-size: 1.8rem; /* Perkecil font judul */\n }\n \n .cta-sub {\n font-size: 1rem;\n }\n\n .final-btn {\n width: 100%; /* Tombol jadi full width di HP */\n padding: 15px 20px; /* Padding dalam diperkecil agar muat */\n font-size: 1rem; /* Font tombol disesuaikan */\n }\n }\n</style>\n\n<section class=\"cta-section\">\n <div class=\"cta-content\">\n <h2 class=\"cta-headline\">Siap Punya Bisnis Digital Sendiri?</h2>\n <p class=\"cta-sub\">\n Jangan biarkan kesempatan ini lewat. Gabung sekarang, bangun aset digitalmu, dan mulai hasilkan profit dari rumah hanya bermodalkan HP.\n </p>\n \n <a href=\"#beli\" class=\"final-btn\">Ya, Saya Mau Daftar Sekarang </a>\n\n <div class=\"guarantee-text\">\n <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z\" clip-rule=\"evenodd\"/></svg>\n <span>Transaksi 100% Aman & Terpercaya</span>\n </div>\n </div>\n</section>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"Jwim":{"_id":"Jwim","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* === CSS LAMA (DIPERTAHANKAN) === */\n .demo-section {\n padding: 90px 20px;\n background-color: #ffffff;\n }\n .demo-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 50px auto;\n }\n .demo-title {\n font-family: 'Poppins', sans-serif;\n font-size: 2.2rem;\n font-weight: 700;\n color: #1F2937;\n margin-bottom: 10px;\n }\n .demo-subtitle {\n font-family: 'Poppins', sans-serif;\n font-size: 1.1rem;\n color: #6B7280;\n }\n .demo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n .demo-card {\n background: #ffffff;\n border: 1px solid #E5E7EB;\n border-radius: 12px;\n overflow: hidden;\n transition: all 0.3s ease;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n }\n .demo-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n border-color: #2563EB;\n }\n \n /* === UPDATE BAGIAN INI (THUMBNAIL JADI ICON CONTAINER) === */\n .demo-thumb {\n width: 100%;\n height: 200px;\n background-color: #F9FAFB; /* Warna background sedikit lebih terang */\n position: relative;\n overflow: hidden;\n /* Tambahan Flexbox untuk menengahkan ikon */\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Style untuk Icon SVG */\n .demo-thumb svg {\n width: 64px;\n height: 64px;\n color: #9CA3AF; /* Warna abu-abu default */\n transition: all 0.3s ease;\n }\n\n /* Efek Hover pada Icon */\n .demo-card:hover .demo-thumb svg {\n color: #2563EB; /* Berubah jadi biru saat card di-hover */\n transform: scale(1.1);\n }\n\n .demo-content {\n padding: 20px;\n text-align: center;\n }\n .card-title {\n font-family: 'Poppins', sans-serif;\n font-size: 1.1rem;\n font-weight: 600;\n color: #1F2937;\n margin: 0 0 15px 0;\n }\n .btn-demo {\n display: inline-block;\n padding: 10px 25px;\n background-color: transparent;\n color: #2563EB;\n border: 1px solid #2563EB;\n border-radius: 6px;\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n text-decoration: none;\n transition: all 0.3s ease;\n font-size: 0.9rem;\n width: 100%; \n box-sizing: border-box;\n cursor: pointer;\n }\n .btn-demo:hover {\n background-color: #2563EB;\n color: white;\n }\n @media (max-width: 768px) {\n .demo-title { font-size: 1.8rem; }\n .demo-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }\n }\n @media (max-width: 480px) {\n .demo-grid { grid-template-columns: 1fr; }\n }\n\n /* === CSS BARU UNTUK POPUP (MODAL) === */\n .modal {\n display: none;\n position: fixed; \n z-index: 9999;\n padding-top: 50px; \n left: 0;\n top: 0;\n width: 100%; \n height: 100%; \n overflow: auto;\n background-color: rgba(0,0,0,0.85);\n backdrop-filter: blur(5px);\n }\n .modal-content {\n margin: auto;\n display: block;\n width: 80%;\n max-width: 900px;\n border-radius: 8px;\n box-shadow: 0 0 20px rgba(0,0,0,0.5);\n animation: zoomIn 0.3s;\n }\n @keyframes zoomIn {\n from {transform:scale(0.8); opacity: 0;} \n to {transform:scale(1); opacity: 1;}\n }\n .close {\n position: fixed;\n top: 15px;\n right: 35px;\n color: #f1f1f1;\n font-size: 40px;\n font-weight: bold;\n transition: 0.3s;\n cursor: pointer;\n z-index: 10000;\n }\n .close:hover,\n .close:focus {\n color: #bbb;\n text-decoration: none;\n cursor: pointer;\n }\n @media only screen and (max-width: 700px){\n .modal-content {\n width: 95%;\n margin-top: 50px;\n }\n }\n</style>\n\n<section class=\"demo-section\">\n <div class=\"demo-header\">\n <h2 class=\"demo-title\">Intip Hasil Web Yang Bisa Kamu Buat</h2>\n <p class=\"demo-subtitle\">Satu tools untuk berbagai kebutuhan. Klik tombol demo untuk melihat preview.</p>\n </div>\n\n <div class=\"demo-grid\">\n\n <div class=\"demo-card\">\n <div class=\"demo-thumb\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z\" />\n </svg>\n </div>\n <div class=\"demo-content\">\n <h3 class=\"card-title\">Skincare</h3>\n <a onclick=\"openModal('https://media.buat.id/live/tr:q-50/2025-12-26/1766740546919-screencapture-kiblatbio-link-skincare-wanita-2025-12-26-16_12_51-min.png?auto=format&fit=crop&w=1200&q=90')\" class=\"btn-demo\">Lihat Demo</a>\n </div>\n </div>\n\n <div class=\"demo-card\">\n <div class=\"demo-thumb\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5\" />\n </svg>\n </div>\n <div class=\"demo-content\">\n <h3 class=\"card-title\">Travel Umroh</h3>\n <a onclick=\"openModal('https://media.buat.id/live/tr:q-50/2025-12-21/1766284189475-screencapture-kiblatbio-link-travel-haji-2025-12-21-09_12_47.png?auto=format&fit=crop&w=1200&q=90')\" class=\"btn-demo\">Lihat Demo</a>\n </div>\n </div>\n\n <div class=\"demo-card\">\n <div class=\"demo-thumb\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349m-16.5 11.65V9.35m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.016a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72L4.318 3.44A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72m-13.5 8.65h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .415.336.75.75.75Z\" />\n </svg>\n </div>\n <div class=\"demo-content\">\n <h3 class=\"card-title\">Web Toko Produk Fisik</h3>\n <a onclick=\"openModal('https://media.buat.id/live/tr:q-25/2025-12-21/1766289956407-screencapture-kiblatbio-link-store-ai-2025-12-21-10_55_25.png?auto=format&fit=crop&w=1200&q=90')\" class=\"btn-demo\">Lihat Demo</a>\n </div>\n </div>\n\n <div class=\"demo-card\">\n <div class=\"demo-thumb\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25\" />\n </svg>\n </div>\n <div class=\"demo-content\">\n <h3 class=\"card-title\">Ebook</h3>\n <a onclick=\"openModal('https://media.buat.id/live/tr:q-50/2025-12-26/1766738946483-screencapture-kiblatbio-link-ebookbisnis-2025-12-26-15_40_41%20(2).png?auto=format&fit=crop&w=1200&q=90')\" class=\"btn-demo\">Lihat Demo</a>\n </div>\n </div>\n\n <div class=\"demo-card\">\n <div class=\"demo-thumb\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25\" />\n </svg>\n </div>\n <div class=\"demo-content\">\n <h3 class=\"card-title\">Villa</h3>\n <a onclick=\"openModal('https://media.buat.id/live/tr:q-50/2025-12-21/1766283708954-screencapture-kiblatbio-link-astri-villa-2025-12-21-09_14_00.png?auto=format&fit=crop&w=1200&q=90')\" class=\"btn-demo\">Lihat Demo</a>\n </div>\n </div>\n\n <div class=\"demo-card\">\n <div class=\"demo-thumb\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418\" />\n </svg>\n </div>\n <div class=\"demo-content\">\n <h3 class=\"card-title\">Travel Wisata</h3>\n <a onclick=\"openModal('https://media.buat.id/live/tr:q-50/2025-12-26/1766739274783-screencapture-kiblatbio-link-travelwisata-2025-12-26-15_39_51%20(1).png?auto=format&fit=crop&w=1200&q=90')\" class=\"btn-demo\">Lihat Demo</a>\n </div>\n </div>\n\n </div>\n</section>\n\n<div id=\"imageModal\" class=\"modal\">\n <span class=\"close\" onclick=\"closeModal()\">×</span>\n <img class=\"modal-content\" id=\"imgFull\">\n</div>\n\n<script>\n // Fungsi Membuka Modal\n function openModal(element) {\n var modal = document.getElementById(\"imageModal\");\n var modalImg = document.getElementById(\"imgFull\");\n \n modal.style.display = \"block\";\n modalImg.src = element; \n }\n\n // Fungsi Menutup Modal\n function closeModal() {\n var modal = document.getElementById(\"imageModal\");\n modal.style.display = \"none\";\n }\n\n // Menutup modal jika user klik di area hitam\n window.onclick = function(event) {\n var modal = document.getElementById(\"imageModal\");\n if (event.target == modal) {\n modal.style.display = \"none\";\n }\n }\n</script>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":true},"components":{"allIds":[]}},"smJ2":{"_id":"smJ2","key":"other-html","name":"HTML","attributes":{"htmlstring":"<style>\n /* === CSS SCARCITY BOX === */\n .scarcity-wrapper {\n max-width: 800px;\n margin: 50px auto;\n padding: 0 20px;\n font-family: 'Poppins', sans-serif;\n }\n\n .scarcity-box {\n position: relative;\n background-color: #FFFBEB; /* Latar belakang kuning lembut (Premium feel) */\n border: 2px dashed #D97706; /* Border putus-putus warna emas/oranye */\n border-radius: 16px;\n padding: 40px 30px 30px 30px;\n text-align: center;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\n }\n\n /* Badge \"Penawaran Terbatas\" */\n .scarcity-badge {\n position: absolute;\n top: -18px;\n left: 50%;\n transform: translateX(-50%);\n background: #DC2626; /* Merah menyala untuk urgensi */\n color: #ffffff;\n padding: 8px 24px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n box-shadow: 0 4px 6px rgba(220, 38, 38, 0.3);\n animation: pulse-red 2s infinite;\n }\n\n /* Animasi denyut halus pada badge */\n @keyframes pulse-red {\n 0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4); }\n 70% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }\n }\n\n .scarcity-content h3 {\n font-size: 1.5rem;\n font-weight: 700;\n color: #1F2937;\n margin-top: 10px;\n margin-bottom: 20px;\n }\n\n .bonus-list {\n text-align: left;\n display: inline-block;\n margin-bottom: 25px;\n background: #ffffff;\n padding: 20px;\n border-radius: 8px;\n border: 1px solid #FEF3C7;\n }\n\n .bonus-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 15px;\n color: #4B5563;\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .bonus-item:last-child {\n margin-bottom: 0;\n }\n\n /* Ikon Checkmark/Hadiah */\n .bonus-icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n margin-right: 12px;\n color: #D97706; /* Warna emas */\n }\n\n /* Bagian Bawah (Footer) */\n .scarcity-footer {\n background-color: #FEF2F2; /* Merah sangat muda */\n border: 1px solid #FECACA;\n color: #B91C1C; /* Merah gelap */\n padding: 12px;\n border-radius: 8px;\n font-weight: 600;\n font-size: 0.95rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n @media (max-width: 600px) {\n .scarcity-box { padding: 35px 15px 20px 15px; }\n .scarcity-content h3 { font-size: 1.25rem; }\n .bonus-item { font-size: 0.9rem; }\n }\n</style>\n\n<div class=\"scarcity-wrapper\">\n <div class=\"scarcity-box\">\n <div class=\"scarcity-badge\">\n Penawaran Terbatas\n </div>\n\n <div class=\"scarcity-content\">\n <h3>🎁 Bonus Spesial Akses Premium</h3>\n \n <div class=\"bonus-list\">\n <div class=\"bonus-item\">\n <svg class=\"bonus-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25\" />\n </svg>\n <div>\n <strong>Bonus Mini Course:</strong> Cara Cepat Membuat Web & Landing Page Profesional Menggunakan tools ini dan AI, Kurang Dari 5 Menit.\n </div>\n </div>\n\n\n <div class=\"bonus-item\">\n <svg class=\"bonus-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25\" />\n </svg>\n <div>\n <strong>Bonus Studi Kasus:</strong> Real Studi Kasus Beriklan di Meta Ads Dengan Modal Awal 100rb, Hasilkan 23x Lipat.\n </div>\n </div>\n\n\n <div class=\"bonus-item\">\n <svg class=\"bonus-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z\" />\n </svg>\n <div>\n <strong>Akses Eksklusif:</strong> Kumpulan Template Premium Siap Pakai.\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"scarcity-footer\">\n <svg style=\"width:20px; height:20px;\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" />\n </svg>\n Daftar hari ini juga dan dapatkan bonus premium ini!\n </div>\n </div>\n</div>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"v7qI":{"_id":"v7qI","key":"media-video","name":"Video","attributes":{"className":"","videoBorder":false,"videoStyleOverride":{},"background":{"toggle":false,"backgroundImageStyle":"None","style":{"backgroundImage":"none","backgroundColor":"#000000FF","backgroundRepeat":"none","backgroundSize":"none","backgroundPosition":"none","backgroundAttachment":"none"}},"video":{"url":"https://youtu.be/ErE2jf2xo74","hideControl":true,"autoPlay":false,"mute":false,"loop":false},"videoContainerStyle":{"display":"flex","width":"100%","aspectRatio":"16/9"},"style":{"backgroundImage":"none","backgroundColor":"#000000FF","backgroundRepeat":"none","backgroundSize":"none","backgroundPosition":"none","backgroundAttachment":"none","transition":"all .1s ease-in-out","display":"flex","justifyContent":"center","color":"#000000FF","borderRadius":"0px","paddingTop":"10px","paddingBottom":"10px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px","mobile":{"paddingTop":"10px","paddingBottom":"10px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px"},"tablet":{"paddingTop":"10px","paddingBottom":"10px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px"}},"overrideStyle":{"border":{"default":""},"shadow":{"default":""}},"border":false,"shadow":false,"dynamicStyleKey":[],"isGenFromAi":false,"dirty":null},"components":{"byId":{},"allIds":[]}},"Spp2":{"_id":"Spp2","key":"content-subheadline","name":"Subheadline","attributes":{"text":"<p><strong>Preview Demo Tools Web Builder V2</strong></p>","groupStyle":{"paddingTop":"10px","paddingBottom":"10px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px","mobile":{"paddingTop":"10px","paddingBottom":"10px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"},"tablet":{"paddingTop":"10px","paddingBottom":"10px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"},"textAlign":"center","dynamicStyleKey":["textAlign"]},"style":{"opacity":"100%","textShadow":"0px 8px 8px #00000000","background":"#CCCBCBFF","color":"#000000FF","textTransform":"none","textDecoration":"none","paddingLeft":"20px","paddingRight":"20px","dynamicStyleKey":["textTransform","textDecoration","paddingLeft","paddingRight"]},"overrideStyle":{},"backgroundType":"none","enableBackground":false,"buttonIconPosition":"before","subheadlineOverride":false,"marginLeftRight":"same","marginTopBottom":"same","iconBefore":"","iconAfter":"","iconBeforeStash":"","iconAfterStash":"","quote":false,"textShadow":false,"enableIcon":false,"iconColor":"#000000FF","boldColor":"#000000FF","linkColor":"#2E47BAFF","asChildren":{"groupStyle":{"paddingTop":"5px","paddingBottom":"5px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px","mobile":{"paddingTop":"5px","paddingBottom":"5px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"},"tablet":{"paddingTop":"5px","paddingBottom":"5px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"},"textAlign":"center","dynamicStyleKey":["textAlign"]},"dynamicStyleKey":["groupStyle"]},"className":"sg-subheadline-m","dynamicStyleKey":["className","groupStyle","style","asChildren"],"customEditorStyles":{},"fonts":{},"dirty":null},"components":{"byId":{},"allIds":[]}},"KFd7":{"_id":"KFd7","key":"media-image","name":"Image","attributes":{"src":"https://media.buat.id/live/tr:q-50/2026-03-16/1773643396500-Elements Page Builder V2.png","userSelect":"unset","lazyLoading":"auto","enableHeight":false,"enableHeightmobile":false,"enableHeighttablet":false,"lastHeight":"300px","lastHeighttablet":"300px","lastHeightmobile":"300px","lastWidth":"700px","lastWidthtablet":"700px","lastWidthmobile":"700px","widthUnit":"px","widthUnitmobile":"px","widthUnittablet":"px","heightUnit":"px","heightUnitmobile":"px","heightUnittablet":"px","isFullSize":false,"isFullSizemobile":false,"isFullSizetablet":false,"style":{"width":"100%","height":"auto","aspectRatio":"original","objectFit":"cover","mobile":{"width":"100%","height":"auto","aspectRatio":"original"},"tablet":{"width":"100%","height":"auto","aspectRatio":"original"}},"groupStyle":{"paddingTop":"20px","paddingBottom":"20px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px","mobile":{"paddingTop":"0px","paddingBottom":"0px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px"},"tablet":{"paddingTop":"20px","paddingBottom":"20px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px","linkPadding":true},"linkPadding":true,"width":"100%","textAlign":"center","background":""},"asChildSingleColumn":{"groupStyle":{"paddingTop":"8px","paddingBottom":"8px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px","mobile":{"paddingTop":"8px","paddingBottom":"8px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px"},"tablet":{"paddingTop":"8px","paddingBottom":"8px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px"},"width":"100%","textAlign":"center","background":""}},"asChildren":{"style":{"height":"32px","aspectRatio":"unset","objectFit":"contain","mobile":{"height":"32px","aspectRatio":"unset","objectFit":"contain"},"tablet":{"height":"32px","aspectRatio":"unset","objectFit":"contain"}},"vessel":{"width":"139px","mobile":{"width":"139px"},"tablet":{"width":"139px"}}},"vessel":{"width":"700px","mobile":{"width":"700px"},"tablet":{"width":"700px"}},"paddingTopBottom":"same","paddingLeftRight":"same","marginLeftRight":"same","marginTopBottom":"same","backgroundType":"none","alt":"","href":"","search":"","urlimg":{"src":"/pages/_next/static/media/imgplaceholder.b1961fd6.png","height":197,"width":256,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAElBMVEXW2Nrx8fO1ur3e3+Lp6evJzM9aVHPAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJUlEQVR4nB3BgQ0AIADCsA3w/5eNtoz50NShrHqCWE6S0nwwvl0J4ABX2PRUfgAAAABJRU5ErkJggg==","blurWidth":8,"blurHeight":6},"backgroundimage":"","patternimage":"","preventsave":false,"shadowOverride":false,"shadow":false,"border":false,"corner":false,"overrideStyle":{"shadow":{"default":{}},"border":{"default":{}},"corner":{"default":{}}},"dynamicStyleKey":[],"naturalHeight":1350,"naturalWidth":1080,"isGenFromAi":false,"dirty":true,"compressLevel":50,"original":{"aspectRatio":"0.8"}},"components":{"byId":{},"allIds":[]}},"R0Yl":{"_id":"R0Yl","key":"content-subheadline","name":"Subheadline","attributes":{"text":"<p>(New Update) Buat Link Traktir Kopi atau Link Donasi jadi lebih Gampang..</p>","groupStyle":{"paddingTop":"10px","paddingBottom":"10px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px","mobile":{"paddingTop":"10px","paddingBottom":"10px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"},"tablet":{"paddingTop":"10px","paddingBottom":"10px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"},"textAlign":"center","dynamicStyleKey":["textAlign"]},"style":{"opacity":"100%","textShadow":"0px 8px 8px #00000000","background":"#CCCBCBFF","color":"#000000FF","textTransform":"none","textDecoration":"none","paddingLeft":"20px","paddingRight":"20px","dynamicStyleKey":["textTransform","textDecoration","paddingLeft","paddingRight"]},"overrideStyle":{},"backgroundType":"none","enableBackground":false,"buttonIconPosition":"before","subheadlineOverride":false,"marginLeftRight":"same","marginTopBottom":"same","iconBefore":"","iconAfter":"","iconBeforeStash":"","iconAfterStash":"","quote":false,"textShadow":false,"enableIcon":false,"iconColor":"#000000FF","boldColor":"#000000FF","linkColor":"#2E47BAFF","asChildren":{"groupStyle":{"paddingTop":"5px","paddingBottom":"5px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px","mobile":{"paddingTop":"5px","paddingBottom":"5px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"},"tablet":{"paddingTop":"5px","paddingBottom":"5px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"},"textAlign":"center","dynamicStyleKey":["textAlign"]},"dynamicStyleKey":["groupStyle"]},"className":"sg-subheadline-m","dynamicStyleKey":["className","groupStyle","style","asChildren"],"isGenFromAi":false,"dirty":null,"customEditorStyles":{},"fonts":{}},"components":{"byId":{},"allIds":[]}},"774z":{"_id":"774z","key":"media-image","name":"Image","attributes":{"src":"https://media.buat.id/live/tr:q-50/2026-03-16/1773643610967-Screenshot 2026-03-16 at 13.46.32.png","userSelect":"unset","lazyLoading":"auto","enableHeight":false,"enableHeightmobile":false,"enableHeighttablet":false,"lastHeight":"300px","lastHeighttablet":"300px","lastHeightmobile":"300px","lastWidth":"700px","lastWidthtablet":"700px","lastWidthmobile":"700px","widthUnit":"px","widthUnitmobile":"px","widthUnittablet":"px","heightUnit":"px","heightUnitmobile":"px","heightUnittablet":"px","isFullSize":false,"isFullSizemobile":false,"isFullSizetablet":false,"style":{"width":"100%","height":"auto","aspectRatio":"original","objectFit":"cover","mobile":{"width":"100%","height":"auto","aspectRatio":"original"},"tablet":{"width":"100%","height":"auto","aspectRatio":"original"}},"groupStyle":{"paddingTop":"20px","paddingBottom":"20px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px","mobile":{"paddingTop":"0px","paddingBottom":"0px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px"},"tablet":{"paddingTop":"20px","paddingBottom":"20px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px","linkPadding":true},"linkPadding":true,"width":"100%","textAlign":"center","background":""},"asChildSingleColumn":{"groupStyle":{"paddingTop":"8px","paddingBottom":"8px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px","mobile":{"paddingTop":"8px","paddingBottom":"8px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px"},"tablet":{"paddingTop":"8px","paddingBottom":"8px","paddingLeft":"20px","paddingRight":"20px","marginTop":"0px"},"width":"100%","textAlign":"center","background":""}},"asChildren":{"style":{"height":"32px","aspectRatio":"unset","objectFit":"contain","mobile":{"height":"32px","aspectRatio":"unset","objectFit":"contain"},"tablet":{"height":"32px","aspectRatio":"unset","objectFit":"contain"}},"vessel":{"width":"139px","mobile":{"width":"139px"},"tablet":{"width":"139px"}}},"vessel":{"width":"471px","mobile":{"width":"700px"},"tablet":{"width":"700px"}},"paddingTopBottom":"same","paddingLeftRight":"same","marginLeftRight":"same","marginTopBottom":"same","backgroundType":"none","alt":"","href":"","search":"","urlimg":{"src":"/pages/_next/static/media/imgplaceholder.b1961fd6.png","height":197,"width":256,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAElBMVEXW2Nrx8fO1ur3e3+Lp6evJzM9aVHPAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJUlEQVR4nB3BgQ0AIADCsA3w/5eNtoz50NShrHqCWE6S0nwwvl0J4ABX2PRUfgAAAABJRU5ErkJggg==","blurWidth":8,"blurHeight":6},"backgroundimage":"","patternimage":"","preventsave":false,"shadowOverride":false,"shadow":false,"border":false,"corner":false,"overrideStyle":{"shadow":{"default":{}},"border":{"default":{}},"corner":{"default":{}}},"dynamicStyleKey":[],"naturalHeight":1474,"naturalWidth":1000,"isGenFromAi":false,"dirty":null,"compressLevel":50,"original":{"aspectRatio":"0.6784260515603799"}},"components":{"byId":{},"allIds":[]}}},"allIds":["49wf","QH3p","DUbJ","Spp2","v7qI","6L6o","KFd7","R0Yl","774z","RgF5","91xp","Jwim","w1qN","OlSJ","smJ2","hFRM","NLdP","a75d"]}}},"allIds":["OEMCXiAUt5z2o_Za4Pt8e"]},"slug":"user","_id":"6957a54b45fef8cae92f7432","state":"publish","userUuid":"684d5f25d568a09ec76aa074","publishSlug":"user","slugName":"kima","isOriginal":true,"isABTesting":false,"autoSave":false,"canvas":"2","index":false,"settings":{"published_on":null,"keyword_phrase":"","keyword_phrase_options":[],"seo_title":["title","keyword","separator"],"meta_description":"","search_engine_display":false,"search_engine_follow":false,"scripts":{"disable_global":false,"head":"","head_desktop":"","head_mobile":"","footer":"","footer_desktop":"","footer_mobile":""},"utm_trackings":{"utm_source":false,"utm_medium":false,"utm_campaign":false,"utm_term":false,"utm_content":false}},"permalink":"https://kima.buat.page/user","pageContentId":"6957a54c45fef8cae92f7436"},"pixel":{"_id":"687e75f24b2a7caedc91e162","pixel":{"tiktok":{"autoPageView":false,"byId":{},"allIds":[]},"facebook":{"autoPageView":false,"byId":{"0J4J":{"id":"1298415057943877","name":"App kima","_id":"0J4J"}},"allIds":["0J4J"]},"snackvideo":{"autoPageView":false,"byId":{},"allIds":[]},"googletagmanager":{"autoPageView":false,"byId":{},"allIds":[]},"_id":"687e795ed12c598aea15a7a9"}}}