Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to convert normal photos into professional passport-sized photos, featuring automatic background removal and placement on a plain white background. The application aims to provide users with a quick and efficient way to prepare their passport photos while ensuring high-quality results.

## CORE FEATURES
1. **Photo Upload**: Users can easily upload their images in various formats (JPEG, PNG) for processing.
2. **Background Removal**: An automated tool that detects and removes the background from the uploaded photo.
3. **Passport Size Adjustment**: The application resizes the image to standard passport photo dimensions.
4. **Preview and Download**: Users can preview the final passport photo and download it in high resolution.
5. **User Account Management**: (Optional) Users can create accounts to save their processed images and access them later.
6. **Help Section**: Provides guidance on photo requirements and tips for optimal results.

## 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 single-column layout with a prominent hero section at the top, followed by features, a call-to-action (CTA), and a contact form at the bottom. Each section should have ample white space for clarity and ease of navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for basic functionality, but consider using Context API for user account management if implemented.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Components**:
   - Hero component with a photo upload button and instructions.
   - Features section highlighting the main functionalities.
   - CTA section encouraging users to start processing their photos.
   - Contact form for inquiries.
4. **Implement Background Removal Feature**: Use an image processing library (e.g., remove.bg API) to handle background removal.
5. **Add Photo Resizing Functionality**: Implement a method to resize images to passport photo dimensions.
6. **Develop Preview and Download Functionality**: Create a final preview component allowing users to download the processed image.
7. **User Account Management**: (Optional) Implement user authentication and profile management if necessary.
8. **Test Responsiveness**: Ensure the application is fully responsive across different devices.
9. **Deploy Application**: Use a service like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will start by uploading their photos in the hero section. After uploading, the application will automatically process the image to remove the background and resize it to passport size. Users can then preview the result and download their professional passport photo. The interface will be intuitive, with clear prompts and minimal distractions, ensuring a seamless experience.