Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This application is a web app designed to facilitate the management of supplier confirmations within a business context. Its main purpose is to provide users with an intuitive interface to receive confirmations from suppliers, enhancing operational efficiency and improving communication.

## CORE FEATURES
1. **Receive Confirmation from Supplier**: A dedicated button that redirects users to the supplier confirmation page when clicked, allowing for seamless communication and tracking of confirmations.
2. **Main Dashboard**: A central hub displaying key metrics and notifications regarding supplier interactions, enhancing user awareness of supplier statuses.
3. **User Management**: Functionality to manage user roles and permissions, ensuring that the right individuals have access to relevant features and information.
4. **Reports and Analytics**: Generate reports based on supplier confirmations and interactions, providing insights into supplier performance and trends.
5. **Notifications**: Real-time alerts and updates regarding confirmations, ensuring users are informed about important changes and actions required.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Layout**: 
  - A top header bar containing navigation buttons and the application logo.
  - A main content area that displays the dashboard with key performance indicators and supplier confirmation options.
  - Sidebar navigation for quick access to different sections of the app.
- **Typography**: Use a sans-serif font for a modern feel, with headings in a larger size for clear hierarchy (e.g., 24px for headings, 16px for body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and utility-first styling approach
- **UI Components**: shadcn/ui for standardized UI components
- **State Management**: Use React Context API or Redux as needed for managing global state.

## IMPLEMENTATION STEPS
1. **Set up the Project**:
   - Initialize a new React project using Create React App with TypeScript template.
   - Install Tailwind CSS and shadcn/ui components.
2. **Build Layout**:
   - Create a header component for navigation and branding.
   - Implement a sidebar for easy access to different app sections.
   - Design a main content area that reacts to user interactions.
3. **Develop Core Features**:
   - Implement the "Receive Confirmation from Supplier" button with routing to the confirmation page.
   - Develop the dashboard to display metrics and notifications.
   - Set up user management features.
   - Integrate report generation functionality.
4. **Styling**:
   - Apply Tailwind CSS classes to components for layout and design consistency.
   - Ensure responsive design principles are followed for mobile friendliness.
5. **Testing**:
   - Conduct user testing to ensure the app meets usability standards.
   - Perform QA testing for functionality across different devices and browsers.

## USER EXPERIENCE
Users will interact with the application primarily through a clean and intuitive interface. The main dashboard will greet them with essential metrics and a prominent button to receive supplier confirmations. The sidebar will allow quick navigation to other features like user management and reports. Notifications will keep users informed, enhancing their engagement with the app.

This design and functionality will create a seamless experience for users, allowing them to efficiently manage supplier confirmations while maintaining a focus on simplicity and usability.
```