Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a comprehensive web application designed for freelancers and agencies, focusing on enhancing client management, communication, and operational efficiency. The platform offers various enterprise-level features to streamline workflows, protect legal interests, and improve overall project handling, ensuring a professional and scalable solution for real-world business challenges.

## CORE FEATURES
1. **Client Communication Hub**: A centralized area for project discussions, comments, approvals, attachments, and mentions to keep all communication in one place.
2. **Proof of Approval Logging**: Records approvals with details on who approved, when, and which version, ensuring legal protection against disputes.
3. **Versioned Deliverables**: Organizes deliverables by versioning, allowing easy tracking of project iterations.
4. **Security & Credential Vault**: Provides encrypted storage for sensitive client information like logins and API keys, with limited visibility and audit logs.
5. **Revenue Forecasting**: Tracks monthly recurring income, expected payments, pending invoices, and projected revenue to help manage finances effectively.
6. **Disaster Recovery**: Ensures backups of critical business assets including invoices, contracts, and client files to safeguard against data loss.

## 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 layout will include a top navigation bar, a main content area featuring sections for core features, client testimonials, and a clear call-to-action, followed by a footer with additional resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (if complex state management is required)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and configure Tailwind CSS for styling.
2. **Create the Layout**: Develop the main structure including a navigation bar, footer, and sections for features and testimonials.
3. **Implement Core Features**: 
   - Build the Client Communication Hub with real-time messaging capabilities.
   - Develop the Proof of Approval Logging system with a form for entries.
   - Create a Versioned Deliverables module with upload and version tracking features.
   - Set up the Security & Credential Vault for storing sensitive information securely.
   - Implement the Revenue Forecasting dashboard with graphs and data input fields.
   - Design the Disaster Recovery system to manage backups effectively.
4. **Integrate UI Components**: Utilize shadcn/ui components to maintain a consistent design across the application.
5. **Test Responsiveness**: Ensure all components and pages are mobile-friendly and responsive across different devices.
6. **Deploy**: Set up hosting and deployment pipelines to launch the application for users.

## USER EXPERIENCE
Users will navigate through a clean, intuitive interface where they can manage client communications, track project approvals, and store sensitive information securely. The platform will guide users through various workflows with clear calls-to-action, ensuring a seamless experience from project initiation to completion. Features like the revenue forecasting dashboard will provide valuable insights, while the disaster recovery options will give users peace of mind regarding their data security.