From 5a9c6e4a0a844d4e37826e8c5e35cf2abff3fe9b Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Tue, 9 Jun 2026 18:57:15 +0200
Subject: [PATCH] fix(nav): resolve broken mobile menu contact button overlay
 trap and Link props propagation

---
 components/Header.tsx    | 7 +++++++
 components/ui/Button.tsx | 7 ++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/components/Header.tsx b/components/Header.tsx
index b7213e4d..61d145d1 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -450,6 +450,13 @@ export default function Header() {
                 variant="accent"
                 size="lg"
                 className="w-full py-6 text-lg md:text-xl shadow-2xl hover:scale-105 transition-transform"
+                onClick={() => {
+                  setIsMobileMenuOpen(false);
+                  trackEvent(AnalyticsEvents.BUTTON_CLICK, {
+                    label: t('contact'),
+                    location: 'mobile_menu_cta',
+                  });
+                }}
               >
                 {t('contact')}
               </Button>
diff --git a/components/ui/Button.tsx b/components/ui/Button.tsx
index 6a853078..d95a573a 100644
--- a/components/ui/Button.tsx
+++ b/components/ui/Button.tsx
@@ -82,8 +82,13 @@ export function Button({
   );
 
   if (href) {
+    const { type, disabled, ...linkProps } = props as any;
     return (
-      <Link href={href} className={styles}>
+      <Link
+        href={disabled ? '#' : href}
+        className={cn(styles, disabled && 'pointer-events-none opacity-50')}
+        {...linkProps}
+      >
         {content}
       </Link>
     );