Dairy.co adalah landing page produk untuk brand salad buah dan es teler segar yang dibuat menggunakan HTML, CSS, dan JavaScript murni tanpa framework tambahan.
Proyek ini berfokus pada pengalaman visual yang menarik dan menyegarkan, dengan palet warna pink yang hangat, animasi halus, dan layout responsif yang bersih.
Dibangun tanpa dependency eksternal, Dairy.co membuktikan bahwa UI yang indah dan interaktif bisa dicapai hanya dengan teknologi web dasar.
Features
- Hero section dengan animasi buah mengambang (floating fruits)
- Animated marquee ticker promosi produk
- Menu grid dengan 6 varian produk dan hover effects
- Animated SVG wave dividers antar section
- Section keunggulan dengan 4 poin utama
- Testimonial pelanggan dengan avatar grid
- CTA banner dengan form WhatsApp registration
- Sticky navbar dengan backdrop blur
- Floating bowl card dengan badge “Best Seller”
- CSS keyframe animations (fadeUp, floatIn, float, marquee)
- Fully responsive — mobile, tablet, dan desktop
- Desain tanpa JavaScript framework — pure CSS animations
- Google Fonts integration (Playfair Display + DM Sans)
- Custom CSS variables untuk theming konsisten
License
MIT License © 2026 FannyDevz