Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a professional weather website designed as a minimalist landing page. It aims to provide users with quick access to weather information, featuring a clean and simple design that emphasizes usability and aesthetics. The website will showcase essential weather details and encourage user engagement through prominent call-to-action elements.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top displaying the current weather with location input, including temperature, condition description, and a background image reflecting the weather.
2. **Weather Forecast**: A section providing a 5-day weather forecast, displaying daily temperatures and conditions, allowing users to plan ahead.
3. **Location Search**: An interactive search feature enabling users to enter and search for weather updates in specific locations.
4. **Responsive Design**: The website will be fully responsive, ensuring a seamless experience across devices, from desktops to mobile phones.
5. **Contact Information**: A dedicated section for users to reach out for support or provide feedback.

## 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 main layout will feature a vertical stack with a hero section at the top, followed by the weather forecast, location search, and contact information, ensuring clear visual hierarchy and user flow.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API for managing state across components

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop individual components for the hero section, weather forecast, location search, and contact information.
3. **Style Components**: Apply Tailwind CSS classes to implement the minimalist design and ensure responsiveness.
4. **Implement Weather API**: Integrate a weather API to fetch real-time data based on user input and display it in the weather forecast section.
5. **Add State Management**: Use React Context API to manage and share state across components, particularly for location input and weather data.
6. **Testing**: Conduct thorough testing to ensure all features work as expected and the site is responsive on various devices.
7. **Deployment**: Deploy the finished website to a hosting platform for public access.

## USER EXPERIENCE
Users will land on a clean and inviting hero section where they can see the current weather and enter a location for specific weather updates. The intuitive search feature allows for quick retrieval of information, while the forecast section provides a clear overview of upcoming conditions. A straightforward contact section invites users to engage further, ensuring a seamless experience that encourages repeat visits. The minimalist design enhances readability and user interaction, making weather information easily accessible.