Google map location updated

contact.html

@@ -229,12 +229,25 @@ <h5 style="font-weight: bold; color: seagreen;">
         </section>
 
         <section class="map-section fade-in" aria-label="Location map">
+
             <div class="map-label">
-                <span>Virtual Office · Valsad, Gujarat</span>
+                <span>Virtual Office · Valsad, Gujarat - India</span>
             </div>
-            <iframe loading="lazy" allowfullscreen style="border:0;" title="Map of Valsad"
-                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d59649.97341620984!2d72.89736868664188!3d20.612260683057106!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be0c63073998b2f%3A0x6b86552103328e35!2sValsad%2C%20Gujarat!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin">
+
+            <iframe
+                src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d720.8584561459695!2d72.92232226949376!3d20.614061254046845!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjDCsDM2JzUwLjYiTiA3MsKwNTUnMjIuNyJF!5e1!3m2!1sen!2sin!4v1773056719378!5m2!1sen!2sin"
+                style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"
+                title="Map of Valsad">
             </iframe>
+
+            <!-- Open in Google Maps Button -->
+            <div class="map-button">
+                <a href="https://maps.app.goo.gl/XmxSewhQsDVa3DwAA" target="_blank" rel="noopener noreferrer"
+                    class="map-open-btn">
+                    Open Location in Google Maps
+                </a>
+            </div>
+
         </section>
 
     </main>

css/contact.css

@@ -652,8 +652,22 @@ body.contact-body {
     border-radius: 0;
 }
 
-/* Force the Contact link to stay highlighted, overriding common.js */
-.contact-body .nav-links li a[href="contact.html"],
-.contact-body .nav-links li a[href="contact.html"].active {
-    color: var(--amber) !important;
+.map-button {
+    text-align: center;
+    margin-top: 15px;
+}
+
+.map-open-btn {
+    display: inline-block;
+    padding: 10px 18px;
+    background: #0a66c2;
+    color: white;
+    text-decoration: none;
+    font-weight: 500;
+    border-radius: 6px;
+    transition: background 0.3s ease;
+}
+
+.map-open-btn:hover {
+    background: #084a8c;
 }

js/about.js

@@ -1,23 +1,6 @@
 // about.js
-document.addEventListener("DOMContentLoaded", function () {
-  // Force "About" Link Active
-  // common.js has a ScrollSpy that removes active classes on scroll.
-  // This function ensures the about link overrides that behavior.
-  const aboutLink = document.querySelector('.nav-links a[href="about.html"]');
-
-  function keepAboutActive() {
-    if (aboutLink) {
-      // Remove active from others, force it on About
-      document
-        .querySelectorAll(".nav-links a")
-        .forEach((link) => link.classList.remove("active"));
-      aboutLink.classList.add("active");
-    }
-  }
-
-  // Run on initial load
-  keepAboutActive();
-
-  // Run on scroll to instantly override common.js
-  window.addEventListener("scroll", keepAboutActive);
-});
+// Force "About" Link Active
+// common.js has a ScrollSpy that removes active classes on scroll.
+// This function ensures the about link overrides that behavior.
+// 1️⃣ Force "About" Link Active
+// Code was removed because common.js handles this with ScrollSpy.

js/contact.js

@@ -1,27 +1,7 @@
 // contact.js
 document.addEventListener("DOMContentLoaded", function () {
   // 1️⃣ Force "Contact" Link Active
-  // common.js has a ScrollSpy that removes active classes on scroll.
-  // This function ensures the contact link overrides that behavior.
-  const contactLink = document.querySelector(
-    '.nav-links a[href="contact.html"]'
-  );
-
-  function keepContactActive() {
-    if (contactLink) {
-      // Remove active from others, force it on Contact
-      document
-        .querySelectorAll(".nav-links a")
-        .forEach((link) => link.classList.remove("active"));
-      contactLink.classList.add("active");
-    }
-  }
-
-  // Run on initial load
-  keepContactActive();
-
-  // Run on scroll to instantly override common.js
-  window.addEventListener("scroll", keepContactActive);
+  // Code removed because common.js handles this with ScrollSpy.
 
   // 2️⃣ Character Count for Message
   const messageInput = document.getElementById("message");