Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application "The Notebook" is a mobile-first CRM (Customer Relationship Management) web app designed specifically for luxury concierge services. It allows users to efficiently manage clients and deals while providing a simple yet elegant interface that supports quick data entry and real-time updates.

## CORE FEATURES
1. **Client Management**: Users can easily create, edit, and view client details, including contact information.
2. **Opportunity Tracking**: Create and manage deals with associated amounts and commission estimates, allowing users to track the status of each opportunity.
3. **Pipeline Visualization**: A Kanban-style board to visualize the progress of deals, enabling users to move opportunities through various status stages (qualified, in progress, won, lost).
4. **Dashboard Metrics**: A dashboard displaying key performance indicators, such as potential revenue, total commissions, and deals by status.
5. **Secure Authentication**: Users must log in to access the app, ensuring that sensitive data is protected.
6. **Data Persistence**: All user data, including clients and deals, will persist even after refreshing the page, preventing any 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 (use this as the main accent/brand color 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 consist of a navigation bar for Home, Pipeline, Clients, and Dashboard, with each section designed for easy access and interaction, optimized for mobile devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design.
- **UI Components**: shadcn/ui for consistent and modern UI elements.
- **State Management**: Use React's Context API or a state management library like Redux if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new project in Lovable and switch to mobile view to ensure a mobile-first approach.
2. **Design Document**: Draft a detailed design document outlining the context (Elena's needs), style (premium and minimalist), navigation structure, and required fields for the app.
3. **Database Setup**: Create two tables in the backend: one for Clients and one for Deals/Opportunities, ensuring all necessary fields (e.g., name, email, title, amount, status, commission) are included.
4. **Clients Screen**: Implement a "Clients" screen with a form for adding new clients and a list view to manage existing ones.
5. **Pipeline Screen**: Develop a "Pipeline/Deals" screen that includes a form for creating new opportunities and functionality to change their status.
6. **Dashboard Creation**: Build a Dashboard that aggregates data to display metrics like total clients, number of deals, potential revenue, and commissions.
7. **Authentication System**: Implement a secure login system that requires users to authenticate before accessing any part of the application.
8. **Testing Phase**: Conduct thorough testing, including creating clients and deals, changing statuses, and refreshing the page to ensure data persists correctly.
9. **Publish the App**: Finalize the application by checking the title/meta description, performing any available security checks, and then publishing for public access.

## USER EXPERIENCE
Users will be able to navigate through the app seamlessly on their smartphones. The intuitive interface allows them to quickly create clients and opportunities, visualize their pipelines, and access their dashboards with just a few taps. The app ensures a secure and efficient experience, allowing Elena to focus on managing her high-profile clients without the fear of losing important data.

By following this prompt, you will create a comprehensive and functional CRM tailored for luxury concierge services, delivering an elegant and efficient tool for managing client relationships and opportunities.