Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Simulador Estético" is a web application designed to allow users to upload high-quality front selfies and modify their facial features through an intuitive slider interface. By leveraging the API of Replicate with the Stable Diffusion + ControlNet Canny model, this app maintains the user's identity while adjusting specified facial volumes. The application also features an interactive split-screen comparator to visualize the before and after results of the modifications.

## CORE FEATURES
1. **High-Quality Selfie Upload**: Users can easily upload a frontal selfie that will serve as the base for modifications.
2. **Interactive Sliders**: Implement sliders to adjust lip volume, jaw definition, and cheekbone projection with real-time visual feedback.
3. **Before/After Comparison**: An interactive split-screen feature allows users to compare the original and modified images side by side.
4. **Identity Preservation**: Utilizing advanced AI algorithms to ensure that the user's unique facial features are preserved while enhancing specific areas.
5. **User-Friendly Interface**: A clean and minimalistic design ensures ease of use and a pleasant user experience.
6. **Responsive Design**: The application is fully responsive, providing an optimal viewing experience across various devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing clean lines, ample white space, and a focus on typography. Use a subtle, elegant aesthetic to evoke a sense of luxury.
- **Color Mode**: Light theme featuring dark text on light backgrounds for readability and a modern feel.
- **Layout**: A centered layout with a prominent image upload area at the top, followed by sliders arranged vertically on the left side, and the interactive comparison display on the right. The overall structure should be balanced and symmetrical to enhance user focus.
- **Typography**: Use a sans-serif font like "Roboto" for headings and "Open Sans" for body text. Maintain a clear hierarchy with larger bold headings, medium subheadings, and regular weight for body text to ensure readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design changes and responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components that align with the minimalist design.
- **State Management**: Implement React's Context API or Zustand for efficient state management, particularly for handling the image upload and slider values.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create UI Structure**:
   - Develop the main layout with sections for image upload, sliders, and the comparison view.
3. **Implement Image Upload**: 
   - Create a component for uploading high-quality selfies, ensuring compatibility with image formats.
4. **Develop Sliders**:
   - Integrate slider components for lip, jaw, and cheekbone adjustments, linking them to the AI API for real-time updates.
5. **API Integration**:
   - Implement the Replicate API to process the uploaded image and apply transformations based on slider values.
6. **Before/After Comparison**: 
   - Create a split-screen component to display the original and modified images side by side, updating dynamically based on user adjustments.
7. **Testing and Optimization**:
   - Conduct thorough testing across devices and browsers, optimizing for performance and responsiveness.

## USER EXPERIENCE
Users will be greeted with a clean, welcoming interface upon entry. They can easily upload their selfies and immediately see the sliders for facial adjustments. As they manipulate the sliders, the changes reflect in real-time on the image, allowing for an interactive exploration of their aesthetic preferences. The split-screen comparison provides instant feedback, enhancing user engagement and satisfaction. The minimalist design ensures that users can focus on their modifications without distractions, creating a luxurious and enjoyable experience.