Website e-commerce untuk kopi premium Indonesia
Kopi Kuy adalah platform digital yang menghadirkan cita rasa kopi nusantara terbaik langsung ke rumah Anda. Kami menyediakan berbagai jenis kopi berkualitas tinggi dari berbagai daerah di Indonesia dengan pengalaman berbelanja yang mudah dan menyenangkan.
Website ini dibangun sebagai solusi modern untuk pecinta kopi yang ingin menikmati kopi berkualitas premium dari berbagai daerah Indonesia. Dengan desain yang responsif dan user-friendly, Kopi Kuy memberikan pengalaman berbelanja online yang optimal.
- Katalog Produk Lengkap - Menampilkan 12+ varian kopi premium Indonesia
- Sistem Harga Fleksibel - Pilihan ukuran kemasan 100g, 500g, dan 1kg
- Responsive Design - Tampilan optimal di semua perangkat
- Animasi Interaktif - Pengalaman visual yang menarik dengan animate.css
- Navigasi Intuitif - Routing yang smooth dengan React Router
- Komponen Modular - Struktur kode yang terorganisir dan mudah dikembangkan
Halaman Utama:
- Home - Landing page dengan hero section, produk unggulan, dan informasi perusahaan
- Catalogue - Daftar lengkap produk kopi dengan filter dan pencarian
Komponen Utama:
- Header - Hero section dengan animasi typing effect
- Selection - Showcase produk best seller
- About Us - Informasi tentang Kopi Kuy dan visi misi
- Our Team - Profil tim dan founder
- Review - Testimoni pelanggan
- Contact Us - Informasi kontak dan lokasi
Kami menyediakan berbagai jenis kopi premium dari seluruh Indonesia:
- Kopi Robusta - Kopi dengan karakter kuat dan pahit
- Kopi Arabica - Kopi dengan aroma harum dan rasa mild
- Kopi Gayo - Kopi khas Aceh dengan cita rasa unik
- Kopi Toraja - Kopi premium dari Sulawesi Selatan
- Kopi Luwak - Kopi eksklusif dengan proses fermentasi alami
- Kopi Bali Kintamani - Kopi dengan karakter fruity dari Bali
- Kopi Flores Bajawa - Kopi dengan aroma floral dari NTT
- Kopi Sumatra Mandheling - Kopi full body dari Sumatera
- Dan masih banyak lagi...
- Frontend Framework: React 18 dengan TypeScript
- Build Tool: Vite untuk development yang cepat
- Styling: Tailwind CSS + DaisyUI untuk komponen UI
- Routing: React Router DOM untuk navigasi SPA
- Animasi: Animate.css + React Animate On Scroll
- Icons: FontAwesome untuk ikon yang konsisten
- Notifications: React Toastify untuk feedback user
- Typography: Typed.js untuk efek typing animation
Website ini dioptimalkan untuk:
- Desktop dan laptop (1024px+)
- Tablet (768px - 1023px)
- Mobile (320px - 767px)
Dengan performa yang cepat dan SEO-friendly untuk pengalaman pengguna terbaik.