Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a web application for a dynamic car rental system called "Rent Car Pop." The main purpose of this application is to allow users to rent cars easily while providing customizable contract templates in PDF format for businesses. The design will prioritize a clean and minimalist aesthetic, ensuring an intuitive user experience.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts, log in, and manage their profiles.
2. **Car Listings**: Display available cars for rent with detailed descriptions, images, and pricing.
3. **Booking System**: Enable users to select rental dates, choose cars, and complete bookings.
4. **Customizable Contract Generation**: Provide users with the ability to create contracts in PDF format using various customizable templates.
5. **Admin Dashboard**: Allow administrators to manage car listings, view bookings, and customize contract templates.
6. **Contact and Support**: Include a contact form for inquiries and support, enhancing user engagement.

## 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 header with navigation, a hero section for promotions, a grid layout for car listings, a section for booking details, and an admin dashboard for management.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (if needed for managing user state and bookings)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install required dependencies including Tailwind CSS and shadcn/ui.
2. **Design the User Interface**: Create the layout with a header, footer, and main content area using Tailwind CSS for styling.
3. **Implement Authentication**: Set up user registration and login features using Firebase or a similar authentication service.
4. **Develop Car Listings**: Create components to display cars dynamically fetched from a backend API or a database.
5. **Build the Booking System**: Implement a booking form that captures rental details and integrates with the car listings.
6. **Create PDF Generation**: Integrate a library like jsPDF to generate customizable contracts in PDF format based on user inputs.
7. **Set Up the Admin Dashboard**: Build an interface for administrators to manage car listings and contract templates.
8. **Test the Application**: Conduct thorough testing to ensure all features work seamlessly and the user experience is smooth.
9. **Deploy the Application**: Deploy the web app to a hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will have a streamlined experience from registration to booking a car. The intuitive interface will allow them to easily browse available cars, view details, and book rentals. The customizable contract feature will enhance usability for businesses, enabling them to generate contracts quickly. Administrators will benefit from a comprehensive dashboard to manage the system efficiently. The overall design will ensure responsiveness across devices, making it accessible for all users.