Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application aims to replicate the Windows 11 environment, providing users with an identical setup that includes features such as restarting, handling errors, and accessing the start menu, icons, and applications. The primary goal is to create a seamless experience that mimics the Windows 11 interface while allowing users to interact with it as if it were the actual operating system.

## CORE FEATURES
1. **Windows 11 UI Simulation**: A fully interactive interface that replicates the Windows 11 desktop, including taskbar, start menu, and system icons.
2. **Error Handling**: Simulated error messages and handling scenarios to create a realistic user experience.
3. **Restart Functionality**: Users can initiate a simulated restart, showcasing how the system operates upon reboot.
4. **App Launching**: Access to various pre-installed applications that behave like their real counterparts.
5. **User Customization**: Options for users to customize their desktop layout and icon arrangements.
6. **Help & Support**: A section providing guidance on using the simulated environment and troubleshooting common issues.

## 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 feature a centralized desktop area, a taskbar at the bottom, and a start menu that expands from the bottom-left corner. Icons will be arranged for easy access, with a sidebar for additional functionality.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management (to manage user interactions and app states within the simulation)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for UI components.
3. **Create Layout Components**: Develop the main layout, including the desktop area, taskbar, and start menu components.
4. **Implement Core Features**: 
   - Create the UI simulation for Windows 11, ensuring realistic interactions.
   - Code functionality for restarting the application and handling errors.
   - Develop the app launching feature with predefined applications.
5. **Customization Options**: Allow users to drag and drop icons on the desktop and save their preferences.
6. **Styling**: Apply Tailwind CSS classes to ensure the design adheres to the specified visual style.
7. **Testing**: Conduct thorough testing for responsiveness and functionality across devices.
8. **Deployment**: Deploy the application on a suitable platform (e.g., Vercel or Netlify).

## USER EXPERIENCE
Users will interact with a familiar Windows 11-like interface, where they can navigate through a desktop layout filled with icons. The taskbar will provide quick access to essential functions, and the start menu will allow users to launch applications or access settings. Users will experience realistic scenarios such as error messages popping up during interactions, adding to the immersive simulation. The application will be responsive, ensuring a seamless experience across different screen sizes and devices.