Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to allow users to create personalized designs for their Discord profiles. Users will have the ability to implement photos, music, and animated videos as backgrounds, all while maintaining a professional and organized interface. The application will also feature a login system, database integration, and payment plans for premium features.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system allowing users to create and manage their profiles.
2. **Design Customization**: Tools for users to upload photos, select music, and choose animated backgrounds for their profiles.
3. **Preview Functionality**: Users can preview their designs in real-time before saving or publishing.
4. **Payment Integration**: Options for users to subscribe to premium features, including exclusive design elements.
5. **User Dashboard**: A personalized dashboard where users can manage their designs, view usage statistics, and access premium features.

## 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 layout will consist of a top navigation bar, a main content area for design tools, and a sidebar for user options and settings. 

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui for a cohesive UI experience
- **State Management**: React Context API or Redux (if more complex state management is needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install the necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Authentication**: Implement user authentication using a backend service (e.g., Firebase, Auth0).
3. **Build User Dashboard**: Create a dashboard layout where users can access their design tools and settings.
4. **Develop Design Customization Tools**: Build components for photo uploads, music selection, and animated background choices.
5. **Implement Preview Functionality**: Allow users to see a live preview of their designs as they make changes.
6. **Integrate Payment Plans**: Set up a payment processing system (e.g., Stripe) to manage subscriptions for premium features.
7. **Test and Optimize**: Conduct thorough testing for usability and responsiveness across various devices.

## USER EXPERIENCE
Users will start by registering or logging into their accounts. Once logged in, they will be greeted with a user-friendly dashboard where they can select options for customizing their Discord profiles. They will easily navigate through uploading photos, selecting music, and applying animated backgrounds. The real-time preview will enhance their experience, allowing for immediate feedback on their design choices. The payment process for premium features will be straightforward, ensuring a seamless transition from free to paid options.