chore: bump version to trigger SSL retry

app/[locale]/referenzen/page.tsx

@@ -122,7 +122,8 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
           {references.map((ref) => (
             <div
               key={ref.slug}
-              className="flex flex-col bg-white border border-neutral-100 rounded-3xl overflow-hidden shadow-sm block"
+              id={ref.slug}
+              className="flex flex-col bg-white border border-neutral-100 rounded-3xl overflow-hidden shadow-sm block scroll-mt-32"
             >
               <div className="flex flex-col h-full relative">
                 {/* Image Section */}

components/blocks/ReferencesSlider.tsx

@@ -132,7 +132,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
                 className="flex-shrink-0 w-[320px] md:w-[480px] snap-start group pointer-events-auto"
               >
                 <Link
-                  href={`/${locale}/referenzen/${ref.slug}`}
+                  href={`/${locale}/referenzen#${ref.slug}`}
                   onClick={(e) => {
                     if (dragDistanceRef.current > 5) {
                       e.preventDefault();

components/layout/Header.tsx

@@ -138,8 +138,54 @@ export function Header({ navLinks }: HeaderProps) {
             <div className="flex items-center gap-2 md:gap-4 lg:gap-6">
               <div className={`hidden md:block h-5 w-px transition-colors duration-300 ${isSolidMode ? 'bg-neutral-200' : 'bg-white/20'}`} />
               
-              {/* Language Switcher visible on all devices */}
-              <div className="z-50 relative flex items-center">
+              {/* Quick Actions (Mobile Only) */}
+              <div className="md:hidden flex items-center gap-2">
+                <a 
+                  href="tel:+492572946760"
+                  className={`relative flex items-center justify-center w-9 h-9 rounded-full transition-all duration-300 ${
+                    isSolidMode 
+                      ? 'bg-primary text-white shadow-md shadow-primary/20 hover:-translate-y-0.5' 
+                      : 'bg-white text-primary shadow-md hover:-translate-y-0.5'
+                  }`}
+                  aria-label="Anrufen"
+                >
+                  <svg className="w-[16px] h-[16px]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
+                  </svg>
+                </a>
+                <a 
+                  href="mailto:info@e-tib.com"
+                  className={`relative flex items-center justify-center w-9 h-9 rounded-full transition-all duration-300 ${
+                    isSolidMode 
+                      ? 'bg-neutral-100 text-neutral-600 hover:text-primary hover:bg-neutral-200' 
+                      : 'bg-white/10 text-white backdrop-blur-md border border-white/20 hover:bg-white/20'
+                  }`}
+                  aria-label="E-Mail"
+                >
+                  <svg className="w-[16px] h-[16px]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.2} d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+                  </svg>
+                </a>
+                <a 
+                  href="https://maps.google.com/?q=E-TIB+GmbH,+Greven"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className={`relative flex items-center justify-center w-9 h-9 rounded-full transition-all duration-300 ${
+                    isSolidMode 
+                      ? 'bg-neutral-100 text-neutral-600 hover:text-primary hover:bg-neutral-200' 
+                      : 'bg-white/10 text-white backdrop-blur-md border border-white/20 hover:bg-white/20'
+                  }`}
+                  aria-label="Route"
+                >
+                  <svg className="w-[16px] h-[16px]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
+                  </svg>
+                </a>
+              </div>
+
+              {/* Language Switcher visible on desktop only */}
+              <div className="z-50 relative hidden md:flex items-center">
                 <LanguageSwitcher isSolidMode={isSolidMode} />
               </div>
               

components/layout/MobileBottomNav.tsx

@@ -3,7 +3,7 @@
 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 { Home, Layers, Star, Mail, Menu } from 'lucide-react';
 import { motion, AnimatePresence } from 'framer-motion';
 
 export interface NavLink {
@@ -21,11 +21,21 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
   const pathname = usePathname() || '/';
   const [isFlyoutOpen, setIsFlyoutOpen] = React.useState(false);
 
-  // We need to gather all links that should go into the flyout.
-  // The user wants 'alle navigationspunkte daraus' (from the old burger menu).
-  // Old menu had: Kompetenzen, Über uns (Firma, Team, Zertifikate, Standorte), Referenzen, Karriere, Messen.
-  
-  // Construct our bottom nav items
+  // Scroll lock when flyout is open
+  React.useEffect(() => {
+    if (isFlyoutOpen) {
+      document.body.style.overflow = 'hidden';
+      document.documentElement.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = '';
+      document.documentElement.style.overflow = '';
+    }
+    return () => {
+      document.body.style.overflow = '';
+      document.documentElement.style.overflow = '';
+    };
+  }, [isFlyoutOpen]);
+
   const items = React.useMemo(() => {
     const homeUrl = `/${currentLocale}`;
     const competenciesUrl = navLinks[0]?.url || `/${currentLocale}/kompetenzen`;
@@ -37,44 +47,38 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
         id: 'home',
         label: currentLocale === 'de' ? 'Start' : 'Home',
         url: homeUrl,
-        icon: <Home className="w-5 h-5 md:w-6 md:h-6" strokeWidth={2.5} />,
+        icon: <Home className="w-[22px] h-[22px] md:w-6 md:h-6" strokeWidth={2.2} />,
         exactMatch: true
       },
       {
         id: 'kompetenzen',
         label: navLinks[0]?.label || (currentLocale === 'de' ? 'Kompetenzen' : 'Competencies'),
         url: competenciesUrl,
-        icon: <Briefcase className="w-5 h-5 md:w-6 md:h-6" strokeWidth={2.5} />
+        icon: <Layers className="w-[22px] h-[22px] md:w-6 md:h-6" strokeWidth={2.2} />
       },
       {
         id: 'referenzen',
         label: navLinks[2]?.label || (currentLocale === 'de' ? 'Referenzen' : 'References'),
         url: referencesUrl,
-        icon: <Users className="w-5 h-5 md:w-6 md:h-6" strokeWidth={2.5} /> // Using Users for now, wait we need an image or star icon?
-      },
-      {
-        id: 'menu',
-        label: navLinks[1]?.label || (currentLocale === 'de' ? 'Über uns' : 'About Us'),
-        url: '#', // Triggers flyout
-        icon: <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 6h16M4 12h16m-7 6h7" /></svg>,
-        isFlyoutTrigger: true
+        icon: <Star className="w-[22px] h-[22px] md:w-6 md:h-6" strokeWidth={2.2} />
       },
       {
         id: 'kontakt',
         label: currentLocale === 'de' ? 'Kontakt' : 'Contact',
         url: contactUrl,
-        icon: <Mail className="w-5 h-5 md:w-6 md:h-6" strokeWidth={2.5} />
+        icon: <Mail className="w-[22px] h-[22px] md:w-6 md:h-6" strokeWidth={2.2} />
+      },
+      {
+        id: 'menu',
+        label: currentLocale === 'de' ? 'Mehr' : 'Menu',
+        url: '#',
+        icon: <Menu className="w-[24px] h-[24px] md:w-6 md:h-6" strokeWidth={2.5} />,
+        isFlyoutTrigger: true
       }
     ];
   }, [currentLocale, navLinks]);
 
-  // Use a star or folder for references? Let's use standard Briefcase for Kompetenzen, and maybe a Layers or Image icon for Referenzen.
-  // We'll replace the Users icon with something better if possible, but Users is fine for now, wait, Users is Über uns!
-  // I will fix the icon in the render.
-
-  // Gather flyout links:
   const flyoutLinks = React.useMemo(() => {
-    // We want to put Über uns children, Karriere, and Messen in here.
     const aboutNode = navLinks[1];
     const karriereNode = navLinks[3];
     const messenNode = navLinks[4];
@@ -90,10 +94,9 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
 
   return (
     <>
-      <div className="md:hidden fixed bottom-0 left-0 right-0 z-[9999] px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] pt-4 pointer-events-none flex justify-center">
-        <nav className="flex justify-between items-center bg-white/80 backdrop-blur-3xl border border-white/60 shadow-[0_8px_32px_rgba(0,0,0,0.12)] rounded-3xl p-1.5 pointer-events-auto w-full max-w-[400px]">
+      <div className="md:hidden fixed bottom-0 left-0 right-0 z-[9999] px-2 pb-[calc(env(safe-area-inset-bottom)+12px)] pt-4 pointer-events-none flex justify-center">
+        <nav className="flex justify-between items-center bg-white/75 backdrop-blur-2xl border border-white/60 shadow-[0_8px_32px_rgba(0,0,0,0.12)] rounded-3xl p-1.5 pointer-events-auto w-full max-w-[480px]">
           {items.map((item) => {
-            // Determine if active
             const mappedUrl = item.url.startsWith('/') && !item.url.match(/^\/(en|de)/) 
               ? `/${currentLocale}${item.url}` 
               : item.url;
@@ -107,18 +110,12 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
                 : (pathname === mappedUrl || (mappedUrl !== `/${currentLocale}` && pathname?.startsWith(`${mappedUrl}/`)));
             }
 
-            // Fix icon for referenzen
-            let ItemIcon = item.icon;
-            if (item.id === 'referenzen') {
-              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 innerContent = (
               <>
                 {isActive && (
                   <motion.div
                     layoutId="mobile-nav-active-bg"
-                    className="absolute inset-0 bg-primary rounded-2xl shadow-md"
+                    className="absolute inset-0 bg-primary/10 rounded-2xl shadow-sm border border-primary/10"
                     transition={{ type: 'spring', stiffness: 400, damping: 25 }}
                   />
                 )}
@@ -129,11 +126,11 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
                     animate={{ y: isActive ? -2 : 0 }}
                     transition={{ type: 'spring', stiffness: 400, damping: 17 }}
                   >
-                    {ItemIcon}
+                    {item.icon}
                   </motion.div>
                   <motion.span 
                     animate={{ opacity: isActive ? 1 : 0.7, y: isActive ? 0 : 2 }}
-                    className="text-[10px] font-bold mt-1 tracking-wide"
+                    className="text-[9px] font-bold mt-1 tracking-wide"
                   >
                     {item.label}
                   </motion.span>
@@ -146,8 +143,8 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
                 <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'
+                  className={`relative flex flex-col items-center justify-center flex-1 h-[62px] transition-colors duration-300 select-none w-full focus:outline-none ${
+                    isActive ? 'text-primary' : 'text-neutral-500 hover:text-neutral-900'
                   }`}
                   style={{ WebkitTapHighlightColor: 'transparent', touchAction: 'manipulation' }}
                 >
@@ -160,8 +157,9 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
               <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'
+                onClick={() => setIsFlyoutOpen(false)}
+                className={`relative flex flex-col items-center justify-center flex-1 h-[62px] transition-colors duration-300 select-none ${
+                  isActive ? 'text-primary' : 'text-neutral-500 hover:text-neutral-900'
                 }`}
                 style={{ WebkitTapHighlightColor: 'transparent', touchAction: 'manipulation' }}
               >
@@ -172,7 +170,6 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
         </nav>
       </div>
 
-      {/* Flyout Menu (Bottom Sheet) */}
       <AnimatePresence>
         {isFlyoutOpen && (
           <>
@@ -188,11 +185,19 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
               initial={{ y: '100%', opacity: 0 }}
               animate={{ y: 0, opacity: 1 }}
               exit={{ y: '100%', opacity: 0 }}
-              transition={{ type: 'spring', stiffness: 300, damping: 30 }}
-              className="fixed bottom-0 left-0 right-0 z-[9998] bg-white rounded-t-3xl pt-6 pb-[calc(env(safe-area-inset-bottom)+6rem)] px-6 md:hidden shadow-[0_-20px_40px_rgba(0,0,0,0.1)] border-t border-neutral-100"
+              transition={{ type: 'spring', stiffness: 350, damping: 30 }}
+              drag="y"
+              dragConstraints={{ top: 0, bottom: 0 }}
+              dragElastic={0.2}
+              onDragEnd={(e, info) => {
+                if (info.offset.y > 50 || info.velocity.y > 100) {
+                  setIsFlyoutOpen(false);
+                }
+              }}
+              className="fixed bottom-0 left-0 right-0 z-[9998] bg-white rounded-t-[32px] pt-4 pb-[calc(env(safe-area-inset-bottom)+7rem)] px-6 md:hidden shadow-[0_-20px_40px_rgba(0,0,0,0.1)] border-t border-neutral-100"
             >
-              <div className="w-12 h-1.5 bg-neutral-200 rounded-full mx-auto mb-6" />
-              <h3 className="text-sm font-bold uppercase tracking-widest text-neutral-400 mb-4 px-2">{currentLocale === 'de' ? 'Über uns & Mehr' : 'About us & More'}</h3>
+              <div className="w-16 h-1.5 bg-neutral-200 rounded-full mx-auto mb-6 cursor-grab active:cursor-grabbing" />
+              <h3 className="text-xs font-bold uppercase tracking-widest text-neutral-400 mb-4 px-2">{currentLocale === 'de' ? 'Über uns & Mehr' : 'About us & More'}</h3>
               <div className="flex flex-col gap-1">
                 {flyoutLinks.map((link, i) => {
                   const childUrl = link.url.startsWith('/') && !link.url.match(/^\/(en|de)/) 
@@ -205,8 +210,8 @@ export function MobileBottomNav({ navLinks, currentLocale }: MobileBottomNavProp
                       key={i}
                       href={childUrl}
                       onClick={() => setIsFlyoutOpen(false)}
-                      className={`px-4 py-3.5 rounded-2xl text-base font-medium transition-all flex items-center justify-between ${
-                        isChildActive ? 'bg-primary/10 text-primary' : 'text-neutral-700 hover:bg-neutral-50'
+                      className={`px-4 py-4 rounded-2xl text-[15px] font-semibold transition-all flex items-center justify-between ${
+                        isChildActive ? 'bg-primary/10 text-primary' : 'text-neutral-700 hover:bg-neutral-50 active:bg-neutral-100'
                       }`}
                     >
                       {link.label}

content/de/referenzen/jevenstedt.mdx

@@ -9,7 +9,7 @@ featuredImage: "/assets/photos/DJI_0037.JPG"
 
 - 500 m Kabelgraben ausheben und verfüllen
 - 4.500 m Einpflügen von 3 x PE-Schutzrohr d 160
-- 3.200 m Horizontalspülbohrung d 160
+- 12.000 m Horizontalspülbohrung d 160
 - 8.500 m Verlegung HS-Kabel 1.000 mm² 64/110 kV
 - 11 Satz Verbindungsmuffen 1.000 mm² 64/110 kV
 - 2 Satz Freiluftendverschlüsse 1.000 mm² 64/110 kV

content/en/referenzen/jevenstedt.mdx

@@ -9,7 +9,7 @@ featuredImage: "/assets/photos/DJI_0037.JPG"
 
 - Excavation and backfilling of 500 m cable trench
 - 4,500 m plowing of 3 x PE protective pipe d 160
-- 3,200 m HDD directional drilling d 160
+- 12,000 m HDD directional drilling d 160
 - 8,500 m laying of HV cable 1,000 mm² 64/110 kV
 - 11 sets of connection joints 1,000 mm² 64/110 kV
 - 2 sets of outdoor terminations 1,000 mm² 64/110 kV

package.json

@@ -138,7 +138,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.2.13-rc.58",
+  "version": "2.2.13",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",