feat: migration von directus zu payloadcms

components/Header.tsx

@@ -84,11 +84,47 @@ export default function Header() {
     }
   }, [isMobileMenuOpen]);
 
-  // Function to get path for a different locale
+  // Function to get path for a different locale with segment translation
   const getPathForLocale = (newLocale: string) => {
     const segments = pathname.split('/');
+    const originLocale = segments[1] || 'en';
+
+    // Translation map for localized URL segments
+    const segmentMap: Record<string, Record<string, string>> = {
+      de: {
+        produkte: 'products',
+        impressum: 'legal-notice',
+        datenschutz: 'privacy-policy',
+        agbs: 'terms',
+        niederspannungskabel: 'low-voltage-cables',
+        mittelspannungskabel: 'medium-voltage-cables',
+        hochspannungskabel: 'high-voltage-cables',
+        solarkabel: 'solar-cables',
+      },
+      en: {
+        products: 'produkte',
+        'legal-notice': 'impressum',
+        'privacy-policy': 'datenschutz',
+        terms: 'agbs',
+        'low-voltage-cables': 'niederspannungskabel',
+        'medium-voltage-cables': 'mittelspannungskabel',
+        'high-voltage-cables': 'hochspannungskabel',
+        'solar-cables': 'solarkabel',
+      },
+    };
+
+    // Replace the locale segment
     segments[1] = newLocale;
-    return segments.join('/');
+
+    // Translate other segments if they exist in our map
+    const translatedSegments = segments.map((segment, index) => {
+      if (index <= 1) return segment; // Skip empty and locale segments
+
+      const mapping = segmentMap[originLocale as keyof typeof segmentMap];
+      return mapping && mapping[segment] ? mapping[segment] : segment;
+    });
+
+    return translatedSegments.join('/');
   };
 
   const menuItems = [
@@ -132,6 +168,7 @@ export default function Header() {
                 alt={t('home')}
                 width={120}
                 height={120}
+                style={{ width: 'auto' }}
                 className="h-10 md:h-14 w-auto transition-all duration-500 group-hover:scale-110"
                 priority
               />