travel-discovery-trailnest

byDev Kalyani

Build TrailNest, a responsive travel discovery website with five pages: 1. Home — A navigation header with the TrailNest logo, links to all five pages, and a “Plan a Trip” button. Include a hero, featured destinations, and a footer with newsletter signup and useful links. 2. Explore — Use a distinct compact header variant with a destination search field. Introduce reusable destination cards and a filter bar with region, budget, and trip-type filters. Show eight destinations. 3. About — Reuse the original Home header and the same footer. Include our story, team, and travel values. 4. Weekend Trips — Reuse the original Home header, footer, destination cards, and filter bar from Explore. Show short trips with different destination data. 5. Saved Trips — Reuse the original Home header, footer, destination cards, and filter bar. Display saved destinations and an empty state when none are saved. Use a warm cream background, forest-green accents, rounded cards, and consistent typography. Support desktop, tablet, and mobile layouts. Implement shared components once and reuse them across pages. Keep Explore’s compact header separate from the original header so it does not change other pages. Cards and filters should accept page-specific data while keeping their shared appearance and behavior. Use sample data without external APIs. Navigation, filters, and save/unsave interactions should work, with saved trips persisted locally.