Buatkan 1 code HTML **landing-style homepage** untuk bisnes ini: [URL_BISNES] **Konsep:** Landing page premium yang optimized untuk conversion, TAPI dengan info lengkap untuk bisnes tempatan. Setiap section mesti ada tujuan — bukan sekadar "nampak lengkap". **Matlamat utama:** Dapatkan [TINDAKAN SPESIFIK — contoh: tempahan WhatsApp, panggilan telefon, booking] dari visitor. **Matlamat sekunder:** Build trust supaya visitor yakin untuk contact/visit/order. --- Cari maklumat bisnes tersebut dulu sebelum generate: - Nama, jenis perkhidmatan/produk, lokasi - Servis utama + harga/pakej (jika ada di website) - Rating, tahun beroperasi, jumlah pelanggan (jika ada) - Testimoni sebenar (dari Google Reviews, Facebook, atau website) - Waktu operasi - Nombor telefon/WhatsApp Code HTML ini akan dipaste ke dalam gadget HTML "Landing Page Design" pada template Blogspot saya. Ikut spesifikasi teknikal berikut **TANPA GAGAL**: --- ### 1. OUTPUT FORMAT - Hanya satu blok diikuti . - JANGAN sertakan , , , atau . - Guna prefix unik untuk id/class (contoh: kalau bisnes "Kedai Kopi Aman", guna prefix "aman-" supaya CSS di-scope dan tak clash dengan tema blog). - Semua CSS mesti di-scope dalam #[prefix]-landing supaya tak ganggu CSS tema sedia ada. Jangan guna CSS global/reset tanpa scope. --- ### 2. STRUKTUR TEMPLATE (SUDAH SETTLE, JANGAN UBAH) - Template Blogspot saya SUDAH ADA header + hamburger menu sendiri (sticky di atas), jadi JANGAN buat navbar/header baru. Terus mula dengan Hero section. - Homepage template ini sudah dikonfigurasi FULLPAGE/full-bleed (tiada max-width/padding dari wrapper), jadi semua section boleh guna width:100%. - Footer asal tema SUDAH disorok di homepage — landing page WAJIB ada footer sendiri. - Pastikan landing page ada padding-top yang cukup (60-80px) supaya hero content tak tersorok di belakang header sticky. --- ### 3. SUSUNAN SECTION (Conversion Flow) Setiap section WAJIB ada peranan spesifik dalam conversion funnel. Jangan buat section yang tak bantu conversion. **a) Hero (Tangkap Perhatian + CTA Pertama)** - Headline spesifik yang tunjuk value proposition unik bisnes ini - Subheadline yang jelaskan apa yang visitor dapat (bukan apa bisnes buat) - 1 CTA button utama (WhatsApp/Call/Tempah) - 1-2 trust signal ringkas (rating, tahun beroperasi, jumlah pelanggan) - JANGAN guna headline generic macam "Selamat Datang ke [Nama]" **b) Trust Strip (Quick Trust Signal)** - 4-5 fakta ringkas yang build credibility: rating, tahun, jumlah pelanggan, lokasi strategik, dll - Satu baris — ikon + angka/fakta - Guna data sebenar dari research jika ada **c) Kenapa Pilih Kami (Differentiation)** - 3-4 kelebihan UNIK yang spesifik untuk bisnes ini — bukan generic "servis terbaik" - Fokus pada apa yang membezakan dari competitor - Layout bervariasi (bukan semua grid simetri) **d) Servis/Pakej (Apa Yang Mereka Dapat)** - Tunjukkan apa yang pelanggan dapat, bukan apa bisnes buat - Guna nama pakej/servis sebenar dari website jika ada - Sertakan harga jika ada (ini bantu conversion untuk bisnes lokal) - 1 CTA kecil selepas senarai **e) Galeri (Visual Proof — Jika Ada)** - Grid gambar sebenar dari website/sosial media bisnes jika jumpa - Kalau tak jumpa, guna placeholder dengan background-color yang match palette — BERITAHU saya di mana nak tukar - Jangan letak galeri kalau bisnes memang tak ada visual (contoh: servis konsultasi online) **f) Testimoni (Social Proof — Overcome Objection)** - 3 testimoni sebenar dari Google Reviews/Facebook jika jumpa - Kalau tak jumpa, tulis contoh realistik dan BERITAHU saya yang ini perlu diganti dengan testimoni sebenar - Sertakan nama + rating (contoh: ⭐5.0) - Testimoni mesti tackle objection utama yang ada pada bisnes ini **g) Lokasi & Waktu Operasi (Trust + Convenience)** - Embed Google Maps iframe: src="https://www.google.com/maps?q=NAMA+BISNES&z=15&output=embed" - Waktu operasi sebenar (jika jumpa) - Maklumat parking/landmark jika ada (contoh: "Sebelah Mydin", "Parking percuma") **h) CTA Final (Close The Deal)** - Ulang offer/value proposition dalam 1 ayat - CTA button besar (WhatsApp/Call/Tempah) - Tambah urgency jika relevan (contoh: "Hujung minggu penuh — tempah awal") - Format ringkas, tidak terlalu panjang **i) Footer** - Nama bisnes + lokasi ringkas - Waktu operasi (jika belum ada di section Lokasi) - Nombor telefon/WhatsApp - Link sosial media (jika ada) --- ### 4. COPYWRITING RULES (ELAK GENERIC AI) **Button CTA guna kata kerja spesifik** mengikut bisnes: - Restoran/Kedai Makan: "Tempah Meja" / "Order Sekarang" - Klinik/Spa: "Tempah Janji Temu" - Homestay/Hotel: "Semak Ketersediaan" - Servis: "Dapatkan Sebut Harga" / "Booking Sekarang" - Elak generic "Hubungi Kami" untuk primary CTA **Headline spesifik**, bukan generic: - ❌ "Pengalaman Terbaik Untuk Anda" - ✅ "Nasi Kandar Legend Sejak 1987 — Resipi Turun-Temurun" - ✅ "Whitening Gigi Dalam 45 Minit — Nampak Beza Selepas Sesi Pertama" **Guna fakta sebenar** dari research: angka, rating, tahun, nama tempat, jarak. **Bahasa Malaysia santai-profesional** (melainkan bisnes English-first). **Nombor WhatsApp & telefon** — guna placeholder jelas (+60123456789) dan BERITAHU saya di mana nak tukar. --- ### 5. DESIGN RULES (PREMIUM & SPECIFIC) **Pemilihan Warna:** - Pilih warna berdasarkan dunia bisnes ini — bukan template generik - Priority: 1. Warna logo sedia ada (jika accessible) 2. Warna dominan produk/premis fizikal 3. Mood industri + twist unik (contoh: spa = sage green + copper, bukan lavender klise) - JANGAN guna palet warna klise AI: - ❌ Cream/#F4F1EA + serif + oren terracotta #D97757 - ❌ Hitam/near-black + satu accent hijau/oren neon - ❌ Broadsheet hairline-rule tanpa border-radius **Layout:** - Mobile-first responsive (breakpoint di bawah 860px & 560px) - Font: guna font-stack sistem (tak perlu import Google Fonts) - Variasikan rhythm — bukan semua section grid kad simetri sama besar - Boleh guna asymmetric layout (60/40 split, elemen besar + kecil) - Elak numbering hiasan (01/02/03) melainkan ia proses sebenar **Ikon/Emoji:** - JANGAN guna emoji generik (🏊‍♂️📶🎬) untuk semua kad - Setiap ikon mesti relevan dengan servis spesifik - Variasikan cara papar ikon (saiz, posisi, style) supaya tak nampak sama **Signature Element:** Cipta SATU bahagian visual/interaksi unik yang terus dikaitkan dengan bisnes ini sahaja. Contoh yang baik: - Kedai kopi: timeline roasting process dengan hover effect pada biji kopi - Homestay: kad bilik dengan slider mini yang tunjuk view dari tingkap - Klinik gigi: before/after comparison slider - Restoran: menu highlight dengan hover effect tunjuk gambar dish - Barber: harga board digital dengan hover effect tunjuk style rambut Fokus kreativiti di SATU tempat ini. Bahagian lain kekal kemas & senyap supaya signature element menonjol. **Self-Check Sebelum Finalize:** - Kalau design ni boleh dipakai untuk bisnes lain (tukar nama & warna sahaja) tanpa nampak pelik — ia terlalu generic - Design mesti terikat dengan konteks bisnes [URL_BISNES] secara spesifik --- ### 6. JIKA URL TAK BOLEH ACCESS / MAKLUMAT TAK CUKUP - JANGAN reka maklumat - BERITAHU saya apa yang tak cukup dan minta saya provide - Generate structure dengan placeholder yang jelas marked --- ### 7. SELEPAS SIAP, BERIKAN: **Arahan ringkas** macam mana nak paste code ke gadget "Landing Page Design" di Layout Blogger. **Checklist post-paste:** - [ ] Check mobile view (responsive) - [ ] Click semua button (WhatsApp/Call/CTA) - [ ] Verify Maps embed tunjuk lokasi betul - [ ] Tukar nombor telefon/WhatsApp placeholder - [ ] Ganti gambar placeholder dengan gambar sebenar (jika ada) - [ ] Test loading speed (page tak terlalu berat)