diff --git a/buy.html b/buy.html
index 4d3d34a7..af97ca95 100644
--- a/buy.html
+++ b/buy.html
@@ -33,6 +33,9 @@
             background: linear-gradient(135deg, #232526 0%, #414345 100%), url('./assets/images/car-bg.jpg') center/cover no-repeat;
             color: #fff;
         }
+        body.dark-mode .navbar {
+  background-color: #4e7fb4;
+}
 
         .buy-container {
             max-width: 1400px;
diff --git a/featured-car.html b/featured-car.html
index 657d3abe..4f3a793e 100644
--- a/featured-car.html
+++ b/featured-car.html
@@ -590,11 +590,11 @@
     <div class="container">
       <nav class="nav">
         <a href="/src/index.html" class="logo" aria-label="VehiGo home">
-          <img src="./assets/images/vehigologo.png" alt="VehiGo logo" />
+          <img src="../assets/images/vehigologo.png" alt="VehiGo logo" />
         </a>
 
         <ul class="navbar-list" role="menubar" aria-label="Primary">
-          <li><a href="/src/index.html" class="navbar-link" role="menuitem">Home</a></li>
+          <li><a href="../src/index.html" class="navbar-link" role="menuitem">Home</a></li>
           <li><a href="featured-car.html" class="navbar-link" role="menuitem">Explore cars</a></li>
           <li><a href="./src/pages/about.html" class="navbar-link" role="menuitem">About us</a></li>
           <li><a href="blog.html" class="navbar-link" role="menuitem">Blog</a></li>
diff --git a/offline.html b/offline.html
index 3eb1537c..8abb56b0 100644
--- a/offline.html
+++ b/offline.html
@@ -356,6 +356,15 @@
         color: #4da8ff;
       }
 
+       .dark-theme .footer-brand img {
+        filter: brightness(0) invert(1);
+        opacity: 1;
+        transition: opacity 0.3s ease;
+      }
+
+      .dark-theme .footer-brand:hover img {
+        opacity: 0.8;
+      }
       /* Responsive adjustments */
       @media (max-width: 768px) {
         .cards-container {
diff --git a/rentcar.html b/rentcar.html
index c958b2dd..7dbab6ac 100644
--- a/rentcar.html
+++ b/rentcar.html
@@ -109,11 +109,9 @@
       opacity: 0.8;
     }
 
-    .navbar .navbar-list {
-      display: flex;
-      gap: 2rem;
-      list-style: none;
-      margin: 0; padding: 0;
+   .navbar-list{
+      display:flex; list-style:none; gap:14px; padding:0; margin:0; align-items:center;
+      
     }
     
     .navbar-link {
@@ -128,53 +126,58 @@
     
     .navbar-link:hover {
       color: var(--vehigo-primary);
-      background: rgba(37, 99, 235, .08);
+      
     }
     
     .navbar-link.active {
       color: var(--vehigo-primary);
-      background: linear-gradient(90deg, rgba(37, 99, 235, .12), rgba(78, 127, 180, .12));
+      
     }
 
     /* ---------- THEME SWITCH ---------- */
-    .theme-switch {
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      margin-left: 1rem;
+     .theme-switch {
+
+      background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
+      border: none !important;
+      border-radius: 25px !important;
+      margin-right: 5px;
+      padding: 10px 25px !important;
+      font-weight: 700 !important;
+      color: white !important;
+      transition: all 0.3s ease !important;
+      box-shadow: 0 2px 8px rgba(37, 100, 235, 0.3) !important;
     }
-    
-    .theme-switch input { display: none; }
-    
+
+    .theme-toggle-switch:hover {
+      transform: translateY(-2px) !important;
+      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
+      border-color: #2563eb !important;
+    }
+
+    .theme-switch input{ appearance:none; width:0; height:0; position:absolute; }
     .slider {
       display: flex;
       align-items: center;
       gap: 0.5rem;
     }
     
-    .btn-outline-light {
-      width: 100px;
-      height: 40px;
-      border-radius: var(--radius-md);
-      border: 1px solid var(--vehigo-border);
-      background: var(--vehigo-card);
-      color: var(--vehigo-text);
-      font-weight: 600;
-      font-size: 0.9rem;
-      cursor: pointer;
-      transition: all 0.3s ease;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: 6px;
-      box-shadow: var(--shadow-1);
+   .btn-vehigo {
+      background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
+      border: none !important;
+      border-radius: 25px !important;
+      margin-right: 5px;
+      padding: 10px 20px !important;
+      font-weight: 600 !important;
+      color: white !important;
+      transition: all 0.3s ease !important;
+      box-shadow: 0 2px 8px rgba(37, 100, 235, 0.3) !important;
+      text-decoration: none;
     }
-    
-    .btn-outline-light:hover {
-      transform: translateY(-2px);
-      box-shadow: var(--shadow-2);
-      background: linear-gradient(90deg, var(--vehigo-primary), var(--vehigo-primary-2));
-      color: white;
+
+    .btn-vehigo:hover {
+      transform: translateY(-2px) !important;
+      box-shadow: 0 4px 15px rgba(37, 100, 235, 0.4) !important;
+      background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
     }
     
     body.dark-theme .btn-outline-light {
@@ -521,97 +524,53 @@
     }
 
     /* ---------- FOOTER ---------- */
+   .footer { background: #f4f7fb; color: #111827; }
+    body.dark-theme .footer { background: #0b0f14; color: #e5e7eb; }
+    body.dark-theme .footer-link { color: #cbd5e1; }
+    body.dark-theme .footer .footer-link:hover { color: #60a5fa; }
+    body.dark-theme .social-link { color: #cbd5e1; }
+   body.dark-theme .footer-text{color:#cbd5e1;}
+    body.dark-theme .footer-list-title{color:#cbd5e1;}
+    /* New Footer UI */
     .footer {
-      background: linear-gradient(135deg, var(--vehigo-primary), var(--vehigo-primary-2));
-      color: #fff;
-      border-top-left-radius: var(--radius-xl);
-      border-top-right-radius: var(--radius-xl);
-      padding: 3rem 1.5rem 2rem;
-      margin-top: 4rem;
-      position: relative;
-      z-index: 1;
-    }
-    
-    body.dark-theme .footer {
-      background: linear-gradient(135deg, #1a1a2e, #16213e);
-    }
-
-    .footer-container {
-      max-width: 1200px;
-      margin: auto;
+      padding: 60px 0 20px;
     }
-
-    .footer-row {
+    .footer .container { max-width: 1200px; margin-inline: auto; }
+    .footer-grid {
       display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-      gap: 2rem;
-      margin-bottom: 2rem;
-    }
-
-    .footer-col h6 {
-      font-weight: 700;
-      margin-bottom: 1rem;
-    }
-
-    .footer-col ul {
-      list-style: none;
-      padding: 0;
-      margin: 0;
-    }
-
-    .footer-col ul li {
-      margin-bottom: 0.5rem;
-    }
-
-    .footer-col a {
-      color: #fff;
-      opacity: 0.9;
-      text-decoration: none;
-      transition: opacity 0.3s;
-    }
-
-    .footer-col a:hover {
-      opacity: 1;
-    }
-
-    .footer .brand img {
-      height: 45px;
-      margin-bottom: 1rem;
-    }
-
-    .footer .brand p {
-      margin: 0.3rem 0;
-      opacity: 0.95;
-    }
-
-    .socials {
-      display: flex;
-      gap: 1rem;
-      font-size: 1.3rem;
-    }
-    .socials a {
-      color: #fff;
-      opacity: 0.85;
+      grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
+      gap: 32px;
+      align-items: start;
     }
-    .socials a:hover {
-      opacity: 1;
-    }
-
-    /* Bottom Section */
-    .footer-bottom {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      font-size: 0.9rem;
-      border-top: 1px solid rgba(255,255,255,0.35);
-      padding-top: 1rem;
-      opacity: 0.9;
-    }
-    .footer-bottom a {
-      color: #fff;
-      text-decoration: none;
-    }
-
+    .footer-brand .logo { display: inline-flex; align-items: center; gap: 8px; }
+    .footer-brand .logo img { height: 44px; }
+    .footer-text { margin-top: 12px; color: #475569; }
+    
+    .footer .social-list { display: flex; gap: 12px; margin-top: 14px; }
+    .footer .social-link { font-size: 22px; color: #1f2937; }
+    .footer .social-link:hover { color: #2563eb; }
+    body.dark-theme .footer .social-link { color: #cbd5e1; }
+    .footer-list-title { font-weight: 800; margin-bottom: 10px; color: #0f172a; }
+    body.dark-theme .footer-list-title { color: #e2e8f0; }
+    .footer-link { color: #374151; font-weight: 500; text-decoration: none; }
+    .footer-link:hover { color: #2563eb; transform: translateX(2px); }
+    .newsletter { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 16px; }
+    body.dark-theme .newsletter { background: #111827; border-color: #263241; }
+    .newsletter h4 { margin-bottom: 8px; font-weight: 800; }
+    .newsletter p { font-size: 0.95rem; color: #475569; margin-bottom: 12px; }
+    body.dark-theme .newsletter p { color: #94a3b8; }
+    .newsletter .form { display: flex; gap: 8px; }
+    .newsletter input { flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid #e5e7eb; outline: none; }
+    body.dark-theme .newsletter input { background: #0f1218; color: #e5e7eb; border-color: #263241; }
+    .newsletter button { padding: 10px 14px; border-radius: 10px; background: #2563eb; color: #fff; border: none; font-weight: 700; }
+    .newsletter button:hover { background: #1e40af; }
+    .footer-bottom { margin-top: 32px; border-top: 1px solid #e5e7eb; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; }
+   body.dark-theme .footer-bottom { border-color: #263241; }
+    .footer-bottom .mini-links { display: flex; gap: 12px; }
+    .footer-bottom .mini-links a { color: #475569; font-size: 0.95rem; }
+    .footer-bottom .mini-links a:hover { color: #2563eb; }
+    .footer-list{list-style-type: none;}
+    .social-list{list-style-type: none;}
     /* ---------- RESPONSIVE ---------- */
     @media (max-width: 768px) {
       .header {
@@ -780,6 +739,98 @@
   transform: translateY(-2px);
 }
 
+/* ====== DARK MODE STYLING ====== */
+
+
+
+/* Section container */
+body.dark-theme .vehicle-form-section {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 3rem 1rem;
+  background-color: #0f172a;
+}
+
+/* Card */
+body.dark-theme .vehicle-form-card {
+  background-color: #1e293b; /* Dark slate card */
+  padding: 2rem 2.5rem;
+  border-radius: 1rem;
+  box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);
+  width: 100%;
+  max-width: 500px;
+  transition: background-color 0.3s ease, transform 0.2s ease;
+}
+
+body.dark-theme .vehicle-form-card:hover {
+  transform: translateY(-3px);
+}
+
+/* Title */
+body.dark-theme .vehicle-form-title {
+  text-align: center;
+  font-size: 1.8rem;
+  font-weight: 600;
+  margin-bottom: 1.5rem;
+  color: #e2e8f0;
+  border-bottom: 1px solid #334155;
+  padding-bottom: 0.75rem;
+}
+
+/* Labels & Inputs */
+body.dark-theme.vehicle-input-group {
+  margin-bottom: 1.2rem;
+}
+
+body.dark-theme .vehicle-input-group label {
+  display: block;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  color: #cbd5e1;
+}
+
+body.dark-theme .vehicle-input-group input {
+  width: 100%;
+  padding: 0.75rem;
+  border-radius: 0.5rem;
+  border: 1px solid #334155;
+  background-color: #1e293b;
+  color: #f8fafc;
+  font-size: 1rem;
+  outline: none;
+  transition: border-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+body.dark-theme.vehicle-input-group input:focus {
+  border-color: #38bdf8;
+  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.3);
+}
+
+/* Submit Button */
+body.dark-theme .vehicle-submit-btn {
+  width: 100%;
+  background-color: #38bdf8;
+  color: #0f172a;
+  border: none;
+  padding: 0.9rem 1.2rem;
+  border-radius: 0.6rem;
+  font-weight: 600;
+  cursor: pointer;
+  font-size: 1rem;
+  transition: background-color 0.3s ease, transform 0.2s ease;
+}
+
+body.dark-theme .vehicle-submit-btn:hover {
+  background-color: #0ea5e9;
+  transform: translateY(-2px);
+}
+
+body.dark-theme .vehicle-submit-btn i {
+  margin-right: 0.5rem;
+}
+
+
 /* Responsive */
 @media (max-width: 600px) {
   .vehicle-form-card {
@@ -799,24 +850,31 @@
       <img src="./assets/images/vehigologo.png" alt="VehiGo logo"/>
     </a>
     <nav class="navbar">
-      <ul class="navbar-list">
-        <li><a href="/src/index.html" class="navbar-link">Home</a></li>
-        <li><a href="featured-car.html" class="navbar-link">Explore cars</a></li>
-        <li><a href="./src/pages/about.html" class="navbar-link">About</a></li>
-        <li><a href="blog.html" class="navbar-link">Blog</a></li>
-        <li><a href="offline.html" class="navbar-link">Offline Centers</a></li>
-        <li><a href="rentcar.html" class="navbar-link">Rent Your Car</a></li>
-      </ul>
+      <ul class="navbar-list" role="menubar" aria-label="Primary">
+          <li><a href="../src/index.html" class="navbar-link" role="menuitem">Home</a></li>
+          <li><a href="featured-car.html" class="navbar-link" role="menuitem">Explore cars</a></li>
+          <li><a href="./src/pages/about.html" class="navbar-link" role="menuitem">About us</a></li>
+          <li><a href="blog.html" class="navbar-link" role="menuitem">Blog</a></li>
+          <li><a href="offline.html" class="navbar-link" role="menuitem">Offline Centers</a></li>
+          <li><a href="rentcar.html" class="navbar-link" role="menuitem">Rent Your Car</a></li>
+          <li><a href="wishlist.html" class="navbar-link" role="menuitem">Wishlist</a></li>
+          <li>
+            <label class="theme-switch" for="theme-toggle" title="Toggle theme">
+              <input type="checkbox" id="theme-toggle" aria-label="Toggle dark mode"/>
+              <span id="theme-text">Dark</span>
+            </label>
+          </li>
+          <li>
+            <a href="src/pages/login.html" class="btn btn-vehigo" id="loginBtn">
+              <i class="fa-regular fa-user"></i> <span>Login</span>
+            </a>
+          </li>
+        </ul>
+     
     </nav>
 
     <!-- Theme Toggle -->
-    <label class="theme-switch">
-      <input type="checkbox" id="theme-toggle"/>
-      <span class="slider">
-        <button class="btn-outline-light" id="themebtn"><i class="fa-solid fa-gear"></i> Dark</button>
-      </span>
-    </label>
-    <a href="./src/pages/login.html" class="btn-outline-light" id="loginBtn" style="margin-left: 0.75rem;"><i class="fa-regular fa-user"></i> Login</a>
+    
   </header>
 
   <!-- ANIMATED BACKGROUND -->
@@ -900,59 +958,60 @@ <h2>💼 Buy or Sell</h2>
 
   <!-- FOOTER -->
   <footer class="footer">
-    <div class="footer-container">
-      <div class="footer-row">
-        <!-- Brand -->
-        <div class="footer-col brand">
-          <a href="#" class="logo">
-            <img src="./assets/images/vehigologo.png" alt="Vehigo logo">
-          </a>
-          <p>🚗 <strong>Affordable rentals across Madhya Pradesh</strong></p>
-          <p>Choose from a wide range of vehicles — or rent your own when it’s idle.</p>
-        </div>
+      <div class="container">
+        <div class="footer-grid">
+          <div class="footer-brand">
+            <a href="#" class="logo">
+              <img src="assets\images\vehigologo.png" alt="VehiGo logo" />
+            </a>
+            <p class="footer-text">
+              Seamless rentals across Bhopal, Indore and Ujjain. Reliable, affordable and convenient car rental services for every journey.
+          </div>
 
-        <!-- Company -->
-        <div class="footer-col">
-          <h6>Company</h6>
-          <ul>
-            <li><a href="./src/pages/about.html">About Us</a></li>
-            <li><a href="./src/pages/pricing.html">Pricing Plans</a></li>
-            <li><a href="./blog.html">Our Blog</a></li>
-            <li><a href="./ContactUs.html">Contact Us</a></li>
+          <ul class="footer-list">
+            <li><p class="footer-list-title">Company</p></li>
+            <li><a href="src\pages\about.html" class="footer-link">About us</a></li>
+            <li><a href="src\pages\pricing.html" class="footer-link">Pricing plans</a></li>
+            <li><a href="blog.html" class="footer-link">Our blog</a></li>
+            <li><a href="ContactUs.html" class="footer-link">Contact Us</a></li>
           </ul>
-        </div>
 
-        <!-- Support -->
-        <div class="footer-col">
-          <h6>Support</h6>
-          <ul>
-            <li><a href="./src/pages/help-center.html">Help Center</a></li>
-            <li><a href="./src/pages/Askaques.html">Ask a Question</a></li>
-            <li><a href="./privacypolicy.html">Privacy Policy</a></li>
-            <li><a href="./tandc.html">Terms & Conditions</a></li>
+          <ul class="footer-list">
+            <li><p class="footer-list-title">Support</p></li>
+            <li><a href="src\pages\help-center.html" class="footer-link">Help center</a></li>
+            <li><a href="src\pages\Askaques.html" class="footer-link">Ask a question</a></li>
+            <li><a href="privacypolicy.html" class="footer-link">Privacy policy</a></li>
+            <li><a href="tandc.html" class="footer-link">Terms & conditions</a></li>
           </ul>
-        </div>
 
-        <!-- Follow -->
-        <div class="footer-col">
-          <h6>Follow</h6>
-          <div class="socials">
-            <a href="https://www.facebook.com/vehigo" target="_blank"><i class="fab fa-facebook"></i></a>
-            <a href="https://www.instagram.com/vehigo" target="_blank"><i class="fab fa-instagram"></i></a>
-            <a href="https://x.com/vehigo" target="_blank"><i class="fab fa-x-twitter"></i></a>
-            <a href="https://www.linkedin.com/company/vehigo" target="_blank"><i class="fab fa-linkedin"></i></a>
-            <a href="https://github.com/vehigo" target="_blank"><i class="fab fa-github"></i></a>
+          <div class="newsletter">
+            <h4>Stay in the loop</h4>
+            <p>Subscribe to get updates about new cars and offers.</p>
+            <div class="form">
+              <input type="email" placeholder="Enter your email" aria-label="Email address" />
+              <button type="button">Subscribe</button>
+            </div>
           </div>
         </div>
-      </div>
 
-      <!-- Bottom -->
-      <div class="footer-bottom">
-        <div>© <span id="copyright-year">2025</span> Vehigo — All rights reserved.</div>
-        <div><i class="fa-solid fa-phone"></i> <a href="tel:1800100100">1800-100-100</a> · Mon–Sat: 9:00am–6:00pm</div>
+        <div class="footer-bottom">
+          <ul data-aos="fade-up" class="social-list">
+            <li><a href="https://facebook.com/vehigo" class="social-link" target="_blank" rel="noopener"><ion-icon name="logo-facebook"></ion-icon></a></li>
+            <li><a href="https://instagram.com/vehigo" class="social-link" target="_blank" rel="noopener"><ion-icon name="logo-instagram"></ion-icon></a></li>
+            <li><a href="https://twitter.com/vehigo" class="social-link" target="_blank" rel="noopener"><ion-icon name="logo-twitter"></ion-icon></a></li>
+            <li><a href="https://linkedin.com/company/vehigo" class="social-link" target="_blank" rel="noopener"><ion-icon name="logo-linkedin"></ion-icon></a></li>
+            <li><a href="https://github.com/vehigo" class="social-link" target="_blank" rel="noopener"><ion-icon name="logo-github"></ion-icon></a></li>
+            <li><a href="mailto:contact@vehigo.com" class="social-link"><ion-icon name="mail-outline"></ion-icon></a></li>
+          </ul>
+          <p class="copyright">© <span id="about-footer-year"></span> VehiGo. All rights reserved.</p>
+          <div class="mini-links">
+            <a href="../../privacypolicy.html">Privacy</a>
+            <a href="tandc.html">Terms</a>
+            <a href="../../ContactUs.html">Contact</a>
+          </div>
+        </div>
       </div>
-    </div>
-  </footer>
+    </footer>
 
   <!-- Floating Scroll Buttons -->
   <div class="scroll-buttons">
@@ -991,7 +1050,7 @@ <h6>Follow</h6>
   
   <!-- THEME SCRIPT -->
   <script>
-    const themebtn = document.getElementById('themebtn');
+    const themebtn = document.getElementById('theme-toggle');
     if(localStorage.getItem("theme") === "dark"){
       document.body.classList.add("dark-theme");
       themebtn.innerHTML = '<i class="fa-solid fa-sun"></i> Light';
diff --git a/sell.html b/sell.html
index 853a0f2c..70294940 100644
--- a/sell.html
+++ b/sell.html
@@ -35,6 +35,9 @@
             background: linear-gradient(135deg, #232526 0%, #414345 100%), url('./assets/images/car-bg.jpg') center/cover no-repeat;
             color: #fff;
         }
+        body.dark-mode .navbar {
+  background-color: #4e7fb4;
+}
 
         .sell-container {
             max-width: 1200px;