Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a comprehensive AI Travel Planner web application designed to assist users in generating tailored travel itineraries, managing trips, and exploring destinations. Users can leverage AI capabilities to receive personalized recommendations and insights for their travels. This application will feature authentication, a modern user interface, and various interactive components to enhance the user experience.

## CORE FEATURES
1. **Authentication**: Secure login options including Google and email/password authentication, with protected routes for user privacy.
2. **Landing Page**: A welcoming interface that showcases the application's features, popular destinations, testimonials, and clear calls to action.
3. **Trip Planner Page**: An input form for users to specify travel details such as destination, budget, and interests, which the AI will use to generate itineraries.
4. **AI Trip Generation**: Automated generation of comprehensive itineraries including day-wise plans, budget summaries, hotel and food recommendations, and packing checklists.
5. **Itinerary Page**: A dynamic layout displaying the generated itinerary with expandable sections, save and export options for user convenience.
6. **Mapbox Integration**: An interactive map displaying destination markers to assist users in visualizing travel routes and points of interest.

## DESIGN SPECIFICATIONS
- Visual Style: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- Color Mode: Light theme with dark text on light backgrounds
- Primary Color: #1978E5 (accent for buttons, links, highlights)
- Typography: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- Border Radius: 8px (moderately rounded) for buttons, cards, and inputs
- Layout: The application will feature a single-page layout for the landing page with sections for the hero, features, testimonials, and a footer, while the planner and itinerary pages will have their own structured layouts for user inputs and display.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: Utilize reusable components for a clean and maintainable structure
- State Management: Context API for global state management

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Vite and install required dependencies including Tailwind CSS and Firebase.
2. **Create Folder Structure**: Organize project files into the specified folder structure: `src/`, `components/`, `pages/`, `layouts/`, `hooks/`, `services/`, `firebase/`, `utils/`, `types/`, `context/`.
3. **Implement Authentication**: Set up Firebase authentication for Google and email/password login, ensuring routes are protected.
4. **Develop Landing Page**: Create a responsive landing page with sections for features, popular destinations, testimonials, and a footer.
5. **Build Trip Planner Page**: Design the trip planner inputs including destination, budget, and travel style, and integrate AI trip generation functionality.
6. **Generate AI Itineraries**: Implement the logic for generating itineraries based on user inputs, utilizing Ollama local AI.
7. **Design Itinerary Page**: Create a user-friendly itinerary page with a timeline layout, cards UI, and options to save and export itineraries.
8. **Implement Saved Trips Page**: Allow users to view, rename, and delete saved trips using Firestore for data storage.
9. **Integrate Mapbox**: Add a map section to visualize travel destinations and routes.
10. **Finalize User Interface**: Ensure dark/light mode functionality, loading skeletons, and toast notifications for a complete user experience.
11. **Optimize Performance**: Conduct thorough testing to ensure fast loading times, optimized rendering, and minimal re-renders.

## USER EXPERIENCE
Users will interact with the application through a simple and intuitive interface, starting at the landing page where they can learn about the features. From there, they can log in to access the trip planner, input their preferences, and receive AI-generated itineraries. The itinerary page will provide an organized view of their travel plans, while the map integration adds an interactive element to their planning experience. Users will also benefit from responsive design, ensuring ease of use across all devices. 

---

This structured prompt provides a clear framework for developing the AI Travel Planner web application, aligning with the user's vision and technical specifications.