Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Vital Prime is a modern web application designed to facilitate the management of a purifying systems company. This platform will serve as a dashboard for sales representatives to track their sales, manage inventory, and process product orders while enabling customers to request maintenance services and purchase replacement accessories. The application aims to enhance user engagement through an intuitive and visually appealing interface.

## CORE FEATURES
1. **Representative Registration**: Allow existing representatives to register new representatives, creating a network that incentivizes sales growth.
2. **Sales Dashboard**: A dedicated page for representatives to view their individual sales statistics, performance metrics, and commission earnings.
3. **Inventory Management**: A feature for tracking stock levels, alerting representatives when stock is low, and facilitating product ordering.
4. **E-Commerce Functionality**: Users can browse and purchase products through a streamlined shopping cart experience, including replacement filters and candles.
5. **Maintenance Request Page**: A section for customers to submit requests for maintenance services on their purifying systems, ensuring quick responses and service management.
6. **Referral Rewards System**: Implement a tiered reward system that incentivizes representatives based on the performance of the new representatives they register.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist approach with a clean and simple design, utilizing ample white space to enhance readability and focus on key content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure maximum contrast and readability.
- **Layout**: A grid-based layout with a top navigation bar for easy access to the main features. Content sections are well-defined with clear boundaries and generous spacing to reduce clutter.
- **Typography**: Use a modern sans-serif font for headings (e.g., 'Montserrat') and a legible serif for body text (e.g., 'Roboto'). Establish a clear hierarchy with larger sizes for headings, medium sizes for subheadings, and standard sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
- **Styling**: Tailwind CSS for utility-first styling that promotes a clean and responsive design.
- **UI Components**: Utilize shadcn/ui for ready-to-use components that align with the minimalist aesthetic.
- **State Management**: Implement Zustand or Redux for managing application state efficiently across components.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize the project with Create React App using TypeScript, install Tailwind CSS, and configure shadcn/ui components.
2. **Design the Layout**: Create a responsive grid layout using Tailwind CSS, ensuring that the navigation bar and footer are consistently displayed across all pages.
3. **Develop Core Features**:
   - Implement the representative registration and referral system with appropriate forms and validation.
   - Build the sales dashboard using charts and tables to visualize sales data.
   - Create inventory management functionalities with alerts for low stock.
   - Set up the e-commerce component, integrating a secure payment gateway.
   - Develop the maintenance request system with a user-friendly form.
4. **Implement State Management**: Integrate Zustand or Redux to handle shared state across components, particularly for managing user sessions and inventory states.
5. **User Testing**: Conduct usability testing sessions to gather feedback on the user interface and experience, making adjustments based on user input.

## USER EXPERIENCE
The application will offer a seamless user experience, guiding representatives through the registration process with intuitive forms and providing immediate feedback. The sales dashboard will allow for easy navigation between different metrics and insights, enhancing decision-making. The shopping cart will provide a smooth transaction experience, and the maintenance request feature will simplify customer support requests, fostering positive customer relations. Overall, the design will prioritize ease of use, ensuring that all functions are accessible and straightforward.