Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a Multi-Tenant White Label SaaS Platform designed to provide a robust social media management (SMM) panel solution. It enables users to create child panels under their own branding while ensuring data isolation and independent functionality for each tenant.

## CORE FEATURES
1. **Multi-Tenant Architecture**: Each tenant has isolated data, with support for independent users, orders, wallets, and transactions.
2. **Child Panel Management**: Users can create and configure their own child panels, including branding elements such as logos and pricing markups.
3. **Tenant Data Isolation**: Ensures that users from one tenant cannot access data from another, while allowing the same email and phone number to be reused across tenants.
4. **Scalable Infrastructure**: The system is built to accommodate unlimited child panels, custom domain mapping, and a reseller hierarchy.
5. **Analytics and Statistics**: Child panel owners can view performance metrics and statistics for their specific panels.

## 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 should include a sidebar for navigation, a top header for branding and quick actions, and a central content area for displaying user dashboards and management tools.

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

## IMPLEMENTATION STEPS
1. **Database Architecture**:
   - Create a new `tenants` table with fields: id, name, domain, logo_url, owner_id, status, created_at, updated_at.
   - Add `tenant_id` support to existing tables: users, orders, wallets, transactions, and services.
   - Implement unique constraints for email and phone based on tenant_id.
  
2. **Child Panel Management**:
   - Develop a UI for child panel creation, including fields for website name, logo upload, branding configuration, and pricing markup.
   - Ensure that child panel statistics are accessible and visually represented in the admin dashboard.

3. **Frontend Development**:
   - Utilize React components and Tailwind CSS for styling.
   - Integrate shadcn/ui for consistent UI components throughout the application.
   - Implement responsive design principles to ensure usability across devices.

4. **Testing and Validation**:
   - Conduct thorough testing to ensure data isolation works as intended.
   - Validate user flows for creating and managing child panels, ensuring smooth interactions.

5. **Deployment**:
   - Prepare the application for deployment on cloud services like Vercel or Netlify, ensuring database connections are secure and optimized.

## USER EXPERIENCE
Users will interact with a streamlined interface that allows easy navigation through the main dashboard and child panel management sections. The design will prioritize user-friendliness with clear calls to action, a responsive layout, and an overall minimalist aesthetic. Users will experience seamless transitions when creating or managing child panels, with quick access to analytics and settings tailored to their branding needs.