Pusat Mockup UI/UX

Gaya clean white ala Google (Material: roboto-like, pill button, biru #1a73e8, chip, elevation halus). Semua tombol & baris bisa diklik (toast/sheet/modal). Ubah lebar browser untuk melihat responsif: mobile = bottom-nav, tablet = rail ikon, desktop = sidebar penuh.

💡 Alur demo disarankan: Landing → Daftar → Dashboard Hotel → Booking → (tab) Kamar/Affiliate → Situs Hotel Publik → Mitra → Office

🌐 Publik

🏠
Landing PageHero 4-mesin, affiliate, harga, FAQ
🏝
Situs Hotel (tamu)search → kamar → sheet booking → e-voucher

🔑 Autentikasi

🔑
Loginsplit panel desktop, Google SSO
📝
Daftar 3 langkahpilih peran hotel/mitra, wizard

🏨 Member Area — Hotel

📊
DashboardKPI, antrian konfirmasi, tugas
📥
Bookingtab status, aksi konfirmasi
🛏️
Kamar & Hargakartu kamar, kalender harga, okupansi
🤝
Affiliateperingkat mitra, tier, kampanye, payout
👤
Tamu (CRM)database tamu + export

🤝 Member Area — Mitra Affiliate

🏠
Beranda Mitrakinerja, progress tier, caption
🔗
Link Sayagenerator + statistik per link
💰
Komisiledger pending→confirmed→paid
🏨
Cari Hotelmarketplace (fitur P2)
👤
Profil & Rekeningpayout, NPWP

🛡️ Admin Area — Back Office

📈
Ringkasan PlatformKPI pilot, needs-action
🏨
Hotelonboarding SLA, suspend, impersonate
🤝
Mitra & Fraudmoderasi + fraud flags
💰
Rekonsiliasipayout ledger, sengketa, MRR
🛠️
Sistemaudit log, cron, config guardrail

HotelOS Mockup Suite v1 · clean white Google-like · 17 halaman · Chartiva AI Engineering