A responsive and modern car rental website built with React and TailwindCSS. This project showcases a luxury car rental service with smooth animations, responsive design, and a clean user interface.

• Responsive Design: Fully responsive layout that works on mobile, tablet, and desktop devices
• Modern UI: Clean and elegant design with attention to detail
• Animations: Subtle animations and transitions for enhanced user experience
• Multi-page Layout: Complete website with multiple pages using React Router
• Car Listings: Browse, filter, and search for available cars
• Booking System: Multi-step booking process with form validation
• Interactive Components: Reusable UI components with hover effects and transitions

1. Home: Landing page with hero section, featured cars, and key benefits
2. Cars: Browse all available cars with filtering and search functionality
3. Car Detail: Detailed information about a specific car
4. Booking: Multi-step booking process
5. About: Information about the company, team, and locations

• React: Frontend library for building the user interface
• TailwindCSS: Utility-first CSS framework for styling
• React Router: For navigation between pages
• Hono: Lightweight web framework for the backend

├── backend/
│   └── index.js           # Backend HTTP handler
├── frontend/
│   ├── components/
│   │   ├── layout/        # Layout components (Navbar, Footer)
│   │   └── ui/            # UI components (Button, CarCard)
│   ├── data/
│   │   └── cars.js        # Mock data for cars
│   ├── pages/             # Page components
│   ├── index.html         # Main HTML template
│   └── index.jsx          # React entry point
└── README.md

1. Visit the HTTP endpoint to view the website
2. Navigate through the different pages using the navigation menu
3. Browse cars, view details, and try the booking process

• Fade-in animations for content sections
• Hover effects on cards and buttons
• Smooth transitions for interactive elements
• Slide-in animations for modal dialogs

The website is fully responsive and optimized for:

• Mobile devices (< 640px)
• Tablets (640px - 1024px)
• Desktops (> 1024px)

• Car images from Unsplash
• Icons from Heroicons
• Fonts from Google Fonts (Inter)