Brief & PromptPanel

Section paling atas. Wajib diisi. Field-field:

• Nama brand— Nama sebenar bisnes anda (cth: "Klinik Bayu", "Aira Fashion"). AI guna ini untuk title, hero copy, footer.
• Jenis website — Landing page, portfolio, booking, menu, eCommerce-style, dll. Tentukan struktur HTML yang AI hasilkan.
• Bahasa primer — BM atau EN. AI gunakan sepenuhnya untuk semua copy.

Pilih siapa target market anda dari preset (anak muda 18-30, ibu bapa, profesional, pelajar, pemilik bisnes kecil, dll). AI sesuaikan tone copy berdasarkan ini:

• Anak muda 18-30 → tone casual, slang Malaysia OK, emoji moderate.
• Ibu bapa → tone warm, focus pada keluarga + nilai.
• Profesional → tone polished, data-driven, no slang.
• Pemilik bisnes → tone strategic, ROI-focused.

Apa anda jual atau tawarkan. Boleh detailed (multiple items dengan harga + features) atau satu fokus utama. AI guna ini untuk:

• Hero copy + sub-headline.
• Features grid / benefits bullets.
• Pricing section (kalau ada).
• CTA button text.

Setiap image perlu ada role: Hero (gambar utama atas fold), Logo (header), Product (untuk grid/showcase), Testimonial (avatar customer), dll. Dua cara masukkan image:

• Drag-drop fail — terus dari folder anda. Kami auto-upload ke ImgBB (free image CDN), JPG/PNG/WebP/GIF diterima.
• Tampal URL — kalau image dah dihost (cth: Unsplash, ImgBB). Mesti https:// dan accessible secara public.

Pilih sections yang AI patut sertakan dalam HTML. Lebih banyak sections = lebih panjang HTML = lebih lama AI generate. Common sections:

• Hero — first impression, mesti ada.
• Features grid / Benefits — 3-6 selling points.
• Pricing — kalau ada multiple tiers.
• Testimonials — social proof (kalau ada).
• FAQ — jawab common questions.
• Contact form — capture leads.
• WhatsApp button — quick lead capture (very common di Malaysia).
• Map / location — kalau ada physical premise.

Kalau anda mahu visitor bayar terus di website anda (cth: pre- order, deposit booking), pilih payment provider di sini. Setup provider perlu API key dari ToyyibPay/CHIP/BillPlz dulu.

3 sub-field:

• Color palette — Preset (Indigo, Amber, Rose, Emerald, dll) atau custom hex (cth: #FF5733).
• Design template — Modern (minimal, banyak whitespace), Classic (traditional, formal), Playful (vibrant, untuk anak muda), Luxe (premium, dark+gold).
• Typography — Sans (modern), Serif (classic), Mono (techy), Display (impact).

Pilih framework yang sesuai dengan offering anda:

• PAS (Problem-Agitate-Solution) — Mulakan dengan masalah customer, tekankan kesakitan, lepas tu sajikan solusi anda. Sesuai untuk produk yang selesaikan masalah specific (cth: ubat jerawat, jasa repair).
• AIDA (Attention-Interest-Desire-Action) — Klasik. Tarik perhatian, bangkit minat, tingkat keinginan, push action. Sesuai untuk lifestyle / aspirational products.
• 4C (Clear-Concise-Credible-Compelling) — Direct + factual. Sesuai untuk B2B atau audiens yang sceptical.
• Story-driven — Naratif. Bercerita perjalanan atau testimonial. Sesuai untuk personal brand / coaching.

Bila visitor klik butang utama (cth: "Order now", "Tempah"), mereka pergi ke mana? Pilih:

• Payment modal — popup bayar terus (perlu payment provider setup).
• WhatsApp — buka chat WhatsApp dengan nombor anda. Paling popular untuk usahawan kecil Malaysia.
• External URL — link ke website lain (cth: kedai Shopee, Lazada, atau form Google).
• Telegram handle — buka Telegram chat.
• Form — contact form di tengah page.

Untuk arahan khusus yang AI tak boleh teka dari field lain. Contoh penggunaan:

• "Elakkan warna merah — tak sesuai dengan brand kami."
• "Wajib sebut harga RM 49 dengan jelas di Hero."
• "Hero text dalam BM tapi pricing table dalam EN."
• "Mention 'halal certified' tiga kali dalam content."
• "Sertakan section 'cara order' dengan 3 steps."

Setelah semua section diisi, anda ada 2 pilihan:

• Klik Build — AI generate HTML dalam editor. Setiap Build guna 1 AI action.
• Klik Copy Prompt — salin brief sebagai text prompt untuk AI chat lain (kalau anda lebih suka iterate di sana). Free tier dapat 5 Copy Prompt/bulan, paid: unlimited.