Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to calculate a Preventive Maintenance Schedule for computer equipment. Users will input the number of technicians, the days of the week, and the hours worked per day to generate an estimated schedule. The application will facilitate easy selection of weekdays and weekend days for maintenance tasks, optimizing the allocation of technician hours.

## CORE FEATURES
1. **Technician Input**: A form element allowing users to specify the number of technicians available for maintenance jobs.
2. **Day Selection**: A user-friendly interface for selecting days of the week (Monday to Sunday) for scheduling maintenance.
3. **Time Calculation**: Automatic calculation of maintenance time based on the chosen day; 3 hours for weekdays and 8 hours for weekends.
4. **Maintenance Duration**: The application will take into consideration that each technician spends 45 minutes on each maintenance task, calculating how many tasks can fit into the selected time frame.
5. **Results Display**: A clear display of the estimated maintenance schedule, including which technicians are assigned to which tasks.
6. **Downloadable Report**: Option to export the generated schedule as an Excel file for easy sharing and record-keeping.

## 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 will consist of a form section for inputs at the top, followed by a results display area and an export button at the bottom. Each section will be clearly defined with ample spacing.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React's built-in context or state management hooks

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create Input Form**: Develop a form component that includes inputs for the number of technicians, day selection (using radio buttons or a dropdown), and hours worked.
3. **Implement Time Calculation Logic**: Create functions to calculate maintenance time based on user inputs, ensuring to factor in the 45-minute duration per technician.
4. **Design Results Display**: Build a component to display the calculated maintenance schedule, ensuring it is responsive and visually appealing.
5. **Add Export Functionality**: Implement functionality to allow users to download the results as an Excel file using a library such as SheetJS.
6. **Testing and Debugging**: Conduct thorough testing of the application to ensure all features work as intended and that the user experience is smooth and intuitive.

## USER EXPERIENCE
Users will navigate through a clean and simple interface where they can easily input their data and see results in real time. The interaction flow will start with filling out the technician and day selection, leading to immediate feedback in the form of a calculated maintenance schedule. The export functionality will allow users to download their results for further use. The minimalist design will ensure that users can focus on the tasks without distractions, enhancing usability and efficiency.