From search to confirmed booking in four steps.
TRIO Rent a Car is a multi-page rental website built around the booking: search, browse the fleet, configure the car, confirm. A deep purple and bright orange palette with rounded cards keeps it friendly and easy to scan.
The booking widget in the hero takes locations, dates and a promo code. The fleet page filters by category, each car can be configured with extras like GPS or a child seat while the price updates live, and the confirmation page sums everything up. Reviews, seasonal offers and a newsletter sign-up handle the marketing.
Design System
Color
Typography
Tech Stack
Key Features
Smart Booking Widget
Multi-field search with pickup/return locations, date+time pickers, and promo code input. Embedded directly in the hero for immediate engagement.
Fleet Browsing & Filters
Category-based fleet page with sticky glass-morphism search bar. Car cards show specs at a glance: seats, luggage, transmission, and A/C.
Booking Configuration
Detailed car selection with extras toggle (GPS, child seat, additional driver, insurance packages). Real-time pricing summary with daily rate breakdown.
Confirmation & Receipt
Polished confirmation page with reservation code, pickup/return details, additional services summary, and print-friendly layout.
Special Offers & Promotions
Promotional cards with gradient backgrounds, seasonal discount badges, and electric/hybrid vehicle highlights with dedicated tags.
Customer Reviews
Testimonial carousel with avatar, rating source (Google), and prev/next navigation. Social proof section integrated with the marketing flow.
