✦ DEMO GIAO DIỆN MỚI
MO MO PARADISE VIỆT NAM — 2 PHƯƠNG ÁN GIAO DIỆN

Lựa Chọn Phong Cách Trải Nghiệm Mới

Cả 2 phương án cùng chia sẻ chung 100% dữ liệu giá, món ăn và ngôn ngữ từ shared/data.js, xây dựng hoàn toàn bằng HTML + CSS + JS thuần, tối ưu hóa Mobile-first và sẵn sàng triển khai trên VPS.

Phương án A - Sumi Preview
Phương Án A
Concept: "Sumi" (墨)

Sang Trọng Tối Màu

Không gian Wagyu cao cấp, ánh đèn ấm cúng trong tông nền than huyền bí và viền vàng đồng sang trọng.

  • ◆
    Bảng màu: Nền đen than (#0F0D0B), kem (#F3EBDD), viền vàng đồng (#C9A15B), nút đỏ (#C8102E).
  • ◆
    Typography: Cormorant Garamond & Shippori Mincho (Serif cao cấp phong cách Omakase).
  • ◆
    Điểm nhấn: Chữ Nhật dọc mờ chìm làm nền, đường nét vàng mảnh, zoom chậm tinh tế.
  • ◆
    Phù hợp: Khách dùng bò Wagyu A4/A5, cặp đôi, tiệc sang trọng, đối tác kinh doanh.
Khám Phá Phương Án A → Xem Thực Đơn A
Phương án B - Washi Preview
Phương Án B
Concept: "Washi" (和紙)

Ấm Áp Sáng Màu

Tươi vui, ấm cúng và gần gũi với phong cách cuốn menu giấy truyền thống của Mo Mo Paradise.

  • ●
    Bảng màu: Nền giấy Washi (#F7F1E6), đỏ thương hiệu (#C8102E), chữ nâu đậm (#2B2321).
  • ●
    Typography: Montserrat in hoa đậm nét giống bìa menu thật + Noto Serif JP.
  • ●
    Điểm nhấn: Dải cọ đỏ thư pháp cho tiêu đề (như dải đỏ menu), đĩa món tròn nổi bật.
  • ●
    Phù hợp: Bữa ăn gia đình, nhóm bạn trẻ, họp mặt vui vẻ, khách yêu thích menu gốc.
Khám Phá Phương Án B → Xem Thực Đơn B
Web Admin Demo
Hệ Thống Quản Trị CMS

Quản Trị Nhà Hàng

Trải nghiệm giao diện quản trị phong cách WordPress: đổi giá, bật tạm hết món, duyệt đơn đặt bàn, sửa tin tức theo thời gian thực.

  • ⚙
    Đổi menu & giá: Sửa giá, bật/tắt tạm hết món — web khách A/B đổi theo ngay.
  • ⚙
    Quản lý đặt bàn: Chuông ting khi có đơn, đổi trạng thái, lọc ngày, xuất CSV Excel.
  • ⚙
    Bài viết & Ưu đãi: Trình soạn thảo WP, hẹn giờ đăng bài, lưu nháp tự động.
  • ⚙
    Phân quyền 3 cấp: Chủ nhà hàng, Quản lý, Nhân viên thu ngân.
Vào Trang Quản Trị Demo ➜
Cam Kết Kỹ Thuật Đạt Chuẩn (PROMPT_GEMINI_2_PHUONG_AN.md)

100% Web Tĩnh Thuần

HTML5, CSS3, Vanilla JS thuần. Không npm build, không framework nặng. Upload thẳng lên VPS là chạy ngay lập tức.

Mobile-First Chuẩn Mực

Không cuộn ngang từ 375px đến 1440px. Nút bấm ≥ 44px, chữ ≥ 15px. Thanh điều hướng nổi dưới cùng tiện dụng trên điện thoại.

Dữ Liệu Dùng Chung

Tất cả giá tiền, thực đơn, liên hệ đều lưu trong shared/data.js. Hai phương án hoàn toàn đồng bộ, không gõ cứng giá trong HTML.

Song Ngữ VI / EN

Chuyển đổi ngôn ngữ Tiếng Việt ↔ English tức thì, lưu trạng thái bằng localStorage (bọc try/catch an toàn).