I can help you create an app similar to AllTrails, which is a popular platform for hiking and outdoor activities. Let's create a simplified version that showcases some key features. We'll focus on displaying a list of trails and a detailed view for each trail.

Let's start by creating the main components for our AllTrails-like app. We'll begin with the home page that displays a list of trails, and then create a detailed view for each trail.

This code creates a simple AllTrails-like app with the following features:

1. A home page displaying a list of trails with basic information.
2. A search input (non-functional in this example, but you can implement the search functionality later).
3. Individual trail pages with detailed information, including a map showing the trail location.
4. A consistent layout with a navigation bar.

To run this app, you'll need to install the necessary dependencies. Here are the steps to set up and run the project:

1. Create a new Next.js project:

2. Install additional dependencies:

3. Replace the contents of the files as shown above.
4. Run the development server:

Now you should be able to see your AllTrails-like app running on http://localhost:3000. The app includes a list of trails on the home page and individual trail pages with more detailed information and a map.

To further enhance this app, you could:

1. Implement the search functionality
2. Add user authentication for saving favorite trails
3. Integrate with a backend API to fetch real trail data
4. Add user reviews and ratings for trails
5. Implement filters for trail difficulty, length, and location

Let me know if you want to expand on any of these features or if you have any questions about the implementation!