Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to generate an ultra-realistic live football broadcast screenshot featuring a specific individual among a crowd of passionate supporters. The main purpose is to create a photorealistic visual that accurately represents the person in a dynamic sports environment, capturing authentic reactions and broadcast elements.

## CORE FEATURES
1. **Image Generation Engine**: A sophisticated engine that processes input parameters (like facial features, crowd atmosphere) to create the desired football broadcast screenshot.
2. **Customization Options**: Users can select different crowd settings, clothing styles, and additional broadcast overlays to personalize their images.
3. **Preview Functionality**: A real-time preview of the generated image to allow users to see changes before finalizing their selection.
4. **Downloadable Outputs**: Users can download the generated images in high-resolution formats suitable for sharing and printing.
5. **User Authentication**: Secure login and registration features to manage user profiles and saved images.
6. **Gallery of Generated Images**: A section where users can view previously generated images for inspiration or re-editing.

## 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 main layout will feature a top navigation bar, a central image generation area with customization options, and a footer with links to user resources and support.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API or Zustand for managing application state

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Create the Navigation Bar**: Design a responsive top navigation menu that includes links to the home, gallery, and user account sections.
3. **Develop the Image Generation Engine**: Implement the engine using appropriate libraries for image processing and rendering based on user input.
4. **Build the Customization Options Interface**: Create UI elements for users to input their desired parameters (facial features, clothing, etc.).
5. **Implement the Preview Functionality**: Ensure the application can render a real-time preview of the generated image based on user selections.
6. **Add User Authentication**: Integrate a secure authentication system to allow users to create accounts and save their images.
7. **Create the Gallery Section**: Develop a gallery interface that displays previously generated images with options to re-edit or download.
8. **Style the Application**: Apply Tailwind CSS styles according to the design specifications, ensuring responsiveness across devices.
9. **Testing and Debugging**: Conduct thorough testing of all features and fix any identified issues.
10. **Deployment**: Prepare the application for deployment on a suitable hosting platform.

## USER EXPERIENCE
Users will navigate through a simple and intuitive interface where they can easily input their desired features to generate the football broadcast image. The real-time preview will allow them to see changes instantly, enhancing engagement. After finalizing their image, users can download it or save it to their gallery for future access. The minimalist design will ensure that the focus remains on the image generation process, providing a seamless and enjoyable user experience.