Wanderly Travel

A premium travel landing page featuring 15 distinct sections with immersive hero experience, destination showcases, tour packages, deal carousels, testimonials, and travel planning tools — all animated with Framer Motion and styled with a custom Tailwind v4 design system.
Context
Wanderly Travel is a premium travel brand curating unique destination experiences for discerning travelers. They needed a website that could inspire wanderlust through immersive visuals and storytelling, while providing practical travel planning tools to convert inspiration into bookings.
Problem
The travel industry is highly visual and competitive — Wanderly's previous site failed to capture the imagination of potential travelers. Load times were slow, imagery was poorly presented, and the booking flow was cumbersome. The site needed a complete overhaul to compete with leading travel brands.
Solution & Features
- Immersive full-screen hero with rotating destination video backgrounds
- Destination showcase pages with gallery, highlights, and curated itineraries
- Tour package cards with pricing, duration, inclusions, and availability
- Deal carousel for limited-time offers with countdown timers
- Testimonials and traveler stories section with photo and rating integration
- Travel planning tools including interactive itinerary builder and packing checklist
- Destination filter and search for easy trip discovery
- Responsive booking inquiry form with destination selection and date range picker
Tech Stack
Results
Fully responsive static site deployed on Vercel with zero-config, achieving fast load times through Next.js static generation and optimized asset delivery.
Project Walkthrough

