Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a property rental contract generator for a real estate agency in Valparaíso. By utilizing a simple form, users can create tailored rental agreements and mandates quickly, eliminating the need to start from old Word documents. The integration of AI helps ensure that only relevant clauses are included, streamlining the document generation process.

## CORE FEATURES
1. **User Authentication**: Secure login for users to manage their documents and templates.
2. **Template Management**: Users can create, edit, and delete document templates that can be reused for different clients.
3. **Form-Based Document Generation**: A simple form that collects necessary information to populate the selected template automatically.
4. **Clause Selection**: AI-powered feature to suggest relevant clauses based on user input, minimizing the risk of including incorrect clauses.
5. **Document Preview**: Users can preview the generated document before finalizing to ensure accuracy.
6. **Download & Export Options**: Ability to download the final document in various formats (e.g., PDF, Word) for easy sharing and printing.

## 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 consists of a top navigation bar, a central form area for document generation, a sidebar for template management, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create User Authentication**: Implement user registration and login functionality using Firebase or another authentication service.
3. **Develop Template Management**: Create a component for users to manage their document templates, utilizing state management to store templates.
4. **Build the Form for Document Generation**: Design the form interface that collects user input and integrates the AI suggestions for clauses.
5. **Implement Document Preview**: Develop a preview section that dynamically updates as the user fills out the form.
6. **Add Download Functionality**: Use libraries like jsPDF or file-saver to enable document downloading in PDF or Word format.
7. **Test the Application**: Perform thorough testing to ensure all features work as intended and the user experience is smooth.

## USER EXPERIENCE
Users will start by logging into the application, where they can easily navigate to the template management section. They can select a template and fill out the form to generate a document. As they input information, AI will suggest relevant clauses, which users can choose to include. Once completed, users can preview their document and download it in their preferred format. The clean and minimalist design ensures that users can focus on creating accurate contracts without distractions.