1 / 4
Deskripsi
Tentang Bira
Bira adalah template landing page premium dengan estetika coastal modern yang dirancang khusus untuk bisnis surf school dan water sports. Dengan kombinasi warna vibrasi pantai dan animasi smooth, template ini memberikan kesan energik, profesional, dan menyegarkan.
Fitur Utama
- Hero Section Full-screen dengan decorative blob animations dan CTA ganda
- Scroll Progress Bar fixed di top untuk visual scroll tracking
- Navbar Glass Morphism dengan efek backdrop-blur dan mobile hamburger menu
- Stats Section dengan animated counters (5000+ surfers, 8 years, 15 instructors, 98% success)
- About Section dengan 3 feature cards (Certified Instructors, Premium Equipment, Personalized Experience)
- Lessons Pricing Grid dengan 3 tiers (Beginner, Intermediate, Advanced)
- Gallery Section dengan 8-image responsive grid dan zoom hover effects
- Testimonials Section dengan 5-star ratings dan profile photos
- Booking Form lengkap dengan field reservation (name, email, phone, package, date, message)
- Contact Section dengan 3 metode kontak (Call, Email, Visit)
- Custom Animations (fade-in, slide-up, slide-in-left/right, scale-up, floating blobs)
- Noise Texture Overlay untuk kedalaman visual organic
Spesifikasi Desain
| Aspek | Detail |
|---|---|
| Style | Modern Coastal Beach |
| Font Heading | Syne (bold, impactful sans-serif) |
| Font Body | Outfit (clean, readable sans-serif) |
| Primary Color | Coral (#E76F51) |
| Secondary Color | Ocean Blue (#264653) |
| Accent Color | Turquoise (#2A9D8F) |
| Background | Cream (#FAF8F5) |
Tech Stack
- HTML5 + Vanilla JavaScript
- React 19
- Vue 3 (Composition API)
- Tailwind CSS v3
- Vite (React & Vue)
- Responsive Design (Mobile-first)
Cocok Untuk
- Surf School
- Water Sports Center
- Beach Resort
- Diving Academy
- Paddle Board Rental
- Kayak & Canoe Tours
- Beach Tourism
- Outdoor Adventure Business
Fitur
- Full-screen hero with blob animations
- Glass morphism navbar
- Animated stats counters
- About feature cards
- Pricing tiers grid
- Responsive gallery grid
- Customer testimonials
- Complete booking form
- Multi-method contact section
- Fully responsive
- Scroll-triggered animations
- Noise texture overlay
Tech Stack
ReactHTMLCSSTailwind CSSVue.js
Bira - Modern Surf School Landing Page (HTML, React, Vue, Tailwind)
Template landing page premium untuk surf school & water sports dengan desain coastal modern, animasi scroll interaktif, dan responsive design dengan Tailwind.
Landing Pagesv1.0.0
Rp 168.000-65%
Rp 59.000Lisensi:personal
Rp 168.000Rp 59.000