Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application called "Padel Dealer," designed for customers to easily rent padel rackets for 1 or 2-week periods. The application will feature multiple brands of rackets, an intuitive rental process, and a back office for managing product listings, ensuring a seamless user experience from selection to checkout.

## CORE FEATURES
1. **Racket Catalog**: A searchable and filterable catalog displaying various padel rackets, allowing users to find the most relevant options quickly.
2. **Three-Step Rental Process**: An easy-to-understand process outlined on the front page: Select Racket → Play with Racket → Return Racket.
3. **Product Management Back Office**: Admin interface to add and manage rackets with details such as title, description, videos, images, and pricing for both 1-week and 2-week rentals.
4. **Payment Integration**: A secure payment engine plugin to facilitate smooth transactions during the checkout process with clear rental terms.
5. **User Authentication**: Allow users to create accounts, log in, and manage their rentals.
6. **Responsive Design**: Ensure that the application is fully functional across various devices, providing an optimal viewing experience.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - clean, simple design with ample white space, focusing on typography and user-friendly navigation.
- **Color Mode**: Light theme with dark text on light backgrounds for clarity and ease of reading.
- **Layout**: The main layout will feature a hero section at the top explaining the rental process, followed by a grid or list of available rackets. Each racket listing will include an image, title, brief description, and rental options.
- **Typography**: Use modern sans-serif fonts for headers (e.g., Montserrat) and legible serif fonts for body text (e.g., Roboto), establishing a clear hierarchy with larger sizes for headings and smaller sizes for descriptions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust component structure and type safety.
- **Styling**: Tailwind CSS for utility-first styling, ensuring a consistent and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components to accelerate development.
- **State Management**: Use React Context API or Redux for managing application state, particularly for user authentication and rental management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Design Hero Section**: Create the hero section with a clear explanation of the three-step rental process, ensuring it is visually engaging and informative.
3. **Develop Racket Catalog**: Implement the catalog feature with search and filter functionalities, displaying rackets with essential details.
4. **Build Back Office Interface**: Create an admin interface for managing racket listings, including forms for adding/editing racket details.
5. **Integrate Payment System**: Set up a payment engine plugin to handle secure transactions, ensuring compliance with rental terms.
6. **Implement User Authentication**: Set up user accounts with login and registration functionalities, managing sessions securely.
7. **Testing and Optimization**: Conduct thorough testing for usability and responsiveness across devices, optimizing performance as necessary.

## USER EXPERIENCE
The user experience will be focused on simplicity and efficiency. Users will land on a clean homepage that clearly communicates the rental process. They will have access to an intuitive search and filter system that allows them to find rackets based on brand, price, and availability. The checkout process will be streamlined to minimize clicks, guiding users through the selection, rental period, and payment in a user-friendly manner. The application will also provide timely feedback and confirmations throughout the rental process, reinforcing trust and satisfaction.