Double-tap untuk zoom
Deskripsi
- Jumlah Section: 8 (Hero, Menu, About, Gallery, Pricing, Testimonials, Reserve, Contact)
- Tech Stack: HTML5, Tailwind CSS (Play CDN), Vanilla JavaScript
- Library: Swiper 11 (testimonial slider), AOS 2.3.1 (scroll animation), Google Fonts
- Typography: Playfair Display (serif, heading) + Outfit (sans-serif, body)
- Color Palette: Espresso (#1B1210) sebagai dark background, Gold Caramel (#C89B5F) sebagai accent, Cream (#F5F0E9) untuk teks terang
- Fitur Interaktif:
* Glassmorphism navbar dengan scroll effect
* Scrollspy active link
* Mobile hamburger menu
* Menu tabs (Espresso / Brew / Pastry) dengan filter animasi
* Gallery lightbox dengan prev/next dan keyboard navigation
* Testimonial slider (Swiper) dengan autoplay dan responsive slidesPerView
* Animated counters (About section)
* Pricing cards (bean subscriptions: Single/Double/Batch)
* Form validation (contact form)
* Back-to-top button
* Smooth scroll untuk anchor links
- Responsive: Mobile-first, tested on 375px / 768px / 1440px
- Aksesibilitas: Focus-visible, aria labels, prefers-reduced-motion support
- SEO: Semantic HTML5, meta description, Open Graph tags
- Gambar: Semua gambar tersimpan lokal di assets/img/ (tidak bergantung pada CDN eksternal)
- File Structure: index.html, assets/css/style.css, assets/js/main.js, assets/img/ (gambar lokal), README.md, docs/
- Tech Stack: HTML5, Tailwind CSS (Play CDN), Vanilla JavaScript
- Library: Swiper 11 (testimonial slider), AOS 2.3.1 (scroll animation), Google Fonts
- Typography: Playfair Display (serif, heading) + Outfit (sans-serif, body)
- Color Palette: Espresso (#1B1210) sebagai dark background, Gold Caramel (#C89B5F) sebagai accent, Cream (#F5F0E9) untuk teks terang
- Fitur Interaktif:
* Glassmorphism navbar dengan scroll effect
* Scrollspy active link
* Mobile hamburger menu
* Menu tabs (Espresso / Brew / Pastry) dengan filter animasi
* Gallery lightbox dengan prev/next dan keyboard navigation
* Testimonial slider (Swiper) dengan autoplay dan responsive slidesPerView
* Animated counters (About section)
* Pricing cards (bean subscriptions: Single/Double/Batch)
* Form validation (contact form)
* Back-to-top button
* Smooth scroll untuk anchor links
- Responsive: Mobile-first, tested on 375px / 768px / 1440px
- Aksesibilitas: Focus-visible, aria labels, prefers-reduced-motion support
- SEO: Semantic HTML5, meta description, Open Graph tags
- Gambar: Semua gambar tersimpan lokal di assets/img/ (tidak bergantung pada CDN eksternal)
- File Structure: index.html, assets/css/style.css, assets/js/main.js, assets/img/ (gambar lokal), README.md, docs/
Ada pertanyaan tentang produk ini?
Hubungi admin untuk konsultasi atau diskusi lebih lanjut.
Penilaian
Belum ada penilaian
Landing Page Fired Coffee
Website
Produk
Baru
Landing page premium untuk coffee shop dan artisan roastery. Desain warm dengan palet espresso gelap dan gold caramel yang menghadirkan kesan artisan, cozy, dan premium. Dilengkapi menu interaktif dengan tab kategori, gallery lightbox, dan subscription pricing. Cocok untuk coffee shop, roastery, atau cafe specialty.
Harga
Rp 399.000
Produk ini 100% bergaransi
Garansi Fix Broken Style