Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to serve as an administrative dashboard for clients, providing a streamlined interface for managing ongoing projects and communications. The application focuses on enhancing client engagement by offering a tailored experience that keeps all necessary project information at their fingertips.

## CORE FEATURES
1. **Client Dashboard ("Mesa de Produção")**: Upon login, users are presented with a summary of their active projects, including a grid of project cards that display statuses such as "Em Casting", "Aguardando Gravação", or "Pronto para Download".
   
2. **Active Projects Overview**: A visual grid layout showcasing all in-progress projects, allowing clients to quickly access project details and statuses.

3. **Quick Access to Budgets**: A dedicated section for clients to view their recent budget calculations, enabling swift reference to saved or approved estimates.

4. **Favorites / Saved Talents**: A customizable list of preferred voice talents, allowing users to easily access their favorite options for future projects without repeated searching.

5. **Project Management ("Pasta" do Job)**: When a specific project is selected, users can navigate through a timeline that includes sections for Casting & Approval, Briefing & Script, and Deliveries & Files.

6. **Integrated Change Request**: A feature that allows clients to request changes directly within a project, creating an organized ticket for adjustments that can be tracked.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should emphasize clean lines, ample white space, and an uncomplicated layout that facilitates easy navigation.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and user comfort.
- **Layout**: 
  - **Header**: A discreet "Entrar / Minha Área" button for user login at the top.
  - **Sidebar**: Upon logging in, a left sidebar appears with menu options:
    - 🏠 Início
    - 📂 Meus Projetos
    - 🎙️ Meu Casting (Favoritos)
    - 💰 Financeiro (Notas Fiscais e Créditos)
    - ⚙️ Configurações (Perfil e Logo da Agência)
    - 💡 Ideia Estratégica: "Modo Apresentação" for white-label approval links.
- **Typography**: Use modern, sans-serif fonts such as Montserrat or Open Sans, ensuring a clear hierarchy with larger sizes for headings and standard sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and component management.
- **Styling**: Tailwind CSS for responsive and utility-first styling options.
- **UI Components**: Utilize shadcn/ui for pre-designed component options to enhance development speed.
- **State Management**: Consider using Zustand or React Context for managing global state if necessary.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create a User Authentication System**: Implement a simple login flow to authenticate users and store session information.
4. **Design the Dashboard Layout**: Create the main dashboard component with a sidebar and active projects grid.
5. **Develop Core Features**:
   - Implement project cards to display status and allow navigation to project details.
   - Create the budget and favorites sections with appropriate data handling.
   - Develop the project management tabs for Casting, Briefing, and Deliveries.
6. **Integrate Change Request Functionality**: Build an interactive button that generates a ticket for client adjustment requests.
7. **Test Responsiveness**: Ensure that the application is mobile-friendly and adjusts layout appropriately across devices.
8. **Deploy the Application**: Use Vercel or Netlify for deployment, ensuring the application is live for client access.

## USER EXPERIENCE
Users will log in to a personalized dashboard where they can view their active projects at a glance. Each project card will allow for quick access to detailed views. The sidebar will facilitate straightforward navigation to different sections, ensuring a seamless experience. Users can request changes directly related to projects, keeping all communications organized and accessible, enhancing overall engagement and satisfaction.