🚗 Car Rentals - Modern Responsive Landing Page

A professional, fully-featured car rental landing page built with modern web technologies. This project showcases advanced front-end development skills with smooth animations, form validation, and responsive design.

---

✨ Live Demo

🌐 View Live Site: https://ahmed-maher77.github.io/car-rentals/

---

📸 Preview:

---

🎯 Features

🎨 Design & User Experience

• Fully Responsive Design - Optimized for all devices (mobile, tablet, desktop)
• Modern UI/UX - Clean, professional design with intuitive navigation
• Smooth Animations - GSAP-powered scroll animations and page transitions
• Interactive Elements - Hover effects, form validation, and dynamic content

📝 Form Functionality

• Advanced Form Validation - Real-time validation with error messages
• Success Popup - Beautiful animated confirmation after successful submission
• Date/Time Validation - Ensures pickup date is after current date
• Email & Phone Validation - Proper format checking for contact information

🎭 Animations & Interactions

• Scroll-Triggered Animations - Elements animate as they come into view
• Page Load Animations - Smooth entrance animations for all elements
• Smooth Scrolling - Navigation links smoothly scroll to sections
• Interactive Feedback - Visual feedback for user interactions

📱 Responsive Features

• Mobile-First Design - Optimized for mobile devices
• Hamburger Menu - Collapsible navigation for mobile
• Flexible Layout - Adapts seamlessly to all screen sizes
• Touch-Friendly - Optimized for touch interactions

---

🛠️ Technologies Used

Frontend Technologies

• HTML5 - Semantic markup and modern structure
• CSS3 - Advanced styling with Flexbox and Grid
• JavaScript (ES6+) - Modern JavaScript with async/await
• GSAP (GreenSock) - Professional animation library
• FontAwesome - Icon library for UI elements

Key Libraries & Tools

• GSAP ScrollTrigger - Scroll-based animations
• CSS Grid & Flexbox - Modern layout techniques
• CSS Custom Properties - Dynamic theming
• Responsive Design - Mobile-first approach

---

🚀 Getting Started

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• No build tools required - pure HTML/CSS/JS

Installation

1. Clone the repository

   git clone https://github.com/Ahmed-Maher77/car-rentals.git

2. Navigate to project directory

   cd car-rentals

3. Open in browser

   # Simply open index.html in your browser
   # Or use a local server:
   python -m http.server 8000
   # Then visit: http://localhost:8000

---

👨‍💻 Developer

Ahmed Maher - Frontend Developer

• Portfolio: ahmedmaher-portfolio.vercel.app
• LinkedIn: Ahmed Maher Algohary
• GitHub: @Ahmed-Maher77
• Email: ahmedmaher.dev1@gmail.com

---

---

⭐ If you found this project helpful, please give it a star!

Made with ❤️ by Ahmed Maher