feat: contact form and more edits

static/js/main.js

@@ -64,15 +64,26 @@ function initMegaMenu() {
   const megamenu = productsItem.querySelector('.megamenu');
   if (!trigger || !megamenu) return;
 
-  productsItem.addEventListener('mouseenter', () => {
+  let hideTimer = null;
+
+  function openMenu() {
+    clearTimeout(hideTimer);
     productsItem.classList.add('open');
     trigger.setAttribute('aria-expanded', 'true');
-  });
+  }
 
-  productsItem.addEventListener('mouseleave', () => {
-    productsItem.classList.remove('open');
-    trigger.setAttribute('aria-expanded', 'false');
-  });
+  function scheduleClose() {
+    hideTimer = setTimeout(() => {
+      productsItem.classList.remove('open');
+      trigger.setAttribute('aria-expanded', 'false');
+    }, 180);
+  }
+
+  productsItem.addEventListener('mouseenter', openMenu);
+  productsItem.addEventListener('mouseleave', scheduleClose);
+
+  megamenu.addEventListener('mouseenter', openMenu);
+  megamenu.addEventListener('mouseleave', scheduleClose);
 
   trigger.addEventListener('keydown', (e) => {
     if (e.key === 'Enter' || e.key === ' ') {