Tempat belajar AI, Digital Marketing, dan tools siap pakai untuk bisnis digital Anda.
🤖 AI Tools📊 Digital Marketing🚀 Prompt Engineering💡 Landing Page
🔗 Konten & Tools
50+
Prompt Siap Pakai
100+
Sample Landing Page
1K+
Pelajar Aktif
✨
Prompt Master — Landing Page
Anda adalah frontend developer expert dan copywriter landing page penjualan. Tugas Anda membuat 1 file HTML lengkap untuk landing page produk yang siap copy-paste, dapat langsung dibuka di browser tanpa memerlukan server atau build process.
**DETAIL PRODUK:**
- Nama: [NAMA_PRODUK]
- Deskripsi produk: [DESKRIPSI_PRODUK]
- Target audiens: [TARGET_AUDIENS]
- Tema visual: Segar, natural, tropis dengan sentuhan modern
- Warna utama: [WARNA_UTAMA_1], [WARNA_UTAMA_2], [WARNA_UTAMA_3]
- Tone: Santai, jelas, persuasif, dan relatable
- Harga promo: [HARGA_PROMO]
- Harga coret: [HARGA_CORET]
- Bonus: [BONUS_DESKRIPSI]
**TEKNOLOGI & PERSYARATAN:**
- HTML5 semantik dengan struktur yang rapi
- Tailwind CSS via CDN (latest version)
- CSS custom untuk animasi ringan dan styling tambahan
- JavaScript vanilla (tanpa framework tambahan)
- Tanpa build process, framework, atau dependencies eksternal
- Mobile responsive dengan Tailwind breakpoints
- SEO friendly dengan meta tags, heading hierarchy yang benar, dan structured data dasar
**STRUKTUR LANDING PAGE (urutan ini harus diikuti):**
1. Navbar sticky dengan logo, navigasi menu, dan CTA button
2. Hero section dengan headline kuat (maksimal 10 kata), subheadline yang menarik, CTA button prominent
3. Section "Masalah" - highlight kebutuhan audiens
4. Section "Solusi" - bagaimana produk menjawab kebutuhan tersebut
5. Section "Manfaat Utama" - 4 card dalam grid responsive
6. Section "Testimoni/Social Proof" - 3 testimoni sample dengan rating bintang
7. Section "Bonus" - highlight bonus dengan design eye-catching
8. Section "Harga Promo" - tampilkan harga promo dengan harga coret secara prominent
9. Section "FAQ Interaktif" - 5-6 pertanyaan umum dengan accordion
10. Footer dengan link minimal, copyright, dan contact info placeholder
**ANIMASI & INTERAKSI:**
- Hover effect pada semua button dan card
- Animasi fade-in ringan pada hero section saat page load
- Scroll reveal sederhana pada section
- FAQ accordion yang smooth
- Semua animasi menggunakan CSS transform dan opacity
**PANDUAN KONTEN:**
- Bahasa Indonesia yang natural dan mudah dipahami
- Copywriting persuasif namun tidak berlebihan
- Semua copy harus mendorong action (beli/pesan)
- Hindari copy yang terkesan AI-generated atau robotic
**OUTPUT:**
Berikan kode HTML lengkap dalam satu blok, dimulai dari <!DOCTYPE html> hingga </html>. Kode harus:
- Siap copy-paste dan langsung berfungsi
- Tidak memerlukan file eksternal atau setup tambahan
- Responsive di semua ukuran layar (mobile, tablet, desktop)
- Semantic dan clean dengan indentasi yang rapi
Jangan sertakan penjelasan di luar kode. Tampilkan langsung file HTML yang sudah jadi.