From 53a885acdbba92d2cab05e0bd6e7d299253ef246 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 19 Jun 2026 23:42:35 +0200
Subject: [PATCH] fix(ui): resolve unclosed Link tag in ReferencesSlider and
 MobileBottomNav type errors

---
 components/blocks/ReferencesSlider.tsx |  2 +-
 components/layout/MobileBottomNav.tsx  | 49 +++++++++++++++++---------
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/components/blocks/ReferencesSlider.tsx b/components/blocks/ReferencesSlider.tsx
index d21590a17..161115e90 100644
--- a/components/blocks/ReferencesSlider.tsx
+++ b/components/blocks/ReferencesSlider.tsx
@@ -159,7 +159,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
                     </span>
                     <h4 className="font-heading text-xl md:text-2xl font-bold leading-tight break-words">{ref.title}</h4>
                   </div>
-                </div>
+                </Link>
               </motion.div>
             );
           })}
diff --git a/components/layout/MobileBottomNav.tsx b/components/layout/MobileBottomNav.tsx
index e899573b2..153a51c97 100644
--- a/components/layout/MobileBottomNav.tsx
+++ b/components/layout/MobileBottomNav.tsx
@@ -4,11 +4,12 @@ import * as React from 'react';
 import { usePathname } from 'next/navigation';
 import { TransitionLink } from '@/components/ui/TransitionLink';
 import { Home, Briefcase, Users, Mail } from 'lucide-react';
-import { motion } from 'framer-motion';
+import { motion, AnimatePresence } from 'framer-motion';
 
 export interface NavLink {
   label: string;
   url: string;
+  children?: NavLink[];
 }
 
 interface MobileBottomNavProps {
@@ -112,20 +113,8 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
               ItemIcon = <svg className="w-5 h-5 md:w-6 md:h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2.5}><path strokeLinecap="round" strokeLinejoin="round" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>;
             }
 
-            const LinkWrapper = item.isFlyoutTrigger ? 'button' : TransitionLink;
-            const linkProps = item.isFlyoutTrigger 
-              ? { onClick: () => setIsFlyoutOpen(!isFlyoutOpen), className: "w-full focus:outline-none" } 
-              : { href: mappedUrl };
-
-            return (
-              <LinkWrapper 
-                key={item.label}
-                {...linkProps}
-                className={`relative flex flex-col items-center justify-center flex-1 h-[60px] transition-colors duration-300 select-none ${
-                  isActive ? 'text-white' : 'text-neutral-500 hover:text-neutral-900'
-                } ${item.isFlyoutTrigger ? 'focus:outline-none' : ''}`}
-                style={{ WebkitTapHighlightColor: 'transparent', touchAction: 'manipulation' }}
-              >
+            const innerContent = (
+              <>
                 {isActive && (
                   <motion.div
                     layoutId="mobile-nav-active-bg"
@@ -149,7 +138,35 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
                     {item.label}
                   </motion.span>
                 </div>
-              </LinkWrapper>
+              </>
+            );
+
+            if (item.isFlyoutTrigger) {
+              return (
+                <button 
+                  key={item.label}
+                  onClick={() => setIsFlyoutOpen(!isFlyoutOpen)}
+                  className={`relative flex flex-col items-center justify-center flex-1 h-[60px] transition-colors duration-300 select-none w-full focus:outline-none ${
+                    isActive ? 'text-white' : 'text-neutral-500 hover:text-neutral-900'
+                  }`}
+                  style={{ WebkitTapHighlightColor: 'transparent', touchAction: 'manipulation' }}
+                >
+                  {innerContent}
+                </button>
+              );
+            }
+
+            return (
+              <TransitionLink 
+                key={item.label}
+                href={mappedUrl}
+                className={`relative flex flex-col items-center justify-center flex-1 h-[60px] transition-colors duration-300 select-none ${
+                  isActive ? 'text-white' : 'text-neutral-500 hover:text-neutral-900'
+                }`}
+                style={{ WebkitTapHighlightColor: 'transparent', touchAction: 'manipulation' }}
+              >
+                {innerContent}
+              </TransitionLink>
             );
           })}
         </nav>