Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a comprehensive multi-tenant web application for educational and therapeutic programs, designed to facilitate recovery for individuals with substance abuse issues. It features a marketplace for various programs, embedded teleconsultation, and a premium learning management system (LMS) styled like Netflix, all within a centralized portal tailored for both providers and users.

## CORE FEATURES
1. **Multi-Tenant Architecture**: Each organization has its own isolated environment, allowing customized management of programs, students, and financial transactions without data overlap.
2. **Marketplace of Programs**: A dedicated section displaying available therapeutic and educational programs, complete with landing pages, video trailers, FAQs, testimonials, and purchase options.
3. **Payment Models**: Supports one-time payments, monthly subscriptions, and hybrid models for program access, integrated with Stripe for seamless transactions.
4. **Embedded Teleconsultation**: Built-in scheduling and video consultations with therapists, including a history of sessions and management of bookings.
5. **Learning Management System (LMS)**: A Netflix-style dashboard that allows users to track progress, complete quizzes, and engage with educational materials.
6. **Gamification Features**: Users earn points and badges for completing actions, with a final certificate upon course completion to encourage engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, a minimal color palette focused on typography to enhance readability and user engagement.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure clarity and ease of use.
- **Layout**: 
  - A centralized portal with a top navigation bar for easy access to all features.
  - A visually prominent hero section on the homepage showcasing the mission and purpose.
  - Multi-section marketplace for programs, each featuring a detailed program card layout with images, descriptions, and call-to-action buttons.
- **Typography**: Use a modern sans-serif font for headers and clean serif font for body text to create visual hierarchy and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Utilize shadcn/ui for pre-built accessible components.
- **State Management**: Redux or Zustand for global state management across different user panels.

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize the React application with TypeScript.
   - Install Tailwind CSS and configure it for styling.
   - Set up routing for different user panels (Master Portal, Tenant Dashboard, Student Dashboard).

2. **Design the User Interface**:
   - Create the hero section for the landing page with mission, purpose, and CTA.
   - Develop the marketplace layout including program cards with links to their respective landing pages.
   - Design the LMS dashboard with sections for "Continue Watching," progress tracking, and quizzes.

3. **Implement Multi-Tenant Functionality**:
   - Set up a database schema to support multi-tenancy, ensuring data isolation.
   - Develop user authentication and role-based access control.

4. **Integrate Payment Systems**:
   - Implement Stripe for payment processing, including one-time and subscription payment models.
   - Configure the financial flow for marketplace transactions and tenant payouts.

5. **Develop Teleconsultation Features**:
   - Integrate a video conferencing solution for teleconsultations.
   - Create scheduling functionality for therapists and students.

6. **Incorporate Gamification**:
   - Develop features for points, badges, and certificates based on user interactions and course completion.

## USER EXPERIENCE
- Users will navigate through a clean and intuitive interface, starting at the centralized portal that provides easy access to programs.
- Students will have a personalized dashboard displaying their enrolled programs, progress, and options for scheduling consultations.
- The marketplace will allow users to explore and enroll in programs seamlessly, benefiting from a smooth checkout process powered by Stripe.
- Engagement is enhanced through gamification elements, encouraging users to complete courses and interact with the platform regularly.

This structure and design will ensure a powerful and user-friendly application that meets the outlined vision for a multi-tenant educational and therapeutic platform.