Tour Listing - Copy this React, Tailwind Component to your project

Create a landing page to get all tour list with api like below:{ "startLocation": { "type": "Point", "coordinates": [] }, "_id": "6720e30b2ea97b48e980be10", "name": "test new tour", "duration": 5, "maxGroupSize": 25, "difficulty": "easy", "ratingsQuantity": 37, "ratingsAverage": 4.7, "price": 397, "summary": "Breathtaking hike through the Canadian Banff National Park", "description": "test", "imageCover": "tour 2 cover.jpg", "images": [], "createdAt": "2024 10 29T13:27:14.169Z", "startDates": [], "secretTour": false, "guides": [ { "_id": "671b4b38e7db750a1455ee16", "name": "admin", "email": "admin@gmail.com", "id": "671b4b38e7db750a1455ee16" }, { "_id": "671c8942d221054bcc94c277", "name": "Leader", "email": "user01@gmail.com", "photo": "new photo", "id": "671c8942d221054bcc94c277" } ], "location": [], "slug": "test new tour", "durationWeeks": "0.7", "id": "6720e30b2ea97b48e980be10" }