Travel Tour Landing - Copy this Angular, Tailwind Component to your project
Create a landing page with the theme of a travel tour. The page should include a header, multiple sections, and a footer. One of the sections must have a filter feature that allows users to filter tours by difficulty, price, duration, etc. Make sure the website is responsive. Here is a sample API for reference:[ { "startLocation": { "type": "Point" }, "_id": "673049b212fa0b85bb989151", "name": "New tour without review", "duration": 5, "maxGroupSize": 25, "difficulty": "easy", "ratingsQuantity": 14, "ratingsAverage": 3.5, "price": 3000, "summary": "Breathtaking hike through the Canadian Banff National Park", "description": "test", "imageCover": "tour 673049b212fa0b85bb989151 1732170010824 179040072 cover.jpeg", "images": [], "createdAt": "2024 11 10T05:47:35.271Z", "startDates": [], "secretTour": false, "guides": [ { "_id": "671b4b38e7db750a1455ee16", "name": "Admin", "email": "admin@gmail.com", "id": "671b4b38e7db750a1455ee16" } ], "location": [], "slug": "new tour without review", "durationWeeks": "0.7", "id": "673049b212fa0b85bb989151" } ]
