html> Kelas Riset Produk Fisik & Digital - Formulasi Winning Producttitle> <script src="https://cdn.tailwindcss.com">script> <script> tailwind.config = { theme: { extend: { colors: { merdeka: { red: '#E50914', darkred: '#B81D24', lightbg: '#FFF5F5', gold: '#FFD700' } }, boxShadow: { 'glow-red': '0 0 30px rgba(229, 9, 20, 0.45)', 'glow-purple': '0 0 35px rgba(147, 51, 234, 0.35)', 'glow-gold': '0 0 35px rgba(250, 204, 21, 0.35)', } } } } script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> body { font-family: 'Plus Jakarta Sans', sans-serif; } .gradient-hero { background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #31102f 100%); } .glow-red { box-shadow: 0 0 25px rgba(229, 9, 20, 0.4); } .pulse-subtle { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.96; transform: scale(1.02); } } style> head> <body class="bg-slate-50 text-slate-800 antialiased selection:bg-red-500 selection:text-white pb-24 md:pb-0"> <div class="bg-gradient-to-r from-red-800 via-red-600 to-red-800 text-white text-center py-2.5 px-4 font-bold text-xs sm:text-sm tracking-wide shadow-md flex items-center justify-center gap-2 sticky top-0 z-40"> <i class="fa-solid fa-fire text-yellow-300 animate-bounce">i> <span>PROMO SPESIAL PAYDAY SALE: DISKON 75% — HANYA <strong class="text-yellow-300 underline">Rp 49.000strong>!span> <span class="bg-yellow-400 text-red-950 text-[10px] sm:text-xs font-black px-2.5 py-0.5 rounded-full uppercase ml-1 shadow-sm">Slot Terbatasspan> div> <section class="gradient-hero text-white pt-12 pb-20 px-4 relative overflow-hidden"> <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-7xl h-full opacity-10 pointer-events-none bg-[radial-gradient(#ffffff_1px,transparent_1px)] [background-size:16px_16px]">div> <div class="max-w-4xl mx-auto text-center relative z-10"> <div class="inline-flex items-center gap-2 bg-red-500/20 border border-red-500/40 text-red-300 px-4 py-1.5 rounded-full text-xs sm:text-sm font-semibold mb-6 backdrop-blur-sm"> <i class="fa-solid fa-chart-line text-yellow-400">i> Formulasi Validasi & Riset Winning Product 2026 div> <h1 class="text-2xl sm:text-4xl md:text-5xl font-extrabold tracking-tight leading-tight mb-6"> Pelajari Teknik Riset Produk Tervalidasi yang <span class="text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 via-amber-300 to-yellow-100">Bikin Produk Laris Manisspan> Tanpa Takut Boncos Iklan! h1> <div class="inline-flex items-center justify-center gap-3 bg-gradient-to-r from-amber-500/15 via-yellow-400/20 to-amber-500/15 border border-amber-400/40 rounded-2xl px-5 sm:px-8 py-3.5 my-4 backdrop-blur-md shadow-[0_0_20px_rgba(251,191,36,0.15)] max-w-3xl"> <p class="text-slate-100 text-base sm:text-xl font-bold leading-relaxed tracking-wide"> Pelajari Teknik Riset Sederhana Menemukan Barang Fisik & Digital Yang <span class="inline-block text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 via-amber-300 to-yellow-100 font-black border-b-2 border-yellow-400/80 pb-0.5 ml-1">PASTI DICARI PASARspan> Sebelum Kamu Mengeluarkan Modal Besar! p> div> <div class="mt-8 flex flex-col sm:flex-row items-center justify-center gap-4"> <a href="#checkout" class="w-full sm:w-auto bg-gradient-to-r from-red-600 via-red-500 to-red-600 hover:from-red-500 hover:to-red-700 text-white font-black text-base sm:text-lg px-8 py-4 rounded-2xl shadow-glow-red transition-all transform hover:scale-105 flex items-center justify-center gap-3"> <span>AMBIL DISKON 75% SEKARANGspan> <i class="fa-solid fa-arrow-down">i> a> div> <div class="mt-8 flex flex-wrap items-center justify-center gap-6 text-xs text-slate-300"> <span class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-emerald-400">i> Metode Riset Terujispan> <span class="flex items-center gap-2"><i class="fa-solid fa-infinity text-blue-400">i> Akses Selamanyaspan> <span class="flex items-center gap-2"><i class="fa-solid fa-gift text-yellow-400">i> Bonus 200 Ide Produk Digitalspan> div> div> section> <section class="py-16 bg-white border-b border-slate-200"> <div class="max-w-4xl mx-auto px-4"> <div class="text-center mb-12"> <span class="text-red-600 font-bold text-xs uppercase tracking-widest bg-red-50 px-3 py-1 rounded-full border border-red-200">Apakah Kamu Mengalami Ini?span> <h2 class="text-2xl sm:text-4xl font-extrabold text-slate-900 mt-3"> Bingung Mau Mulai Bisnis Online Dari Mana? h2> <p class="text-slate-600 mt-2">Jujur, mana di antara kendala berikut yang paling bikin kamu ragu melangkah atau sering rugi?p> div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="p-6 bg-slate-50 rounded-2xl border border-slate-200 hover:border-red-300 transition-all duration-200 flex gap-4 items-start shadow-sm"> <div class="w-12 h-12 rounded-xl bg-red-100 text-red-600 flex items-center justify-center text-xl shrink-0"> <i class="fa-solid fa-boxes-packing">i> div> <div> <h3 class="font-bold text-lg text-slate-900 mb-1">Takut Modal Nyangkut di Stok Barangh3> <p class="text-slate-600 text-sm leading-relaxed"> Khawatir sudah beli barang banyak dari supplier, tapi ujung-ujungnya tidak ada yang beli dan berujung rugi jutaan rupiah. p> div> div> <div class="p-6 bg-slate-50 rounded-2xl border border-slate-200 hover:border-red-300 transition-all duration-200 flex gap-4 items-start shadow-sm"> <div class="w-12 h-12 rounded-xl bg-red-100 text-red-600 flex items-center justify-center text-xl shrink-0"> <i class="fa-solid fa-lightbulb">i> div> <div> <h3 class="font-bold text-lg text-slate-900 mb-1">Bingung Pilih Ide Produk Yang Tepath3> <p class="text-slate-600 text-sm leading-relaxed"> Melihat orang lain sukses jualan tapi kamu bingung mau jualan apa. Coba-coba jualan barang A, B, C tapi sepi peminat. p> div> div> <div class="p-6 bg-slate-50 rounded-2xl border border-slate-200 hover:border-red-300 transition-all duration-200 flex gap-4 items-start shadow-sm"> <div class="w-12 h-12 rounded-xl bg-red-100 text-red-600 flex items-center justify-center text-xl shrink-0"> <i class="fa-solid fa-store-slash">i> div> <div> <h3 class="font-bold text-lg text-slate-900 mb-1">Sudah Buka Toko Tapi Sepi Pembelih3> <p class="text-slate-600 text-sm leading-relaxed"> Sudah bikin akun Shopee, TikTok Shop, atau Tokopedia... tapi sepi penonton dan checkout. Rasanya capek dan buang waktu. p> div> div> <div class="p-6 bg-slate-50 rounded-2xl border border-slate-200 hover:border-red-300 transition-all duration-200 flex gap-4 items-start shadow-sm"> <div class="w-12 h-12 rounded-xl bg-red-100 text-red-600 flex items-center justify-center text-xl shrink-0"> <i class="fa-solid fa-laptop-code">i> div> <div> <h3 class="font-bold text-lg text-slate-900 mb-1">Pengen Pasif Income Produk Digitalh3> <p class="text-slate-600 text-sm leading-relaxed"> Ingin jualan e-book, template, atau course dengan margin tinggi tanpa stok barang, tapi bingung cara riset topik yang pasti laku. p> div> div> div> div> section> <section class="py-16 bg-slate-50"> <div class="max-w-5xl mx-auto px-4"> <div class="text-center max-w-3xl mx-auto mb-16"> <span class="bg-emerald-100 text-emerald-800 text-xs font-bold px-3 py-1 rounded-full uppercase border border-emerald-300">Solusi Terbaik Untuk Kamuspan> <h2 class="text-3xl sm:text-4xl font-extrabold text-slate-900 mt-3 tracking-tight"> Berhentilah Menebak-Nebak! Temukan <span class="text-red-600">Winning Productspan> Sebelum Mulai Jualan Online h2> <p class="text-slate-600 mt-3 text-base sm:text-lg"> Perkenalkan metode riset terstruktur berbasis data untuk mengunci produk bernilai jual tinggi dengan risiko serendah mungkin. p> div> <div class="bg-white rounded-3xl p-6 sm:p-10 border border-slate-200 shadow-xl mb-12"> <div class="flex flex-col md:flex-row items-center gap-8"> <div class="w-full md:w-1/2"> <div class="inline-block bg-red-100 text-red-700 font-extrabold text-xs px-3 py-1 rounded-md uppercase mb-3 border border-red-200"> E-Course Eksklusif 2026 div> <h3 class="text-2xl sm:text-3xl font-black text-slate-900 leading-snug mb-4"> Kelas Riset Produk Fisik & Digital h3> <p class="text-slate-600 mb-6 leading-relaxed"> Panduan langkah demi langkah dari nol sampai kamu mahir memvalidasi produk berpotensi omset ratusan juta, baik berupa barang fisik dengan perputaran cepat maupun produk digital yang marginnya 90%+. p> <div class="space-y-3"> <div class="flex items-center gap-3 text-slate-700 font-semibold text-sm"> <i class="fa-solid fa-circle-check text-emerald-500 text-lg">i> <span>Riset Produk Fisik (Market Demand, Supplier & Margin)span> div> <div class="flex items-center gap-3 text-slate-700 font-semibold text-sm"> <i class="fa-solid fa-circle-check text-emerald-500 text-lg">i> <span>Riset Produk Digital (Kebutuhan Niche & Tren Pasar)span> div> <div class="flex items-center gap-3 text-slate-700 font-semibold text-sm"> <i class="fa-solid fa-circle-check text-emerald-500 text-lg">i> <span>Grup Diskusi & Support Komunitas Selamanyaspan> div> div> div> <div class="w-full md:w-1/2 flex justify-center"> <img decoding="async" src="https://setunggal.dripform.id/8fded652-1c9d-481c-bd85-182fac5e786f.png" alt="Kelas Riset Produk Fisik & Digital" class="w-full h-auto rounded-2xl shadow-lg border border-slate-100 object-cover" onerror="this.onerror=null; this.src='https://placehold.co/600x400/1e293b/ffffff?text=Kelas+Riset+Produk';"> div> div> div> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-8"> <div class="bg-white rounded-3xl p-6 sm:p-8 border border-slate-200 shadow-md hover:shadow-xl transition-all border-t-4 border-t-red-600"> <div class="flex items-center justify-between mb-6"> <div class="w-12 h-12 rounded-2xl bg-red-100 text-red-600 flex items-center justify-center text-2xl font-bold"> <i class="fa-solid fa-box text-xl">i> div> <span class="bg-red-50 text-red-600 text-xs font-bold px-3 py-1 rounded-full border border-red-200">Modul 1span> div> <h4 class="text-xl font-extrabold text-slate-900 mb-4">Riset Produk Fisik :h4> <ul class="space-y-3 text-slate-600 text-sm"> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-red-600 mt-1 shrink-0">i> <span>Pengenalan fundamental dan mindset riset produkspan> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-red-600 mt-1 shrink-0">i> <span>Cara riset produk fisik metode 1 (Analisis Marketplace)span> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-red-600 mt-1 shrink-0">i> <span>Cara riset produk fisik metode 2 (Spying Iklan Kompetitor)span> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-red-600 mt-1 shrink-0">i> <span>Cara riset produk fisik metode 3 (Trend Social Media & Viral Item)span> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-red-600 mt-1 shrink-0">i> <span>Cara riset produk fisik metode 4 (Evaluasi Margin & Demand)span> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-red-600 mt-1 shrink-0">i> <span>Cara menemukan supplier terpercaya & harga tangan pertamaspan> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-red-600 mt-1 shrink-0">i> <span>Cara meningkatkan margin produk dropship hingga 2x lipatspan> li> ul> div> <div class="bg-white rounded-3xl p-6 sm:p-8 border border-slate-200 shadow-md hover:shadow-xl transition-all border-t-4 border-t-purple-600"> <div class="flex items-center justify-between mb-6"> <div class="w-12 h-12 rounded-2xl bg-purple-100 text-purple-600 flex items-center justify-center text-2xl font-bold"> <i class="fa-solid fa-laptop-code text-xl">i> div> <span class="bg-purple-50 text-purple-600 text-xs font-bold px-3 py-1 rounded-full border border-purple-200">Modul 2span> div> <h4 class="text-xl font-extrabold text-slate-900 mb-4">Riset Produk Digital :h4> <ul class="space-y-3 text-slate-600 text-sm"> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-purple-600 mt-1 shrink-0">i> <span>Mengenal ekosistem & model bisnis produk digitalspan> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-purple-600 mt-1 shrink-0">i> <span>Cara riset produk digital metode 1 (Niche Problem Solving)span> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-purple-600 mt-1 shrink-0">i> <span>Cara riset produk digital metode 2 (Trend Global & Pasar Lokal)span> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-purple-600 mt-1 shrink-0">i> <span>Cara riset produk digital metode 3 (Template & Aset Kreatif)span> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-purple-600 mt-1 shrink-0">i> <span>Cara riset produk digital metode 4 (E-Course & Materi Edukasi)span> li> <li class="flex items-start gap-3"> <i class="fa-solid fa-check text-purple-600 mt-1 shrink-0">i> <span>Cara riset produk digital metode 5 (Strategi Bundling & Pricing)span> li> ul> div> div> div> section> <section class="py-16 bg-slate-900 text-white border-t border-slate-800 relative overflow-hidden"> <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-4xl h-80 bg-gradient-to-r from-purple-600/20 via-red-600/15 to-indigo-600/20 blur-3xl rounded-full pointer-events-none">div> <div class="max-w-5xl mx-auto px-4 relative z-10"> <div class="text-center max-w-3xl mx-auto mb-12"> <div class="inline-flex items-center gap-2 bg-indigo-500/20 text-indigo-300 font-bold text-xs px-4 py-1.5 rounded-full uppercase mb-4 border border-indigo-500/30"> <i class="fa-solid fa-bullseye text-yellow-400">i> Target Peserta Kelas div> <h2 class="text-2xl sm:text-4xl font-extrabold text-white leading-tight tracking-tight"> Ecourse ini cocok untuk <span class="text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 via-amber-300 to-yellow-100">pemula yang mau jualan onlinespan> baik produk fisik ataupun digital, dan <span class="text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 via-amber-300 to-yellow-100">marketer yang kesulitan mencari produkspan> h2> <p class="text-slate-400 mt-3 text-sm sm:text-base"> Dua profil utama yang akan merasakan percepatan hasil langsung dari metode dan formula riset di kelas ini: p> div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="bg-gradient-to-b from-slate-800/90 to-slate-900/90 border border-slate-700/80 rounded-3xl p-6 sm:p-8 hover:border-amber-400/50 transition-all shadow-xl flex flex-col justify-between"> <div> <div class="w-14 h-14 rounded-2xl bg-amber-400/20 text-yellow-400 flex items-center justify-center text-2xl mb-5 shadow-inner"> <i class="fa-solid fa-seedling">i> div> <span class="text-xs font-bold uppercase tracking-wider text-yellow-400 block mb-1">Profil 01span> <h3 class="text-xl sm:text-2xl font-black text-white mb-3">Pemula yang Mau Jualan Onlineh3> <p class="text-slate-300 text-sm leading-relaxed mb-4"> Sangat tepat untuk kamu yang baru pertama kali ingin memulai bisnis online dan ingin menghindari risiko salah pilih produk yang menguras tabungan: p> <ul class="space-y-3 text-xs sm:text-sm text-slate-300"> <li class="flex items-start gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-400 mt-1 shrink-0">i> <span>Ingin jualan <strong>produk fisikstrong> tanpa khawatir modal macet di stok barang yang tidak laku.span> li> <li class="flex items-start gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-400 mt-1 shrink-0">i> <span>Ingin punya bisnis <strong>produk digitalstrong> tanpa bingung topik apa yang sedang ramai diminati pembeli.span> li> <li class="flex items-start gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-400 mt-1 shrink-0">i> <span>Mendapatkan panduan langkah demi langkah yang ramah pemula tanpa istilah rumit yang membingungkan.span> li> ul> div> div> <div class="bg-gradient-to-b from-slate-800/90 to-slate-900/90 border border-slate-700/80 rounded-3xl p-6 sm:p-8 hover:border-purple-400/50 transition-all shadow-xl flex flex-col justify-between"> <div> <div class="w-14 h-14 rounded-2xl bg-purple-500/20 text-purple-400 flex items-center justify-center text-2xl mb-5 shadow-inner"> <i class="fa-solid fa-chart-line">i> div> <span class="text-xs font-bold uppercase tracking-wider text-purple-400 block mb-1">Profil 02span> <h3 class="text-xl sm:text-2xl font-black text-white mb-3">Marketer yang Kesulitan Cari Produkh3> <p class="text-slate-300 text-sm leading-relaxed mb-4"> Solusi tuntas untuk marketer, advertiser, atau seller yang sudah paham strategi promosi namun sering boncos karena keliru memilih produk: p> <ul class="space-y-3 text-xs sm:text-sm text-slate-300"> <li class="flex items-start gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-400 mt-1 shrink-0">i> <span>Menemukan <strong>winning productstrong> yang terbukti memiliki demand pasar nyata dan perputaran transaksi cepat.span> li> <li class="flex items-start gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-400 mt-1 shrink-0">i> <span>Mengunci produk dengan <strong>margin profit tebalstrong> agar performa iklan berbayar (Paid Ads) tetap aman dan untung.span> li> <li class="flex items-start gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-400 mt-1 shrink-0">i> <span>Memangkas waktu uji coba (trial-error) dan menekan risiko bakar budget promosi untuk produk yang sepi peminat.span> li> ul> div> div> div> div> section> <section class="py-16 bg-white border-y border-slate-200"> <div class="max-w-5xl mx-auto px-4 text-center"> <span class="bg-yellow-100 text-yellow-800 text-xs font-bold px-3 py-1 rounded-full uppercase border border-yellow-300">Universal Compatibilityspan> <h2 class="text-2xl sm:text-4xl font-extrabold text-slate-900 mt-3 mb-4"> Bisa Digunakan Untuk Riset Niche Apa Saja? h2> <p class="text-slate-600 max-w-2xl mx-auto mb-10 text-sm sm:text-base"> Metode dalam kelas ini bersifat adaptif dan dapat diterapkan langsung di berbagai jenis kategori bisnis. p> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3 sm:gap-4 text-left"> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">💄span> Skincare & Beauty div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">👚span> Fashion & Apparel div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">📱span> Aksesoris & Gadget div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">🍰span> Makanan & Minuman div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">🏠span> Properti & Rumah div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">🚗span> Otomotif & Aksesoris div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">📦span> Reseller & Dropship div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">🎓span> Edukasi & Kursus div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">🧴span> Herbal & Kesehatan div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">🧕span> Fashion Muslim/Hijab div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">📚span> E-Book & Templates div> <div class="bg-slate-50 border border-slate-200 p-3.5 rounded-xl font-semibold text-slate-800 text-sm flex items-center gap-3 hover:border-red-300 transition-colors"> <span class="text-xl">⚡span> Jasa & Freelance div> div> div> section> <section class="py-16 sm:py-20 bg-slate-950 text-white relative overflow-hidden"> <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-5xl h-96 bg-gradient-to-r from-red-600/20 via-yellow-500/25 to-red-600/20 blur-3xl rounded-full pointer-events-none">div> <div class="max-w-4xl mx-auto px-4 relative z-10"> <div class="text-center mb-10"> <span class="inline-flex items-center gap-2 bg-gradient-to-r from-yellow-400 to-amber-500 text-slate-950 font-black text-xs px-4 py-1.5 rounded-full uppercase tracking-wider shadow-lg animate-pulse"> <i class="fa-solid fa-gift text-sm">i> BONUS SPESIAL PAYDAY SALE span> <h2 class="text-3xl sm:text-5xl font-black mt-4 text-white leading-tight tracking-tight"> Dapatkan Super Bonus Bernilai Tinggi <br class="hidden sm:block"/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 via-amber-400 to-yellow-200 drop-shadow">100% GRATISspan> h2> <p class="text-slate-300 mt-3 text-base sm:text-lg max-w-2xl mx-auto"> Bisa langsung kamu pakai sebagai referensi ide produk potensial tanpa harus pusing mencari ide dari nol! p> div> <div class="bg-gradient-to-b from-slate-900/95 via-slate-900/90 to-amber-950/40 border-2 border-yellow-400/80 rounded-3xl p-6 sm:p-10 shadow-[0_0_50px_rgba(234,179,8,0.3)] relative overflow-hidden backdrop-blur-md"> <div class="absolute -top-1 -right-1"> <div class="bg-gradient-to-r from-yellow-400 via-amber-500 to-yellow-500 text-slate-950 font-black text-[10px] sm:text-xs px-8 py-2 transform rotate-12 translate-x-4 translate-y-3 shadow-xl uppercase tracking-wider border-b border-yellow-200"> <i class="fa-solid fa-crown mr-1">i> SPESIAL HARI INI div> div> <div class="flex flex-col lg:flex-row items-center gap-8"> <div class="w-full lg:w-1/3 flex flex-col items-center text-center"> <div class="relative group max-w-[240px] sm:max-w-[280px]"> <img decoding="async" src="https://setunggal.dripform.id/703c7830-c9d9-494c-8d59-765b66d3c184.png" alt="Ebook 200 Ide Produk Digital" class="w-full h-auto rounded-2xl shadow-2xl border-2 border-yellow-400/60 object-cover transform group-hover:scale-105 transition-transform duration-300" onerror="this.onerror=null; this.src='https://placehold.co/400x400/1e293b/ffffff?text=Bonus+Ebook+200+Ide';"> <div class="absolute -bottom-3 left-1/2 -translate-x-1/2 bg-red-600 text-white font-black text-xs px-3.5 py-1 rounded-full shadow-lg border border-red-400 whitespace-nowrap"> NILAI: <span class="line-through text-red-200">Rp 299.000span> div> div> <span class="mt-6 inline-flex items-center gap-1.5 bg-emerald-500/20 text-emerald-300 border border-emerald-500/40 font-bold text-xs px-3 py-1 rounded-full"> <i class="fa-solid fa-circle-check">i> Akses File Lengkap Gratis span> div> <div class="w-full lg:w-2/3 space-y-4 text-left"> <div class="inline-flex items-center gap-2 text-yellow-400 text-xs font-bold uppercase tracking-wider bg-yellow-400/10 px-3 py-1 rounded-md border border-yellow-400/20"> Ide Bisnis Booster Included div> <h3 class="text-2xl sm:text-3xl font-black text-white leading-snug"> Ebook 200 Ide Produk Digital <br class="hidden sm:block"/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 to-amber-400 underline decoration-yellow-500/60">Kumpulan Niche & Aset Digital Berdaya Beli Tinggispan> h3> <p class="text-slate-300 text-sm leading-relaxed"> Panduan berisi 200 ide produk digital teruji yang sedang banyak dicari di berbagai bidang, membantu kamu memilih topik yang tepat tanpa perlu bingung memulai. p> <div class="bg-slate-950/70 rounded-2xl p-4 sm:p-5 border border-yellow-500/20 space-y-3"> <div class="flex items-start gap-3"> <div class="w-6 h-6 rounded-full bg-yellow-400/20 text-yellow-400 flex items-center justify-center text-xs shrink-0 mt-0.5"> <i class="fa-solid fa-check">i> div> <p class="text-xs sm:text-sm text-slate-200"> <strong class="text-white">200 Niche & Ide Tervalidasi:strong> Kumpulan ide e-book, template, worksheet, & aset digital bernilai tinggi. p> div> <div class="flex items-start gap-3"> <div class="w-6 h-6 rounded-full bg-yellow-400/20 text-yellow-400 flex items-center justify-center text-xs shrink-0 mt-0.5"> <i class="fa-solid fa-lightbulb">i> div> <p class="text-xs sm:text-sm text-slate-200"> <strong class="text-white">Inspirasi Eksekusi Cepat:strong> Cocok dijadikan acuan membuat produk baru yang relevan dengan kebutuhan pasar saat ini. p> div> <div class="flex items-start gap-3"> <div class="w-6 h-6 rounded-full bg-yellow-400/20 text-yellow-400 flex items-center justify-center text-xs shrink-0 mt-0.5"> <i class="fa-solid fa-coins">i> div> <p class="text-xs sm:text-sm text-slate-200"> <strong class="text-white">Potensi Margin Tebal:strong> Produk digital memiliki biaya produksi rendah sehingga potensi profitnya sangat optimal. p> div> div> div> div> <div class="mt-8 pt-6 border-t border-slate-800/80 flex flex-col sm:flex-row items-center justify-between gap-4 bg-gradient-to-r from-red-950/40 via-amber-950/30 to-slate-900 p-4 rounded-2xl border border-yellow-500/30"> <div class="text-center sm:text-left"> <span class="text-xs text-slate-400 block font-medium">Total Nilai Bonus Eksklusif:span> <div class="flex items-center justify-center sm:justify-start gap-2"> <span class="text-lg font-black text-slate-400 line-through">Rp 299.000span> <span class="text-xl sm:text-2xl font-black text-emerald-400">Rp 0 (GRATIS)span> div> div> <a href="#checkout" class="w-full sm:w-auto bg-gradient-to-r from-yellow-400 via-amber-500 to-yellow-400 hover:from-yellow-300 hover:to-amber-400 text-slate-950 font-black text-sm sm:text-base py-3 px-6 rounded-xl shadow-lg shadow-yellow-500/20 transition-all flex items-center justify-center gap-2 transform hover:scale-105"> <span>KLAIM BONUS SEKARANGspan> <i class="fa-solid fa-arrow-right">i> a> div> div> div> section> <section id="checkout" class="py-16 bg-gradient-to-b from-slate-50 to-red-50/50 relative"> <div class="max-w-3xl mx-auto px-4"> <div class="bg-white rounded-3xl border-2 border-red-600 shadow-2xl overflow-hidden relative glow-red"> <div class="bg-gradient-to-r from-red-700 via-red-600 to-red-700 text-white text-center py-5 px-6"> <div class="inline-block bg-yellow-400 text-red-950 text-xs font-black px-4 py-1 rounded-full uppercase mb-2 shadow-md"> 💳 PROMO SPECIAL PAYDAY SALE div> <h3 class="text-2xl sm:text-3xl font-black">Investasi Leher Ke Atas Paling Hemath3> <p class="text-red-100 text-xs sm:text-sm mt-1">Dapatkan semua materi riset produk fisik & digital + Bonus Spesialp> div> <div class="p-6 sm:p-10 text-center"> <div class="flex items-center justify-center gap-3 mb-1"> <span class="text-slate-400 font-bold text-base sm:text-lg line-through">Rp 199.000span> <span class="bg-red-100 text-red-700 text-xs font-black px-2.5 py-1 rounded-md uppercase border border-red-200">Diskon 75%span> div> <div class="flex items-center justify-center gap-2 mb-4"> <span class="text-slate-900 font-black text-4xl sm:text-6xl tracking-tight text-red-600">Rp 49.000span> div> <p class="text-slate-600 text-sm font-semibold mb-6"> Sekali bayar untuk akses selamanya. Tidak ada biaya bulanan tersembunyi! p> <div class="bg-slate-50 rounded-2xl p-5 border border-slate-200 max-w-lg mx-auto mb-6 text-left space-y-2.5 text-xs sm:text-sm font-medium text-slate-700"> <div class="flex items-center gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-500">i> <span>Seluruh Video Modul Riset Produk Fisik (4 Metode)span> div> <div class="flex items-center gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-500">i> <span>Seluruh Video Modul Riset Produk Digital (5 Metode)span> div> <div class="flex items-center gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-500">i> <span>Bonus Ebook 200 Ide Produk Digital Bernilai Tinggispan> div> <div class="flex items-center gap-2.5"> <i class="fa-solid fa-circle-check text-emerald-500">i> <span>Grup Diskusi & Support Komunitas Selamanyaspan> div> div> <div class="pt-4 border-t border-slate-200 flex flex-wrap items-center justify-center gap-6 text-slate-500 text-xs"> <span class="flex items-center gap-1.5"><i class="fa-solid fa-lock text-emerald-600">i> Pembayaran Amanspan> <span class="flex items-center gap-1.5"><i class="fa-solid fa-bolt text-yellow-500">i> Akses Instan Cepatspan> <span class="flex items-center gap-1.5"><i class="fa-solid fa-headset text-blue-500">i> Support Ramahspan> div> div> div> <div class="mt-8 text-center text-slate-600 text-sm space-y-2 max-w-xl mx-auto"> <p class="font-medium bg-white/80 border border-slate-200 p-4 rounded-2xl shadow-sm"> ☕ <strong>Cuma seharga 1 gelas kopi manisstrong>, tapi bisa menyelamatkan jutaan rupiah modal promosi dan stok kamu dari risiko produk tidak laku. p> div> div> section> <div class="fixed bottom-0 left-0 right-0 bg-white/95 backdrop-blur-md border-t border-slate-200 p-3 z-50 sm:hidden shadow-2xl flex items-center justify-between gap-3"> <div> <span class="text-[10px] font-bold text-red-600 uppercase block">Promo Payday Salespan> <span class="text-lg font-black text-slate-900">Rp 49.000span> div> <button onclick="handleCheckout()" class="bg-red-600 hover:bg-red-700 active:scale-95 text-white font-bold text-sm px-5 py-2.5 rounded-xl transition-all shadow-md flex items-center gap-2"> <span>Daftar Sekarangspan> <i class="fa-solid fa-arrow-right text-xs">i> button> div> <div id="checkoutModal" class="fixed inset-0 z-50 flex items-center justify-center bg-slate-900/75 backdrop-blur-sm p-4 hidden"> <div class="bg-white rounded-3xl max-w-md w-full p-6 sm:p-8 shadow-2xl relative border border-slate-100 text-center"> <button onclick="closeModal()" class="absolute top-4 right-4 w-8 h-8 rounded-full bg-slate-100 text-slate-500 hover:bg-slate-200 flex items-center justify-center transition-colors"> <i class="fa-solid fa-xmark">i> button> <div class="w-14 h-14 rounded-2xl bg-red-100 text-red-600 flex items-center justify-center text-2xl mx-auto mb-4"> <i class="fa-solid fa-lock">i> div> <h3 class="text-xl font-black text-slate-900 mb-1">Konfirmasi Pendaftaranh3> <p class="text-slate-600 text-xs mb-5">Amankan slot diskon 75% dan dapatkan seluruh materi riset produk fisik & digital.p> <div class="bg-slate-50 p-4 rounded-2xl border border-slate-200 mb-6 text-left text-xs space-y-2"> <div class="flex justify-between font-semibold text-slate-700"> <span>Produk:span> <span>Kelas Riset Fisik & Digitalspan> div> <div class="flex justify-between font-semibold text-slate-700"> <span>Akses:span> <span class="text-emerald-600 font-bold">Lifetime Access (Video + Materi)span> div> <div class="flex justify-between font-semibold text-slate-700"> <span>Bonus:span> <span class="text-emerald-600 font-bold">200 Ide Produk Digitalspan> div> <div class="flex justify-between font-black text-slate-900 text-sm border-t pt-2 mt-2"> <span>Total Bayar:span> <span class="text-red-600">Rp 49.000span> div> div> <div class="space-y-3"> <a href="https://wa.me/?text=Halo%20Admin,%20saya%20mau%20daftar%20Kelas%20Riset%20Produk%20Fisik%20%26%20Digital%20Promo%20Rp%2049.000" target="_blank" class="w-full bg-emerald-600 hover:bg-emerald-700 text-white font-bold py-3.5 px-4 rounded-xl flex items-center justify-center gap-2 shadow-lg shadow-emerald-600/20 transition-all text-sm"> <i class="fa-brands fa-whatsapp text-lg">i> <span>Lanjut via WhatsAppspan> a> <button onclick="closeModal()" class="w-full bg-slate-100 hover:bg-slate-200 text-slate-700 font-semibold py-2.5 px-4 rounded-xl text-xs transition-colors"> Kembali ke Halaman button> div> div> div> <script> // Checkout Modal Handler function handleCheckout() { document.getElementById('checkoutModal').classList.remove('hidden'); } function closeModal() { document.getElementById('checkoutModal').classList.add('hidden'); } script> body> html> </div> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/twentytwentyfive/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script> ( () => { const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); } )(); </script> <script id="elementor-webpack-runtime-js" src="https://skillproduktif.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.4"></script> <script id="elementor-frontend-modules-js" src="https://skillproduktif.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.4"></script> <script id="jquery-ui-core-js-before"> jQuery.uiBackCompat = true; //# sourceURL=jquery-ui-core-js-before </script> <script id="jquery-ui-core-js" src="https://skillproduktif.com/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.2.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"e_panel_promotions":true,"e_pro_free_trial_popup":true,"nested-elements":true,"e_atomic_elements":true,"atomic_widgets_should_enforce_capabilities":true,"editor_mcp":true,"e_bc_migrations":true,"e_classes":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_variables_manager":true,"e_opt_in_v4_page":true,"e_opt_in_v4":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true},"urls":{"assets":"https:\/\/skillproduktif.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/skillproduktif.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/skillproduktif.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"2d8f2a7f0b","atomicFormsSendForm":"dd6285e1bb"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":8,"title":"Elementor%20%238%20-%20Skill%20Produktif","excerpt":"","featuredImage":false}}; //# sourceURL=elementor-frontend-js-before </script> <script id="elementor-frontend-js" src="https://skillproduktif.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.4"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://skillproduktif.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}} </script> <script type="module"> /*! This file is auto-generated */ var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); //# sourceURL=https://skillproduktif.com/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html>