Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Develop a web application aimed at assisting users in managing their mental health through personalized routines and motivational features. This application will offer an intuitive interface that encourages user engagement while providing tools to improve their well-being.

## CORE FEATURES
1. **Personalized Routines**: Users can engage in tailored activities like guided breathing exercises, outdoor walks, hydration reminders, sleep tips, social connection suggestions, and gratitude practices, all adapted by AI based on user preferences.
   
2. **Motivational Reward System**: Implement a gamification feature where users earn badges and points for completing routines, fostering a sense of achievement and encouraging consistent app usage.

3. **Progress Tracking**: Provide users with personalized insights and visual graphs to track their mental health journey, powered by AI analytics.

4. **Community Support**: Create a space for users to share achievements, connect with others, and receive social support, enhancing user engagement and motivation.

5. **Real-time AI Support**: Integrate chatbots to offer instant answers and motivation, addressing user queries and providing guidance as needed.

6. **Accessibility Features**: Ensure the app is usable for various abilities, including screen reader compatibility and high-contrast options, fostering inclusivity.

## 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**: Utilize a straightforward vertical layout with a prominent hero section, feature highlights, user testimonials, and a clear call to action (CTA) at the bottom of the page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (for managing user states and routines)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template. Set up Tailwind CSS for styling.
2. **Design Layout**: Create the main components such as Header, Hero, Features, Testimonials, and Footer, ensuring to follow the minimalist design principles.
3. **Develop Core Features**:
   - Build the Routines interface with options for users to select their personalized activities.
   - Implement the Reward System functionality, allowing users to earn points and badges.
   - Create the Progress Tracking dashboard to display user insights.
   - Develop the Community Space for user interactions and support.
   - Set up the AI chatbot for real-time support and feedback.
4. **Integrate Accessibility Features**: Ensure all components are accessible, implementing ARIA roles and attributes where necessary.
5. **Testing**: Conduct usability tests to gather feedback on user experience and make necessary adjustments.
6. **Deployment**: Deploy the application to a cloud platform (e.g., Vercel or Netlify) for public access.

## USER EXPERIENCE
Users will enjoy an intuitive onboarding process, where they can quickly register and set up their profiles. The application will guide them through selecting their routines and provide daily notifications for engagement. Users will receive feedback on their progress and can interact with the community, fostering a supportive environment. The gamified elements will keep users motivated, while the AI-powered support ensures they have help available whenever needed.