Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a high-end, ultra-minimalist web application designed for mobile addiction recovery. It aims to help users monitor their screen time, engage with a community for accountability, and receive AI-driven insights to foster healthier digital habits. The app will prioritize a clean and distraction-free user experience, promoting user focus and engagement.

## CORE FEATURES
1. **Dashboard**: A central interface featuring a 'Focus Timer' that tracks daily screen time alongside a 'Usage Breakdown' section displaying simple black and white bar charts categorized by app type.
  
2. **AI Insights**: A dedicated section labeled 'AI Behavioral Analysis' providing personalized insights based on user data, such as usage patterns that impact sleep or productivity.

3. **Community & Social Pressure**: The 'Squads' feature allows users to create or join private groups, complemented by a 'Wall of Shame/Fame' leaderboard to rank friends based on their screen time.

4. **Incentive System**: A notification simulation system featuring minimalist 'Nudge' alerts that encourage users by highlighting peer performance in a straightforward manner.

5. **Navigation**: A bottom navigation bar with sleek icons for Home, Stats, Community, and Profile, ensuring easy access to all app sections.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a strict black and white aesthetic, emphasizing clean lines, ample white space, and a focus on typography.
- **Color Mode**: Light theme with dark text (#000000) on a white background (#FFFFFF).
- **Layout**: A mobile-first, responsive layout with a central dashboard, sections for AI insights and community features stacked vertically, and a fixed bottom navigation bar.
- **Typography**: Use Inter or SF Pro for all text elements, maintaining a clear hierarchy to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust component management and type safety.
- **Styling**: Tailwind CSS for flexible and responsive design.
- **UI Components**: Utilize shadcn/ui for a consistent and minimalist component library.
- **State Management**: Use state management solutions like React Context or Zustand, as needed, for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Dashboard**: Develop the main dashboard component to display the 'Focus Timer' and 'Usage Breakdown' with responsive bar charts.
3. **Integrate AI Insights**: Implement the 'AI Behavioral Analysis' section, ensuring it fetches and displays user-specific insights from mock data.
4. **Build Community Features**: Add functionality for the 'Squads' feature, including creating/joining groups and developing the 'Wall of Shame/Fame' leaderboard.
5. **Notification System**: Design and implement the 'Nudge' alert system with minimalist notifications that trigger based on user interactions.
6. **Navigation Bar**: Develop the bottom navigation bar, ensuring seamless transitions between Home, Stats, Community, and Profile sections.
7. **Testing and Responsiveness**: Conduct thorough testing across various devices to ensure responsiveness and optimal user experience.

## USER EXPERIENCE
Users will engage with the app primarily through the dashboard, where they can easily view their screen time and access insights. The community features will encourage interaction and accountability among peers, while the nudge alerts provide motivation in a non-intrusive manner. The minimalist design will ensure users remain focused on their recovery journey without unnecessary distractions.