Kopi Sebelah Utara — Specialty Coffee & Roastery Web Platform

Landing page interaktif bergaya editorial aesthetic eksklusif untuk bisnis specialty coffee & roastery. Memadukan storytelling visual memukau dan performa tinggi guna menghadirkan pengalaman digital yang imersif. Dibangun dengan pendekatan mobile-first, animasi transisi mulus, dan struktur SEO-ready untuk memaksimalkan interaksi serta konversi pelanggan.

Fitur Utama

1. BGM & Audio: Pemutar musik latar dengan kontrol interaktif dan visualizer untuk membangun suasana.
2. Layout Editorial: Tata letak premium berbasis tipografi khusus (Fraunces & Caveat).
3. Filter Menu Dinamis: Sortir kategori menu instan dan cepat tanpa reload halaman.
4. Carousel Produk: Slider menu unggulan interaktif lengkap dengan harga dan tasting notes.
5. Galeri Lightbox: Eksplorasi galeri foto responsif dengan filter kategori dan mode full-screen.
6. Reservasi WhatsApp: Formulir booking meja instan dengan validasi dan auto-format pesan.
7. Status Toko & Maps: Indikator operasional real-time yang terintegrasi langsung dengan Google Maps.
8. Animasi & UX: Transisi mulus, indikator scroll SVG, dan efek noise kertas artistik.

Engineering Highlights

1. Performa Maksimal: Zero runtime overhead untuk kecepatan muat kilat (Vite + Vanilla JS).
2. Desain Modern: Tata letak asimetris, palet warna hangat, dan 100% responsif di semua perangkat.
3. SEO Lokal: Terintegrasi rich schema markup (LocalBusiness) untuk dominasi pencarian lokal.