Merge pull request #1045 from KalangiGeetaneha/branch52

Rent page is working in about page.

Author: Akashshelke07

src/pages/about.html

@@ -198,14 +198,27 @@
   gap: 1.5rem;             
   overflow-x: auto;         
   scroll-snap-type: x mandatory;
-  padding-right: 1rem;       
+  padding-right: 1rem;     
+  
 }
 
 .testimonial-card {
   flex: 0 0 300px;           
   scroll-snap-align: start;  
 }
 
+
+
+.testimonial-card:hover {
+  border: 1px solid #60a5fa;
+  transform: scale(1.05); 
+  box-shadow: 0 4px 10px rgba(96, 165, 250, 0.3);
+}
+
+.add-margin{
+  margin-top: 20px;
+}
+
   </style>
 
 
@@ -361,7 +374,7 @@ <h2 data-aos="fade-up" class="h2 section-title gradient-text">💬 What Our Cust
                 <ion-icon name="chevron-back-outline"></ion-icon>
               </button>
               <div data-aos="fade-up" data-aos-delay="100" class="testimonials-container">
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/007BFF/white?text=RS" alt="Rahul Sharma" />
@@ -376,7 +389,7 @@ <h4 class="customer-name">Rahul Sharma</h4>
                     <p>"I recently rented a car from VehiGo, and I couldn't be happier with the experience. The staff was incredibly friendly and helpful throughout the entire process."</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/28a745/white?text=AP" alt="Alok Patel" />
@@ -391,7 +404,7 @@ <h4 class="customer-name">Alok Patel</h4>
                     <p>"Renting a car from VehiGo was a breeze! The staff was friendly, the car was clean and well-maintained, and the whole process was seamless."</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/ffc107/black?text=AG" alt="Aaru Gupta" />
@@ -406,7 +419,7 @@ <h4 class="customer-name">Aaru Gupta</h4>
                     <p>"VehiGo is my top choice for renting a car. Their service is consistently outstanding and professional. Highly recommended!"</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/dc3545/white?text=PJ" alt="Prateeksha Joshi" />
@@ -421,7 +434,7 @@ <h4 class="customer-name">Prateeksha Joshi</h4>
                     <p>"Overall a wonderful experience! The car was spacious, comfortable, and fuel-efficient. The booking process was simple and quick."</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/6f42c1/white?text=RM" alt="Rohit Mehta" />
@@ -526,21 +539,21 @@ <h3 class="h3 card-title">${c.login}</h3>
           <div data-aos="flip-right" data-aos-delay="50" class="container" >
             <h2 class="h2 section-title gradient-text" style="margin-bottom: 20px;">🗺️ Where We Operate</h2>
             <div class="locations-list">
-              <a href="/src/index.html" class="location-card modern-card animate-card">
+              <a href="../../rentcar.html" class="location-card modern-card animate-card add-margin">
                 <div class="location-card-content">
                   <h3 class="h3 card-title">Bhopal</h3>
                   <p>Explore the city of lakes with our reliable rental cars, perfect for urban adventures and business trips.</p>
                   <span class="card-link modern-btn">Rent in Bhopal</span>
                 </div>
               </a>
-              <a href="/src/index.html" class="location-card modern-card animate-card">
+              <a href="../../rentcar.html" class="location-card modern-card animate-card add-margin">
                 <div class="location-card-content">
                   <h3 class="h3 card-title">Indore</h3>
                   <p>Navigate Indore's vibrant streets with our diverse fleet, from compact city cars to luxury vehicles for special occasions.</p>
                   <span class="card-link modern-btn">Rent in Indore</span>
                 </div>
               </a>
-              <a href="/src/index.html" class="location-card modern-card animate-card">
+              <a href="../../rentcar.html" class="location-card modern-card animate-card add-margin">
                 <div class="location-card-content">
                   <h3 class="h3 card-title">Ujjain</h3>
                   <p>Discover Ujjain's spiritual and cultural heritage with our convenient rental options for pilgrims and tourists.</p>