Updated navbar.js

added the debounce function and then wrapped the scroll event handler with it.

navbar.js

@@ -38,7 +38,18 @@ overlay.addEventListener("click", function() {
     overlay.style.visibility = "hidden";
 });
 
-window.addEventListener("scroll", function() {
+// Debounce function
+function debounce(func, wait = 20) {
+    let timeout;
+    return function() {
+        const context = this, args = arguments;
+        clearTimeout(timeout);
+        timeout = setTimeout(() => func.apply(context, args), wait);
+    };
+}
+
+// Scroll event with debounce
+window.addEventListener("scroll", debounce(function() {
     const navbar = document.querySelector(".navbar-collapse");
     const navLinks = document.querySelectorAll(".navbar-nav .nav-item a");
 
@@ -53,14 +64,13 @@ window.addEventListener("scroll", function() {
             link.style.color = "#edf2f4";
         });
     }
-});
+}, 20)); // 20ms delay for debounce
+
 function toggleDropdown(show) {
     const dropdownMenu = document.querySelector('.dropdown-menu');
     if (show) {
       dropdownMenu.style.display = 'block';
     } else {
       dropdownMenu.style.display = 'none';
     }
-  }
-
-
+}