bakso-baskom-karangmojo

bySemin Semin

Buatkan website satu halaman (landing page) responsif untuk warung "Bakso Baskom Karangmojo", dalam Bahasa Indonesia. Output: satu file HTML lengkap dengan CSS dan JavaScript di dalamnya, mobile-first. DATA USAHA - Nama: Bakso Baskom Karangmojo - Jenis: Restoran bakso & mie ayam - Alamat: Ngawis II, Ngawis, Karangmojo, Kabupaten Gunungkidul, DI Yogyakarta 55891 - Plus Code: 2MX8+94 Ngawis - Jam buka: setiap hari, tutup pukul 20.30 (jam buka pagi: [ISI]) - Telepon/WhatsApp: 0813-2542-7299 - Layanan: makan di tempat, bawa pulang (takeaway) - Kisaran harga: Rp 1–25.000 per orang - Rating Google Maps: 4,4 dari 89 ulasan - Keunggulan dari pengunjung: ruang makan luas dan nyaman TESTIMONI - Sediakan 3 kartu testimoni dengan teks placeholder "[ISI ulasan asli dari Google Maps]" dan "[ISI nama reviewer]". Jangan mengarang ulasan. - Tampilkan badge besar rating 4,4 ★ dari 89 ulasan Google Maps. STRUKTUR HALAMAN 1. Hero: nama warung, tagline singkat (mis. "Bakso porsi baskom, ruang makan luas di Karangmojo"), tombol "Pesan via WhatsApp" dan "Lihat Lokasi". 2. Keunggulan: 3 kartu (Ruang makan luas & nyaman, Makan di tempat, Bawa pulang) dengan ikon. 3. Menu: kartu untuk Bakso dan Mie Ayam. Harga pakai placeholder "Rp [ISI]". Jangan mengarang menu lain. 4. Testimoni: tiga kartu placeholder plus badge rating. 5. Lokasi & jam buka: alamat, jam buka, tombol "Buka di Google Maps" (link pencarian Google Maps dengan alamat), serta tombol telepon. 6. Footer: nama, alamat, nomor telepon, tombol WhatsApp melayang di pojok kanan bawah. FUNGSI - Tombol WhatsApp memakai link wa.me/6281325427299 dengan pesan awal "Halo Bakso Baskom, saya mau pesan bakso/mie ayam". - Navigasi menempel di atas dengan scroll halus. - Indikator "Buka/Tutup" otomatis berdasarkan jam lokal (zona WIB, tutup 20.30). DESAIN - Nuansa hangat dan kuliner lokal: merah bata/oranye, krem, aksen kuning; kesan ramah, lapang, dan sederhana. - Font Google: judul tebal (mis. Poppins atau Fredoka), isi mudah dibaca. - Sudut membulat, bayangan lembut, kontras teks baik, tombol besar yang nyaman disentuh di HP. - Tanpa gambar eksternal: pakai gradient, emoji, atau ilustrasi SVG sederhana (mis. mangkuk/baskom bakso); sediakan area placeholder foto untuk diganti nanti. - Tambahkan meta tag SEO (title, description) untuk "bakso baskom Karangmojo Gunungkidul". Beri komentar di kode pada bagian yang perlu saya ganti (harga, jam buka pagi, ulasan, foto).

No preview

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open page from search
Landing: Read name, tagline, status
Landing: Use nav Menu toggle
Landing: Read three keunggulan cards
Landing: Read Bakso and Mie Ayam menu
Landing: Read testimoni and rating badge
Landing: Check alamat, jam, status
Landing: Tap Pesan via WhatsApp
Landing: Send prefilled order message
Landing: Tap floating WhatsApp button
Landing: Open wa.me in browser
Landing: Tap telepon button
Landing: Place call to warung
Landing: Return to WhatsApp order
Landing: Tap Lihat Lokasi in hero
Landing: Tap Buka di Google Maps
Landing: Use alamat and Plus Code
Landing: Read footer contact
Landing: Decide not to visit

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open page from search
Landing: Read name, tagline, status
Landing: Use nav Menu toggle
Landing: Read three keunggulan cards
Landing: Read Bakso and Mie Ayam menu
Landing: Read testimoni and rating badge
Landing: Check alamat, jam, status
Landing: Tap Pesan via WhatsApp
Landing: Send prefilled order message
Landing: Tap floating WhatsApp button
Landing: Open wa.me in browser
Landing: Tap telepon button
Landing: Place call to warung
Landing: Return to WhatsApp order
Landing: Tap Lihat Lokasi in hero
Landing: Tap Buka di Google Maps
Landing: Use alamat and Plus Code
Landing: Read footer contact
Landing: Decide not to visit