Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide a free service for creating engaging YouTube story covers and thumbnails in a 3000x3000 format. It caters specifically to musicians across various genres, allowing them to easily design visuals that enhance their music branding and online presence.

## CORE FEATURES
1. **Template Selection**: Users can choose from a variety of customizable templates tailored for different music genres, making it easy to start creating professional-looking visuals.
2. **Drag-and-Drop Editor**: A user-friendly interface that allows users to drag and drop elements (images, text, shapes) into their designs, providing a seamless creative experience.
3. **Image Upload and Management**: Users can upload their own images, logos, and artwork to incorporate into their designs, with options to manage and edit these assets.
4. **Text Customization**: A robust text editor that enables users to customize fonts, sizes, colors, and styles, ensuring their text fits the overall design aesthetic perfectly.
5. **Export Functionality**: Once designs are completed, users can easily export their creations in high-resolution formats suitable for YouTube and other platforms.
6. **User Account Management**: Optional user accounts for saving designs, managing past projects, and accessing premium templates (if applicable).

## 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 structured layout featuring a prominent hero section at the top, followed by sections for templates, editor interface, user guides, and a footer with contact information and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Pages**: Develop the main landing page featuring the hero section, template gallery, and editor interface.
3. **Implement Template Selection**: Build out the template selection component that allows users to browse and select from various genre-specific designs.
4. **Develop the Drag-and-Drop Editor**: Integrate a drag-and-drop library to allow users to interactively place and edit design elements.
5. **Add Image Upload Functionality**: Implement an image upload feature for users to add personal images to their designs.
6. **Create Export Functionality**: Add functionality for users to export their completed designs in high-resolution formats.
7. **User Account Management**: (optional) Set up user authentication and account management features for saving and retrieving designs.
8. **Testing and Optimization**: Conduct thorough testing for usability, responsiveness, and performance optimization.

## USER EXPERIENCE
Users will begin by visiting the landing page, where they can see an appealing hero section that introduces the service. They can then navigate to the template selection area, choose a template based on their music genre, and proceed to the drag-and-drop editor. The interface will allow them to easily manipulate design elements, customize text, and upload images. Once satisfied with their design, users can export their work and share it directly to their YouTube channel or save it for later use. The overall experience will be intuitive, with clear calls to action guiding users through each step.