Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Lust Control app, inspired by the Bhagavad Gita, is a web application designed to help users manage and control their desires through mindfulness and self-reflection. The app provides users with resources, exercises, and community support to foster personal growth and self-discipline.

## CORE FEATURES
1. **Guided Meditations**: Audio and text-based meditations focusing on self-control and mindfulness techniques derived from the Bhagavad Gita.
2. **Daily Reflections**: Users can journal their thoughts and reflections on their desires, with prompts based on teachings from the scripture.
3. **Community Forum**: A space for users to share experiences, seek advice, and support each other in their journey towards self-control.
4. **Progress Tracking**: Users can track their progress over time with visual graphs and metrics related to their personal goals.
5. **Resource Library**: A collection of articles, quotes, and resources derived from the Bhagavad Gita to inspire and guide users.
6. **Push Notifications**: Reminders and motivational quotes sent to users to encourage daily practice and engagement.

## 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**: A single-column layout with a prominent hero section, followed by features, community forum highlights, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for pre-built components.
- **State Management**: React Context or Zustand for lightweight state management.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for your project.
   - Set up shadcn/ui for component usage.

2. **Create the Layout**:
   - Implement the main layout structure using Tailwind CSS.
   - Create a responsive header with navigation links.
   - Design the hero section with a call-to-action button.

3. **Develop Core Features**:
   - Build the guided meditations feature with audio playback.
   - Implement the daily reflections journal with form handling.
   - Set up the community forum using a simple post and comment structure.
   - Create progress tracking with visual representations of user data.
   - Populate the resource library with articles and quotes.

4. **Add User Authentication**:
   - Implement user sign-up and login functionality.
   - Use Firebase or a similar service for authentication and user management.

5. **Enhance User Engagement**:
   - Implement push notifications using a service like Firebase Cloud Messaging.
   - Create a settings page for users to customize their notification preferences.

6. **Testing and Deployment**:
   - Thoroughly test all features for usability and bugs.
   - Deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will have a seamless experience navigating through the Lust Control app. Upon landing on the homepage, they will encounter a clean hero section that invites them to explore the guided meditations. The daily reflections will allow users to engage deeply with their thoughts, while the community forum fosters support and connection. Users can easily track their progress visually, enhancing their motivation. The minimalist design and carefully chosen typography contribute to a calming atmosphere, encouraging users to focus on their journey towards self-control.