Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app that allows users to input an alphanumeric vehicle plate (e.g., ABC-XYZ) and retrieve detailed information about the driver associated with that plate. This includes the driver's photo, name, criminal background, trip history on platforms like Uber and Cabify, ratings, comments, and an assessment of the driver's safety level. The app is designed to provide users with insights into driver reliability while maintaining a minimalist and user-friendly interface.

## CORE FEATURES
1. **Plate Input**: Users can enter a vehicle plate number in the format ABC-XYZ to retrieve driver information.
2. **Driver Information Display**: Shows the driver's photo, name, and a summary of their background, including criminal records and trip history.
3. **Trip Ratings and Comments**: Displays the number of trips made on platforms like Uber and Cabify, along with user ratings and comments.
4. **Safety Assessment**: Provides a clear indication of whether the driver is safe, has moderate risk, or is highly risky, with alerts highlighted in colors.
5. **Simulated Data**: The application will simulate data for two test plates—one representing a safe driver and another representing a risky driver, allowing users to test the functionality without database connectivity.

## 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 consists of a centered input field for the vehicle plate, followed by sections displaying driver information, trip history, and safety assessment. Each section is neatly arranged with adequate spacing to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this basic simulation but can be implemented for future features.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Input Component**: Develop an input field where users can enter the vehicle plate number.
3. **Build Display Components**: Create components to display the driver's photo, name, trip history, ratings, and safety assessment.
4. **Simulate Data**: Hardcode data for two vehicle plates (one for a safe driver and one for a risky driver) to demonstrate functionality.
5. **Implement Safety Assessment Logic**: Create a function to determine the safety level based on the simulated data and highlight the assessment using colors.
6. **Style Components**: Use Tailwind CSS to style the components according to the design specifications, ensuring a minimalist look and feel.
7. **Testing**: Test the application to ensure that the input and display functions work correctly, and that safety assessments are displayed accurately.

## USER EXPERIENCE
Users will interact with a simple input interface to enter a vehicle plate. Upon submission, the app will fetch and display relevant driver information in a clear, organized manner. Safety assessments will be visually distinctive, allowing users to quickly gauge driver reliability. The overall experience emphasizes ease of use, with a focus on usability and aesthetic clarity, ensuring users can effortlessly navigate through the information presented.