Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a futuristic billing dashboard designed for businesses to manage daily sales. It allows collaborators to add sales information, view graphical analytics, and filter data over specific timeframes. The app emphasizes a visually appealing, Instagrammable design that enhances user experience on both desktop and mobile devices.

## CORE FEATURES
1. **Sales Data Entry**: Collaborators can input detailed sales information including customer name, CPF, phone number, sale value, purchased product, date, payment method (Card or Pix), and an optional description.
2. **Visual Analytics Dashboard**: A visually rich dashboard that displays sales data through beautiful graphs and charts, allowing users to filter results for 7, 15, or 30 days.
3. **User Access Control**: Admins can manage collaborator permissions, allowing them to add collaborators and assign specific sales tasks to different users or companies.
4. **Company Management**: The app will support multiple companies (Ecomplus, Ecomplus Profile Removal, Digital Reputation) with a filtering option to view data specific to each company.
5. **Personalized User Experience**: The dashboard greets users with their names and motivational quotes, enhancing user engagement.
6. **Future Expandability**: Allow for the addition of new fields and functionalities as needed, ensuring the application can grow with user requirements.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, emphasizing clarity and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, incorporating a color palette of orange, black, and white for a futuristic look.
- **Layout**: A single-page layout with a sleek navigation menu, a prominent hero section, followed by the main dashboard, analytics, and user settings.
- **Typography**: Use modern sans-serif fonts for headings and body text to maintain a clean aesthetic. Hierarchy should clearly differentiate titles, subtitles, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for rapid styling and responsiveness.
- **UI Components**: Utilize shadcn/ui for a cohesive UI experience.
- **State Management**: Use Context API or Redux if needed for global state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui, etc.).
2. **Create Layout Structure**: Design the main layout including the navigation menu, hero section, and dashboard area.
3. **Develop Core Features**:
   - Implement sales data entry form with validation.
   - Create components for graphs and charts using a charting library (e.g., Chart.js or Recharts).
   - Set up user authentication and access control using JWT or session management.
4. **Design Dashboard**: Build the analytics dashboard with filtering options and personalized greetings.
5. **Responsive Design**: Ensure the application is mobile-friendly by using responsive design principles and Tailwind's utility classes.
6. **Testing and Deployment**: Conduct thorough testing for functionality and user experience, then deploy the application to a cloud platform.

## USER EXPERIENCE
The user journey begins with a welcoming dashboard that displays the user's name and a motivational quote. Users can easily navigate through the intuitive menu to access sales data entry, view analytics, and manage collaborations. The aesthetic and interactive elements, such as smooth transitions and engaging visuals, enhance the overall experience, making it both functional and appealing.