Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Imovendeu is a web application designed for real estate agents and agencies to create engaging real estate videos tailored for social media platforms. The app allows users to easily upload images, select templates, and generate short videos (up to 60 seconds) that highlight properties in a modern and appealing way.

## CORE FEATURES
1. **Image Upload and Reordering**: Users can drag and drop between 5 to 15 images of the property, with the ability to view and reorder these images to customize the video sequence. An engaging prompt like "Qual imóvel vamos vender hoje?" encourages users to start the process.

2. **Template Selection**: A collection of 5 base templates with unique sequences and animations will be available. Users can preview these templates by hovering over them or clicking to view a full version, ensuring they choose the best fit for their video.

3. **Narration Creation**: An optional narration feature allows users to describe property highlights in a text box, generating a script for the video. Users can choose between a female or male voice, or use their own voice (available for Pro plan users) through Elevenlabs API integration.

4. **Account Creation and Video Download**: Users will need to create an account with email verification or log in via Google to access the video download feature. The first video is free, while subsequent videos will require payment based on defined plans.

5. **User Dashboard**: After login, users will have access to a dashboard with a sidebar menu that displays previously generated videos, organized by date.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean and simple design with ample white space, focusing on usability and clarity.
- **Color Mode**: Dark theme with accents in cyan blue and white text for a modern, appealing look.
- **Layout**: The layout consists of a step-by-step wizard format, with each step clearly defined and easy to navigate. The first screen will prominently feature the image upload area, followed by template selection and narration creation.
- **Typography**: Use a clear, sans-serif font like Inter or Montserrat for headings and body text. Ensure a hierarchy that emphasizes titles and action prompts.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and modern styling
- **UI Components**: Utilize shadcn/ui for consistent and attractive user interface elements
- **State Management**: Consider using Zustand or Redux for managing user data and video creation state

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create User Authentication**: Implement user registration and login functionality, including email verification and Google OAuth.
3. **Build Upload Component**: Develop the image upload component with drag-and-drop functionality and image preview/reordering capabilities.
4. **Template Selection Module**: Create a template selection page with hover preview functionality for the available templates.
5. **Narration Feature**: Integrate the Elevenlabs API to enable voice selection and narration generation.
6. **Dashboard Development**: Build a user dashboard to display generated videos and allow for easy access to past projects.

## USER EXPERIENCE
Users will be greeted with a friendly interface that guides them through the video creation process. Starting with an inviting prompt to upload images, they will seamlessly transition through template selection and narration options. The intuitive layout ensures users can easily navigate through each step, culminating in account creation for video download. The overall experience is designed to be engaging, efficient, and enjoyable, maximizing user satisfaction and encouraging repeat use.