Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The APU Automotive Service Centre (APU – ASC) web application is designed to manage the operations of an automotive service center. It allows managers to create, view, update, and delete staff accounts as well as set and manage service pricing. The application will provide a comprehensive overview of service quality through feedback and reports, facilitating data-driven decisions for the business.

## CORE FEATURES
1. **User Management**: Managers can create, view, update, and delete accounts for managers, counter staff, and technicians to ensure effective workforce management.
2. **Service Pricing Management**: Managers can set and update prices for normal and major services, ensuring that pricing remains current.
3. **Feedback and Comments Viewing**: Managers can view feedback from technicians and comments from customers to monitor service quality.
4. **Report Generation**: The application will allow managers to view analyzed reports to make informed business decisions.
5. **Session Management**: The system will manage user sessions to maintain state throughout the application.

## 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 structure will include a top navigation bar, a sidebar for quick links, and a central content area for forms, reports, and feedback displays.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (as needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Folder Structure**: Organize components, services, and utilities according to best practices (e.g., components/UserManagement, components/ServicePricing).
3. **Design UI Components**: Implement the UI using Tailwind CSS for styling, ensuring a minimalist approach.
4. **Implement Manager Features**: Develop user management features, including forms for creating and editing user accounts.
5. **Service Pricing Logic**: Create logic to handle the setting and updating of service prices, ensuring data persistence in a text file.
6. **Feedback and Reporting System**: Implement components to display feedback and generated reports for managers.
7. **Session Management**: Implement user session handling to maintain state across the application.
8. **Testing**: Conduct thorough testing for functionality and user experience, ensuring all features work as intended.
9. **Deployment**: Prepare the application for deployment and ensure it is accessible for end-users.

## USER EXPERIENCE
The application will provide a seamless user experience with intuitive navigation and clear calls-to-action. Managers will be able to easily access user management, service pricing, and feedback sections through the sidebar. The centralized content area will present forms and reports clearly, allowing managers to interact with data efficiently. Responsive design will ensure usability across devices, enhancing accessibility for all users.