Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a salary lookup tool where users can easily search for the most updated salaries by entering the names of team members. The application is designed to be user-friendly, providing quick access to important salary information in a clean and efficient manner.

## CORE FEATURES
1. **Search Functionality**: Users can input the names of team members to retrieve their corresponding salary information.
2. **Salary Database**: A comprehensive database that stores and updates salary information regularly to ensure accuracy.
3. **Filtering Options**: Users can filter results based on job titles, departments, or salary ranges to refine their searches.
4. **Responsive Design**: The application is fully responsive, allowing for seamless access on desktops, tablets, and mobile devices.
5. **User Feedback System**: Users can submit feedback or report discrepancies in salary data, contributing to the continuous improvement of the application.
6. **Contact Information**: A section for users to reach out for support or inquiries regarding the salary data provided.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a strong emphasis on typography.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability.
- **Layout**: A single-column layout with a prominent search bar at the top, followed by results displayed in a card format that showcases individual salaries, and a footer with contact information.
- **Typography**: Use a sans-serif font for body text (e.g., Helvetica or Arial) and a slightly larger, bold font for headings to establish a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling
- **UI Components**: Utilize shadcn/ui for pre-designed components that maintain the minimalist aesthetic.
- **State Management**: Use React Context API or Redux as needed for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Database**: Set up a mock database or API endpoint that contains salary information for various team members.
3. **Build the Search Component**: Develop a search bar component that captures user input and triggers the search functionality.
4. **Implement Search Logic**: Create functions to fetch and display salary data based on user input, ensuring the results are filtered according to the specified criteria.
5. **Design the Results Display**: Create a card component to present the salary information clearly. Ensure each card contains the name, job title, and salary details.
6. **Add Feedback Mechanism**: Implement a feedback form that users can fill out to report discrepancies or provide suggestions.
7. **Test for Responsiveness**: Ensure the design works well across various devices and screen sizes.
8. **Deploy the Application**: Prepare the application for deployment on a suitable hosting platform.

## USER EXPERIENCE
Users will land on a clean, minimalist homepage featuring a prominent search bar. After entering a name, they will receive instant feedback with salary information displayed in an organized manner. The filtering options will allow users to narrow down their search results effectively. Additionally, the contact section will provide easy access to support, fostering a user-friendly experience throughout their interaction with the application.