Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to deliver a unique and visually captivating experience with an emphasis on dynamic user interactions. It focuses on creating an immersive homepage that leverages AI to adapt its interface based on the time of day, incorporating animations and a liquid glass aesthetic to enhance user engagement.

## CORE FEATURES
1. **Dynamic Welcome Section**: A visually stunning area that changes based on the time of day, featuring animations like a rising sun or moonlit sky, enhancing the user experience with real-time transitions.
   
2. **Liquid Glass UI**: A sleek, premium look with a liquid glass effect that serves as the background, creating a modern and sophisticated aesthetic.

3. **Interactive Charts**: Engaging data visualizations that provide detailed insights within a clean interface, allowing users to interact with the information smoothly.

4. **AI-Powered Recommendations**: Features that utilize AI technology to suggest personalized content and actions based on user behavior and preferences.

5. **Realistic Environment Effects**: Incorporation of animated elements such as moving birds, waves, and ripples to create a lively and immersive atmosphere.

6. **Clean and Intuitive Navigation**: A streamlined menu and layout that focuses on user experience, making it easy to access different features of the app.

## 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 should feature a top hero section for the welcome message, followed by the interactive charts and additional features in a grid format that ensures clarity and accessibility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for state management)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React application using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Component Structure**: Develop the main components including the Welcome Section, Chart Components, and Navigation.
4. **Implement Dynamic Features**: Utilize JavaScript’s Date API to customize the welcome message based on the user's local time.
5. **Add Animation Effects**: Use CSS animations and libraries to create smooth transitions for the welcome section and environment elements.
6. **Design Interactive Charts**: Integrate a charting library (like Chart.js or Recharts) to display dynamic data visualizations.
7. **Testing and Deployment**: Conduct thorough testing for responsiveness and functionality before deploying the app to a hosting platform.

## USER EXPERIENCE
Users will be greeted by a visually dynamic homepage that shifts between day and night themes, creating a personalized ambiance. The intuitive navigation allows users to easily explore interactive features and insights while enjoying smooth animations and a premium liquid glass interface. The overall experience is designed to be engaging, making users feel connected to the app's unique environment.