A premium web experience built for RhynoEV, focusing on high-performance UI/UX, product storytelling, and a seamless pre-booking flow.
🔗 View Live Demo | View GitHub
- 💎 Premium UI/UX: Dark-themed, minimal aesthetic inspired by modern automotive brands.
- 📈 Dynamic Comparison Engine: A custom-built interface to compare specs across the SE03 Lite, SE03, and SE03 Max models.
- 🏎️ Optimized Performance: Leverages Next.js Image optimization and code-splitting for near-instant load times.
- 📱 Mobile-First Architecture: Fully fluid layouts designed for both desktop enthusiasts and mobile users.
- 💳 Conversion-Ready: Integrated pre-booking interface with a validated enquiry system.
- 🔄 USP Carousel: Smoothly animated rotating sections highlighting unique selling points.
| Layer | Technology |
|---|---|
| Framework | Next.js 14+ (App Router) |
| Styling | Tailwind CSS / Framer Motion (Animations) |
| Language | TypeScript |
| Deployment | Vercel |
| State/Logic | React Hooks & Context API |
rhyno-ev/
├── public/ # Optimized assets (WebP/SVG)
├── src/
│ ├── components/ # Atomic Design: UI components (Navbar, Footer, Buttons)
│ ├── app/ # App Router (Pages: Home, Compare, Products)
│ ├── lib/ # Utility functions & SEO configs
│ ├── hooks/ # Custom React hooks
│ └── styles/ # Global styles & Tailwind config
├── .gitignore
└── tailwind.config.js