Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to allow users to generate and customize images of a muscular aesthetic body by seamlessly integrating their own face into the generated images. The application focuses on delivering a clean, easy-to-use interface that empowers users to create personalized visuals effortlessly.

## CORE FEATURES
1. **Image Generation**: Users can select from a variety of muscular body templates to generate images.
2. **Face Upload**: A feature that allows users to upload their own photos to integrate their face into the chosen body template.
3. **Customization Tools**: Basic editing tools to adjust the placement, size, and blend of the user's face with the body image.
4. **Preview and Save**: Users can preview their customized image and save it locally or share it via social media links.
5. **User Account Management**: Secure sign-in and profile management for saving user preferences and generated images.
6. **Tutorial Section**: A help section with tutorials on how to use the application effectively.

## 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 hero section at the top, followed by the image generation tools, customization options, and a footer with links to user account management and tutorials.

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

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Install React and TypeScript with the create-react-app template, and set up Tailwind CSS for styling.
2. **Design the Layout**: Create the main layout structure using Tailwind CSS, ensuring to implement the minimalist design principles.
3. **Develop Image Generation Feature**: Integrate an API or library that generates muscular body images based on user selection.
4. **Implement Face Upload Functionality**: Allow users to upload images and integrate an image processing library to blend the face with the body template.
5. **Add Customization Tools**: Develop basic editing tools for users to adjust their uploaded face within the selected template.
6. **User Account Management**: Implement authentication using Firebase or a similar service, and create profile management features.
7. **Create Preview and Save Functionality**: Allow users to preview their final images before saving or sharing.
8. **Develop the Tutorial Section**: Create instructional content to help users navigate the application effectively.

## USER EXPERIENCE
Users will start on a clean landing page that introduces the application and its functionality. After logging in or registering, they will be guided through selecting a body template and uploading their face with helpful tooltips. The customization interface will be intuitive, allowing for quick adjustments and easy navigation. Users can save their work and share it seamlessly, enhancing their overall experience with minimal friction. The help section will provide necessary support, ensuring users can maximize their use of the application.