From d8a975431f1f5df19ee20c7274aa147589fa2f3d Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Mon, 18 May 2026 09:35:29 -0500
Subject: [PATCH] fix(ui): dropdown hover gap fix (#132) and remove contact
 form button (#133)

---
 src/components/layout/Header.jsx | 4 ++--
 src/pages/Contact.jsx            | 8 ++------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx
index f8bce54..fc80c3a 100644
--- a/src/components/layout/Header.jsx
+++ b/src/components/layout/Header.jsx
@@ -74,7 +74,7 @@ const Header = () => {
                 </Link>
                 {/* Services Dropdown */}
                 {link.name === 'Services' && (
-                  <div className="absolute top-full left-0 mt-2 w-64 bg-white rounded-lg shadow-xl border border-gray-200 hidden group-hover:block">
+                  <div className="absolute top-full left-0 w-64 bg-white rounded-lg shadow-xl border border-gray-200 hidden group-hover:block pt-2">
                     <div className="p-2">
                       {serviceLinks.map((service) => (
                         <Link
@@ -90,7 +90,7 @@ const Header = () => {
                 )}
                 {/* Industries Dropdown */}
                 {link.name === 'Industries' && (
-                  <div className="absolute top-full left-0 mt-2 w-64 bg-white rounded-lg shadow-xl border border-gray-200 hidden group-hover:block">
+                  <div className="absolute top-full left-0 w-64 bg-white rounded-lg shadow-xl border border-gray-200 hidden group-hover:block pt-2">
                     <div className="p-2">
                       {industryLinks.map((industry) => (
                         <Link
diff --git a/src/pages/Contact.jsx b/src/pages/Contact.jsx
index 4dca77e..f0790d2 100644
--- a/src/pages/Contact.jsx
+++ b/src/pages/Contact.jsx
@@ -149,17 +149,13 @@ const Contact = () => {
                 <a href="mailto:info@queuenorth.com" className="text-sm font-medium hover:underline" aria-label="Send email to info@queuenorth.com">info@queuenorth.com</a>
               </div>
             </div>
-            <div className="mb-8">
-              <a href="#contact-form" className="inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-6 bg-primary-cyan text-primary-navy hover:bg-cyan-600 transition-colors">
-                Fill Out the Form
-              </a>
-            </div>
+
           </div>
         </div>
       </section>
 
       {/* Contact Form */}
-      <section id="contact-form" className="bg-background py-16">
+      <section className="bg-background py-16">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-12">
             {/* Left - Info */}