KoffieHouse - Cita Rasa Nusantara dalam Balutan Elegan

KoffieHouse adalah sistem landing page frontend premium yang dirancang khusus untuk bisnis kedai kopi (coffee shop), kafe artisan, maupun roastery yang ingin memancarkan identitas high-end di dunia digital.

🌿 Filosofi & Visi

Project ini diciptakan dengan filosofi bahwa secangkir kopi adalah sebuah cerita budaya. Visi dari KoffieHouse adalah memberikan pengalaman digital kepada calon pelanggan yang sama hangat dan istimewanya dengan meminum kopi langsung di kafe Anda. Kami menggabungkan estetika warna earth-tone premium dengan tata letak minimalis-modern untuk menciptakan representasi bisnis yang memukau.

✨ Kelebihan Utama (Unique Advantages)

1. Premium Aesthetic & Dark/Light Mode Adaptif: Desain modern dengan transisi super halus. Mode gelap/terang merubah kontras keseluruhan (bukan sekadar mengganti warna teks), menjadikannya terlihat mahal.
2. Dual Language Built-in (i18n): Dilengkapi sistem bilingual (Indonesia & English) bawaan (native) menggunakan Alpine.js tanpa perlu reload halaman, memperluas jangkauan ekspatriat.
3. Animasi "WOW" Factor: Penggunaan parallax, gradasi cahaya dinamis (ambient blobs), dan animasi reveal-on-scroll canggih membuat representasi bisnis Anda hidup dan interaktif.
4. Sistem Menu Spesifik: Tampilan katalog dinamis dengan dukungan penyaringan (filter) kategori yang disajikan eksklusif per card.

⚙️ Penjelasan Konfigurasi / Panel Admin (Developer & Owner)

Karena project ini berfokus pada kecepatan Landing Page, manajemen datanya didesain via konfigurasi statis cerdas yang mudah dikelola:

• Konfigurasi Terpusat (main.js): Pusat Database UI. Anda dapat mengganti harga, nama produk, penerjemahan teks, dan penambahan item sangat mudah.
• Optimasi Aset Frontend: Sistem bundle kilat menggunakan vite, menjamin pengelola cukup mengubah file image original dan sistem akan menyesuaikannya secara otomatis.

👤 Penjelasan Menu User/Jamaah/Pelanggan

• Beranda (Hero Section): Sambutan megah dengan status rating pelanggan, keunggulan beans, dan C-T-A utama.
• Cerita Kami (Story/About): Menampilkan cerita belakang layar bisnis berbalut premium glass-card layout elegan.
• Menu Ikonik: Antarmuka daftar produk interaktif. Pengguna memfilter daftar varian rasa & menu.
• Reservasi Area: Platform pemesanan bangku atau jadwal dengan UI terstruktur bersih.
• Area Informasi & Legal: Peringatan T.O.S (Syarat & Ketentuan) via sistem modul anti reload halaman penuh.

🚀 Cara Penggunaan Fitur Utama

1. Install modul dan pratinjau halaman melalui CMD: npm install berlanjut ke npm run dev.
2. Update produk jualan, bahasa lokal, hingga konten langsung ke main.js.
3. Fitur pendelegasian pesan sudah disambut dan diarahkan langsung ke Whatsapp API Anda saat pelanggan memastikan tombol konfirmasi menu & booking form.