Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to automatically remove backgrounds from images, allowing users to upload single images or a zip file containing multiple images. The application will not rely on external APIs but will utilize an internal model for processing. The objective is to create a modern, appealing interface that emphasizes user experience and simplicity.

## CORE FEATURES
1. **Image Upload**: Users can upload single images or a zip file containing multiple images for background removal.
2. **Background Removal**: An internal processing model will automatically remove the background from uploaded images.
3. **Preview Functionality**: Users can preview the images before and after background removal to ensure satisfaction.
4. **Download Option**: After processing, users can download the edited images individually or as a zip file.
5. **User Instructions**: Clear guidance will be provided for users on how to use the application effectively.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across different devices.

## 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 centered hero section for uploads, a preview section for displaying images, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API (for managing upload states and user feedback).

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript.
2. **Install necessary dependencies**: Tailwind CSS, shadcn/ui, and any additional libraries for zip file handling.
3. **Create the main components**: 
   - Hero section for image upload.
   - Image preview section that displays the original and processed images.
   - Footer for additional links and contact information.
4. **Implement the background removal functionality**: Integrate the internal model for processing images.
5. **Add state management**: Use React Context API to manage uploads and user interactions.
6. **Style the application** using Tailwind CSS to ensure a minimalist design consistent with the specified design specifications.
7. **Test the application** on various devices to confirm responsive design and functionality.
8. **Deploy the application** to a suitable hosting platform for public access.

## USER EXPERIENCE
Users will be greeted by a clean hero section where they can drag and drop images or select files to upload. After uploading, they will see a progress indicator and then a preview of the original and processed images. Users can download their edited images directly from the preview section or as a zip file. Clear instructions will guide them through the process, ensuring a smooth and enjoyable experience. The design will prioritize simplicity, allowing users to focus on the task at hand without distractions.