fix(header): close navigation dropdown immediately on pathname change

.gitea/workflows/deploy.yml

@@ -51,6 +51,19 @@ jobs:
           echo "Purging old tool caches..."
           rm -rf /opt/hostedtoolcache/* || true
           rm -rf /opt/hostedtoolcache/.[!.]* || true
+          echo "=== Host Disk Usage ==="
+          docker run --rm -v /:/host-root alpine df -h || true
+          echo "=== Host Inode Usage ==="
+          docker run --rm -v /:/host-root alpine df -i || true
+          echo "=== Running Host Containers ==="
+          docker ps --format "table {{.Names}}\t{{.Status}}\t{{.Image}}" || true
+          echo "=== Host Docker Info ==="
+          docker info || true
+          echo "Pruning host Buildkit builder caches aggressively..."
+          for container in $(docker ps --filter "name=buildx_buildkit_builder" --format "{{.Names}}"); do
+            echo "Pruning Buildkit inside container: $container"
+            docker exec -i "$container" buildctl prune --all || true
+          done
           echo "Purging old build layers, unused volumes and images..."
           docker builder prune -a -f || true
           docker volume prune -f || true

app/[locale]/[slug]/page.tsx

@@ -9,7 +9,7 @@ import { SITE_URL } from '@/lib/schema';
 import TrackedLink from '@/components/analytics/TrackedLink';
 import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
 import { getAllReferences } from '@/lib/references';
-import { defaultLocations } from '@/lib/map-data';
+import { defaultLocations, minorLocations } from '@/lib/map-data';
 
 // Import components used in MDX
 import { HeroVideo as HomeHero } from '@/components/blocks/HeroVideo';
@@ -153,7 +153,8 @@ export default async function Page(props: { params: Promise<{ locale: string; sl
 
   // Fetch references to enrich the map if it's used
   const references = await getAllReferences(locale);
-  const enrichedLocations = defaultLocations.map(loc => {
+  const allLocations = [...defaultLocations, ...minorLocations];
+  const enrichedLocations = allLocations.map(loc => {
     if (loc.type === 'project') {
       const ref = references.find(r => r.slug === loc.id);
       if (ref) {
@@ -161,7 +162,7 @@ export default async function Page(props: { params: Promise<{ locale: string; sl
           ...loc,
           featuredImage: ref.frontmatter.featuredImage,
           details: [
-            ref.frontmatter.client || 'Kunde',
+            ref.frontmatter.client || t('client'),
             ref.frontmatter.dateString || new Date(ref.frontmatter.date).getFullYear().toString(),
           ],
         };

app/[locale]/layout.tsx

@@ -123,6 +123,13 @@ export default async function Layout(props: {
     'Error',
     'StandardPage',
     'Brochure',
+    'JobListingBlock',
+    'CallToAction',
+    'InteractiveGermanyMap',
+    'ReferencesSlider',
+    'CompanyTimeline',
+    'TeamGrid',
+    'AISearch',
   ];
   const clientMessages: Record<string, any> = {};
   for (const key of clientKeys) {

app/[locale]/referenzen/[slug]/page.test.tsx

@@ -0,0 +1,38 @@
+import { describe, it, expect, vi } from 'vitest';
+import ReferenceDetail from './page';
+
+// Mock next/navigation
+vi.mock('next/navigation', () => ({
+  notFound: vi.fn(),
+}));
+
+// Mock next-intl/server
+vi.mock('next-intl/server', () => ({
+  setRequestLocale: vi.fn(),
+  getTranslations: vi.fn().mockResolvedValue(() => 'translated text'),
+}));
+
+// Mock @/lib/references
+vi.mock('@/lib/references', () => ({
+  getReferenceBySlug: vi.fn().mockResolvedValue({
+    slug: 'test-slug',
+    frontmatter: {
+      title: 'Test Title',
+      location: 'Test Location',
+      category: 'Test Category',
+    },
+    content: 'Test content',
+  }),
+}));
+
+describe('ReferenceDetail Page TDD', () => {
+  it('renders reference detail correctly', async () => {
+    const props = {
+      params: Promise.resolve({ locale: 'de', slug: 'test-slug' })
+    };
+    
+    // We expect the execution to fail if getTranslations is not defined/imported inside page.tsx
+    const component = await ReferenceDetail(props);
+    expect(component).toBeTruthy();
+  });
+});

app/[locale]/referenzen/[slug]/page.tsx

@@ -1,6 +1,6 @@
 import { notFound } from 'next/navigation';
 import { Container, Badge, Heading } from '@/components/ui';
-import { setRequestLocale } from 'next-intl/server';
+import { setRequestLocale, getTranslations } from 'next-intl/server';
 import { Metadata } from 'next';
 import { getReferenceBySlug, getAllReferences } from '@/lib/references';
 import { MDXRemote } from 'next-mdx-remote/rsc';
@@ -57,6 +57,7 @@ export default async function ReferenceDetail(props: { params: Promise<{ locale:
   
   setRequestLocale(locale);
   const reference = await getReferenceBySlug(slug, locale);
+  const t = await getTranslations('ReferenceDetail');
 
   if (!reference) {
     notFound();
@@ -119,12 +120,12 @@ export default async function ReferenceDetail(props: { params: Promise<{ locale:
               eventProperties={{ location: 'reference_back_btn' }}
             >
               <ChevronLeft className="w-5 h-5" />
-              Zurück zur Übersicht
+              {t('backToOverview')}
             </TrackedLink>
           </div>
           <div className="max-w-4xl">
             <Badge variant="accent" className="mb-4 md:mb-6">
-              Projektreferenz
+              {t('projectReference')}
             </Badge>
             <Heading level={1} variant="white" className="mb-8 leading-tight">
               {reference.frontmatter.title}
@@ -134,21 +135,21 @@ export default async function ReferenceDetail(props: { params: Promise<{ locale:
               <div className="flex items-start gap-4 p-6 bg-white/5 rounded-2xl border border-white/10 backdrop-blur-sm">
                 <MapPin className="w-8 h-8 text-primary shrink-0" />
                 <div>
-                  <p className="text-sm text-white/50 mb-1 uppercase tracking-wider font-bold">Ort</p>
+                  <p className="text-sm text-white/50 mb-1 uppercase tracking-wider font-bold">{t('location')}</p>
                   <p className="font-semibold text-lg">{reference.frontmatter.location}</p>
                 </div>
               </div>
               <div className="flex items-start gap-4 p-6 bg-white/5 rounded-2xl border border-white/10 backdrop-blur-sm">
                 <Briefcase className="w-8 h-8 text-primary shrink-0" />
                 <div>
-                  <p className="text-sm text-white/50 mb-1 uppercase tracking-wider font-bold">Auftraggeber</p>
+                  <p className="text-sm text-white/50 mb-1 uppercase tracking-wider font-bold">{t('client')}</p>
                   <p className="font-semibold text-lg">{reference.frontmatter.client}</p>
                 </div>
               </div>
               <div className="flex items-start gap-4 p-6 bg-white/5 rounded-2xl border border-white/10 backdrop-blur-sm">
                 <Calendar className="w-8 h-8 text-primary shrink-0" />
                 <div>
-                  <p className="text-sm text-white/50 mb-1 uppercase tracking-wider font-bold">Zeitraum</p>
+                  <p className="text-sm text-white/50 mb-1 uppercase tracking-wider font-bold">{t('period')}</p>
                   <p className="font-semibold text-lg">{reference.frontmatter.dateString || new Date(reference.frontmatter.date).getFullYear()}</p>
                 </div>
               </div>
@@ -160,7 +161,7 @@ export default async function ReferenceDetail(props: { params: Promise<{ locale:
       {/* Main Content Area */}
       <Container className="py-16 md:py-24">
         <div className="max-w-4xl mx-auto">
-          <h2 className="text-3xl font-bold text-neutral-dark mb-8">Leistungsumfang & Projektbeschreibung</h2>
+          <h2 className="text-3xl font-bold text-neutral-dark mb-8">{t('scopeTitle')}</h2>
           
           <div className="w-full">
             <MDXRemote source={reference.content} components={mdxComponents} />
@@ -173,7 +174,7 @@ export default async function ReferenceDetail(props: { params: Promise<{ locale:
                 eventProperties={{ location: 'reference_bottom_back_btn' }}
               >
                 <span className="relative z-10 flex items-center justify-center gap-2">
-                  Alle Referenzen ansehen
+                  {t('viewAll')}
                 </span>
                 <ButtonOverlay variant="primary" />
               </TrackedLink>

app/[locale]/referenzen/page.tsx

@@ -75,9 +75,9 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
       {/* Map Hero Section */}
       <InteractiveGermanyMap
         isHero={true}
-        badge="Unsere Referenzen"
-        title={<>Erfolgreich umgesetzte<br/>Projekte.</>}
-        description="Vom Breitbandausbau bis zur komplexen 110kV-Trasse: Ein Auszug unserer bundesweiten Projekte, bei denen wir Infrastruktur für die Zukunft geschaffen haben. Entdecken Sie unsere Standorte."
+        badge={locale === 'en' ? 'Our References' : 'Unsere Referenzen'}
+        title={locale === 'en' ? 'Successfully realized projects.' : 'Erfolgreich umgesetzte Projekte.'}
+        description={locale === 'en' ? 'From broadband expansion to complex 110kV lines: A selection of our nationwide projects where we have created infrastructure for the future. Discover our locations.' : 'Vom Breitbandausbau bis zur komplexen 110kV-Trasse: Ein Auszug unserer bundesweiten Projekte, bei denen wir Infrastruktur für die Zukunft geschaffen haben. Entdecken Sie unsere Standorte.'}
         locations={enrichedLocations}
       />
 
@@ -129,14 +129,14 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
                   {/* Technical Meta Data */}
                   <div className="flex flex-col gap-3 mt-auto border-t border-neutral-100 pt-6 pr-16 md:pr-20 relative z-10">
                     <div className="min-w-0">
-                      <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">Kunde</span>
+                      <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">{t('client')}</span>
                       <span className="flex items-start gap-2 text-sm font-semibold text-neutral-700 leading-tight">
                         <Briefcase className="w-3.5 h-3.5 text-primary shrink-0 mt-[2px]" />
-                        <span className="line-clamp-2">{ref.frontmatter.client}</span>
+                        <span className="line-clamp-2">{ref.frontmatter.client || t('client')}</span>
                       </span>
                     </div>
                     <div className="min-w-0">
-                      <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">Zeitraum</span>
+                      <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">{t('period')}</span>
                       <span className="flex items-start gap-2 text-sm font-semibold text-neutral-700 leading-tight">
                         <Calendar className="w-3.5 h-3.5 text-primary shrink-0 mt-[2px]" />
                         <span className="line-clamp-2">{ref.frontmatter.dateString || new Date(ref.frontmatter.date).getFullYear()}</span>
@@ -158,8 +158,8 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
         <div className="mt-24 p-8 md:p-12 bg-primary-dark rounded-3xl text-white shadow-2xl relative overflow-hidden group">
           <div className="absolute top-0 right-0 w-64 h-full bg-accent/5 -skew-x-12 translate-x-1/2 transition-transform group-hover:translate-x-1/3" />
           <div className="relative z-10 max-w-2xl">
-            <h3 className="text-2xl md:text-3xl font-bold mb-4">Ihr nächstes Projekt?</h3>
-            <p className="text-lg text-white/70 mb-8">Lassen Sie uns gemeinsam herausragende Infrastruktur bauen.</p>
+            <h3 className="text-2xl md:text-3xl font-bold mb-4">{t('nextProjectTitle')}</h3>
+            <p className="text-lg text-white/70 mb-8">{t('nextProjectDesc')}</p>
             <TrackedLink
               href={`/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}`}
               className={getButtonClasses('accent', 'lg')}

components/LeafletMap.tsx

@@ -36,7 +36,7 @@ export default function LeafletMap({ locations }: LeafletMapProps) {
     const firstLoc = locations[0];
     const map = L.map(mapRef.current, {
       center: [firstLoc.lat, firstLoc.lng],
-      zoom: 6, // Zoom out to see both or more
+      zoom: locations.length === 1 ? 16 : 6, 
       scrollWheelZoom: false,
     });
 

components/blocks/CallToAction.tsx

@@ -3,6 +3,7 @@
 import React from 'react';
 import { Button } from '@/components/ui/Button';
 import { motion } from 'framer-motion';
+import { useTranslations } from 'next-intl';
 
 export interface CallToActionProps {
   title?: string;
@@ -32,14 +33,15 @@ const itemVariants = {
   },
 };
 
-export const CallToAction: React.FC<CallToActionProps> = ({
-  title = 'Bereit für Ihr Projekt?',
-  description = 'Wir suchen stets nach neuen Herausforderungen und starken Partnern. Kontaktieren Sie uns für eine unverbindliche Beratung zu Ihrem Vorhaben.',
-  ctaLabel = 'Jetzt Kontakt aufnehmen',
-  ctaHref = '/de/kontakt',
-  theme = 'light'
-}) => {
+export const CallToAction: React.FC<CallToActionProps> = (props) => {
+  const { theme = 'light' } = props;
   const isDark = theme === 'dark';
+  const t = useTranslations('CallToAction');
+  
+  const title = props.title || t('title');
+  const description = props.description || t('description');
+  const ctaLabel = props.ctaLabel || t('ctaLabel');
+  const ctaHref = props.ctaHref || t('ctaHref');
   
   return (
     <div className={`py-24 text-center ${isDark ? 'bg-primary-dark text-white' : 'bg-neutral-50 border-t border-neutral-100'}`}>

components/blocks/CertificatesBlock.tsx

@@ -12,7 +12,7 @@ import { LogoArcs } from '@/components/ui/LogoArcs';
 interface Certificate {
   title: string;
   description: string;
-  pdfUrl: string;
+  pdfUrl?: string;
   type: 'iso' | 'tax' | 'general';
   date?: string;
 }
@@ -29,45 +29,70 @@ const defaultCertificates: Certificate[] = [
   {
     title: 'ISO 14001:2015',
     description: 'Umweltmanagementsystem',
-    pdfUrl: '/assets/certificates/231214_Zertifikat ISO 14001 Umweltmanagement.pdf',
+    pdfUrl: '/assets/certificates/iso14001.pdf',
     type: 'iso',
     date: '14.12.2023',
   },
   {
     title: 'ISO 9001:2015',
     description: 'Qualitätsmanagementsystem',
-    pdfUrl: '/assets/certificates/231214_Zertifikat ISO 9001 Qualitätsmanagement.pdf',
+    pdfUrl: '/assets/certificates/iso9001.pdf',
     type: 'iso',
     date: '14.12.2023',
   },
   {
     title: 'DIN EN ISO 45001:2018',
     description: 'Arbeits- und Gesundheitsschutz',
-    pdfUrl: '/assets/certificates/Zertifizierung DIN EN ISO 45001 bis 05122028.pdf',
+    pdfUrl: '/assets/certificates/iso45001.pdf',
     type: 'iso',
-    date: '05.12.2025', // Assuming valid till
+    date: '05.12.2025',
   },
   {
     title: 'Freistellungsbescheinigung',
     description: 'Nach § 48 b EStG',
-    pdfUrl: '/assets/certificates/240209_Freistellungsbescheinigung § 48 b.pdf',
+    pdfUrl: '/assets/certificates/freistellung.pdf',
     type: 'tax',
     date: '09.02.2024',
   },
   {
     title: 'Nachweis § 13b UStG',
     description: 'Steuerschuldnerschaft des Leistungsempfängers',
-    pdfUrl: '/assets/certificates/240209_Nachweis § 13 b.pdf',
+    pdfUrl: '/assets/certificates/nachweis13b.pdf',
     type: 'tax',
     date: '09.02.2024',
   },
   {
     title: 'Bescheinigung in Steuersachen',
     description: 'Zertifikat des Finanzamtes',
-    pdfUrl: '/assets/certificates/250213_Bescheinigung in Steuersachen.pdf',
+    pdfUrl: '/assets/certificates/bescheinigung.pdf',
     type: 'tax',
     date: '13.02.2025',
   },
+  {
+    title: 'Unbedenklichkeit IHK',
+    description: 'Industrie- und Handelskammer',
+    type: 'general',
+  },
+  {
+    title: 'Unbedenklichkeit HWK',
+    description: 'Handwerkskammer',
+    type: 'general',
+  },
+  {
+    title: 'Handelsregisterauszug',
+    description: 'Amtsgericht Cottbus',
+    type: 'general',
+  },
+  {
+    title: 'Gewerbe-Anmeldung',
+    description: 'Stadt Guben',
+    type: 'general',
+  },
+  {
+    title: 'Gewerbezentralregister',
+    description: 'Auskunft aus dem Register',
+    type: 'general',
+  },
 ];
 
 export function CertificatesBlock({ badge, title, description, certificates = defaultCertificates, hideHeader = false }: CertificatesBlockProps) {
@@ -143,13 +168,17 @@ export function CertificatesBlock({ badge, title, description, certificates = de
         >
           {certificates.map((cert, index) => {
             const isIso = cert.type === 'iso';
+            const Wrapper = cert.pdfUrl ? motion.a : motion.div;
+            const wrapperProps = cert.pdfUrl ? {
+              href: encodeURI(cert.pdfUrl),
+              target: "_blank",
+              rel: "noopener noreferrer"
+            } : {};
             
             return (
-              <motion.a
+              <Wrapper
                 key={index}
-                href={cert.pdfUrl}
-                target="_blank"
-                rel="noopener noreferrer"
+                {...wrapperProps as any}
                 variants={itemVariants}
                 className={`group relative rounded-2xl p-8 flex flex-col justify-between overflow-hidden transition-all duration-500 hover:shadow-xl hover:-translate-y-1 border ${
                   isIso 
@@ -196,14 +225,22 @@ export function CertificatesBlock({ badge, title, description, certificates = de
                     </p>
                   </div>
 
-                  <div className={`mt-auto inline-flex items-center text-sm font-bold uppercase tracking-wider group-hover:gap-3 transition-all ${
+                  <div className={`mt-auto inline-flex items-center text-sm font-bold uppercase tracking-wider transition-all ${
+                    cert.pdfUrl ? 'group-hover:gap-3' : ''
+                  } ${
                     isIso ? 'text-primary-light' : 'text-primary'
                   }`}>
-                    <span>Download PDF</span>
-                    <Download size={16} className="ml-2 group-hover:translate-y-0.5 transition-transform" />
+                    {cert.pdfUrl ? (
+                      <>
+                        <span>Download PDF</span>
+                        <Download size={16} className="ml-2 group-hover:translate-y-0.5 transition-transform" />
+                      </>
+                    ) : (
+                      <span className="text-neutral-400">Nachweis liegt vor</span>
+                    )}
                   </div>
                 </div>
-              </motion.a>
+              </Wrapper>
             );
           })}
         </motion.div>

components/blocks/CompanyTimeline.tsx

@@ -3,6 +3,7 @@
 import * as React from 'react';
 import { motion, useScroll, useTransform } from 'framer-motion';
 import { Building2, Compass, Layers, ArrowDownToLine, Wrench, Factory, Zap, MapPin, CheckCircle2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 
 const iconMap: Record<string, React.ElementType> = {
   Building2,
@@ -16,37 +17,6 @@ const iconMap: Record<string, React.ElementType> = {
   CheckCircle2
 };
 
-const defaultMilestones = [
-  {
-    date: '16.12.2015',
-    year: '2015',
-    title: 'Gründung E-TIB GmbH',
-    desc: 'Ausführung elektrischer Infrastrukturprojekte, Kabeltiefbau und Horizontalspülbohrungen.',
-    iconName: 'Building2',
-  },
-  {
-    date: '04.02.2019',
-    year: '2019',
-    title: 'Gründung E-TIB Ingenieurgesellschaft',
-    desc: 'Genehmigungs- und Ausführungsplanung, komplexe Querungen sowie Netzanschlussplanung.',
-    iconName: 'Compass',
-  },
-  {
-    date: '14.11.2019',
-    year: '2019',
-    title: 'Gründung E-TIB Verwaltung GmbH',
-    desc: 'Zentrale Dienste, Erwerb, Vermietung, Verpachtung und Verwaltung von Immobilien und Maschinen.',
-    iconName: 'Layers',
-  },
-  {
-    date: '21.10.2025',
-    year: '2025',
-    title: 'Gründung E-TIB Bohrtechnik GmbH',
-    desc: 'Spezialisierung auf präzise Horizontalspülbohrungen in allen Bodenklassen.',
-    iconName: 'ArrowDownToLine',
-  },
-];
-
 interface Milestone {
   date: string;
   year: string;
@@ -62,10 +32,45 @@ interface CompanyTimelineProps {
 }
 
 export function CompanyTimeline({ 
-  badge = 'Unsere Geschichte', 
-  title = 'Meilensteine der Entwicklung', 
-  milestones = defaultMilestones 
+  badge, 
+  title, 
+  milestones 
 }: CompanyTimelineProps) {
+  const t = useTranslations('CompanyTimeline');
+  
+  const finalBadge = badge || t('badge');
+  const finalTitle = title || t('title');
+  
+  const finalMilestones = milestones || [
+    {
+      date: '16.12.2015',
+      year: '2015',
+      title: t('milestones.2015.title'),
+      desc: t('milestones.2015.desc'),
+      iconName: 'Building2',
+    },
+    {
+      date: '04.02.2019',
+      year: '2019',
+      title: t('milestones.2019_ing.title'),
+      desc: t('milestones.2019_ing.desc'),
+      iconName: 'Compass',
+    },
+    {
+      date: '14.11.2019',
+      year: '2019',
+      title: t('milestones.2019_verw.title'),
+      desc: t('milestones.2019_verw.desc'),
+      iconName: 'Layers',
+    },
+    {
+      date: '21.10.2025',
+      year: '2025',
+      title: t('milestones.2025.title'),
+      desc: t('milestones.2025.desc'),
+      iconName: 'ArrowDownToLine',
+    },
+  ];
   const containerRef = React.useRef<HTMLDivElement>(null);
   const { scrollYProgress } = useScroll({
     target: containerRef,
@@ -84,10 +89,10 @@ export function CompanyTimeline({
         <div className="text-center mb-24">
           <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white border border-neutral-200 text-neutral-dark text-xs font-bold uppercase tracking-wider mb-6 shadow-sm">
             <span className="w-2 h-2 rounded-full bg-primary animate-pulse" />
-            {badge}
+            {finalBadge}
           </div>
           <h3 className="font-heading text-4xl md:text-5xl lg:text-6xl font-extrabold text-neutral-dark tracking-tight">
-            {title}
+            {finalTitle}
           </h3>
         </div>
 
@@ -104,7 +109,7 @@ export function CompanyTimeline({
           </div>
 
           <div className="space-y-16 md:space-y-24">
-            {milestones.map((milestone, i) => {
+            {finalMilestones.map((milestone, i) => {
               const isEven = i % 2 === 0;
               const Icon = iconMap[milestone.iconName] || Building2;
               

components/blocks/InteractiveGermanyMap.tsx

@@ -7,7 +7,7 @@ import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { AnimatedGlossyBorder } from '@/components/ui/AnimatedGlossyBorder';
 import { Location, defaultLocations, minorLocations } from '@/lib/map-data';
-import { useLocale } from 'next-intl';
+import { useLocale, useTranslations } from 'next-intl';
 
 const allLocations = [...defaultLocations, ...minorLocations];
 
@@ -27,19 +27,28 @@ interface InteractiveGermanyMapProps {
 }
 
 export function InteractiveGermanyMap({
-  badge = 'Einsatzgebiete',
-  title = <>Deutschlandweit<br/>für Sie im Einsatz.</>,
-  description = 'Von unseren strategischen Standorten in Guben und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.',
-  stats = [
-    { value: '100', suffix: '%', label: 'Überregionale Reichweite' },
-    { value: '2', suffix: '+', label: 'Operative Standorte' },
-  ],
+  badge,
+  title,
+  description,
+  stats,
   locations = allLocations,
   isHero = false
 }: InteractiveGermanyMapProps) {
   const [activeLocation, setActiveLocation] = useState<Location | null>(null);
   const router = useRouter();
   const locale = useLocale();
+  const t = useTranslations('InteractiveGermanyMap');
+  const tStandard = useTranslations('StandardPage');
+
+  const finalStats = stats || [
+    { value: '100', suffix: '%', label: locale === 'en' ? 'Nationwide Reach' : 'Überregionale Reichweite' },
+    { value: '2', suffix: '+', label: locale === 'en' ? 'Operational Locations' : 'Operative Standorte' },
+  ];
+
+  const finalBadge = badge || tStandard('badge');
+  // the map is mostly used with specific props, so we leave title & description to fallbacks if not provided
+  const finalTitle = title || (locale === 'en' ? <>Nationwide<br/>in operation for you.</> : <>Deutschlandweit<br/>für Sie im Einsatz.</>);
+  const finalDescription = description || (locale === 'en' ? 'From our strategic locations in Guben and Bülstedt, we control and implement complex infrastructure projects nationwide.' : 'Von unseren strategischen Standorten in Guben und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.');
 
   const hq = locations.find((l) => l.type === 'hq');
   const branch = locations.find((l) => l.type === 'branch');
@@ -62,26 +71,26 @@ export function InteractiveGermanyMap({
           <div className="xl:col-span-5 text-white z-20">
             <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-xs font-bold uppercase tracking-wider mb-8">
               <MapPin className="w-4 h-4" />
-              <span>{badge}</span>
+              <span>{finalBadge}</span>
             </div>
             
             {isHero ? (
-              <h1 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70 break-words [hyphens:auto]">
-                {title}
+              <h1 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70 text-balance">
+                {finalTitle}
               </h1>
             ) : (
-              <h3 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70 break-words [hyphens:auto]">
-                {title}
+              <h3 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70 text-balance">
+                {finalTitle}
               </h3>
             )}
             
             <p className="text-white/60 text-lg mb-12 leading-relaxed">
-              {description}
+              {finalDescription}
             </p>
 
             {/* Industrial Stats Grid */}
             <div className="grid grid-cols-2 gap-4">
-              {stats.map((stat, i) => (
+              {finalStats.map((stat, i) => (
                 <div key={i} className="bg-white/5 border border-white/10 rounded-2xl p-6 backdrop-blur-md relative overflow-hidden group">
                   <div className="absolute inset-0 bg-gradient-to-br from-primary/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
                   <div className="relative z-10">
@@ -143,7 +152,10 @@ export function InteractiveGermanyMap({
                     onMouseEnter={() => setActiveLocation(loc)}
                     onMouseLeave={() => setActiveLocation(null)}
                     onClick={() => {
-                      if (loc.href) router.push(loc.href);
+                      if (loc.href) {
+                        const href = loc.href.startsWith('/') ? `/${locale}${loc.href}` : loc.href;
+                        router.push(href);
+                      }
                     }}
                   >
                     {/* Ping Animation for HQ / Branch */}
@@ -204,9 +216,7 @@ export function InteractiveGermanyMap({
                         <div className="flex items-center gap-2 mb-1">
                           <MapPin className="w-3.5 h-3.5 text-primary" />
                           <span className="text-xs font-bold text-primary uppercase tracking-wider">
-                            {activeLocation.type === 'hq' ? 'Hauptsitz' : 
-                             activeLocation.type === 'branch' ? 'Niederlassung' : 
-                             activeLocation.type === 'minor_node' ? 'Projekt' : 'Referenz'}
+                            {t(`types.${activeLocation.type === 'minor_node' ? 'project' : activeLocation.type}`)}
                           </span>
                         </div>
                         <div className="font-heading font-bold text-lg leading-tight mb-2">
@@ -218,12 +228,7 @@ export function InteractiveGermanyMap({
                           </div>
                         ) : (
                           <div className="text-white/60 text-xs mb-3">
-                            {activeLocation.description === 'wind' ? 'Errichtung Leitungstrassen & Netzanbindung für Windpark-Infrastruktur.' :
-                             activeLocation.description === 'pv' ? 'Bau von Mittelspannungstrassen zur Einspeisung der PV-Anlage.' :
-                             activeLocation.description === 'fiber' ? 'Komplexer FTTx Breitbandausbau inkl. LWL-Montage & Tiefbau.' :
-                             activeLocation.description === 'power' ? '110kV Hochspannungstrasse Erdkabelverlegung.' :
-                             activeLocation.description === 'battery' ? 'Infrastrukturausbau für BESS (Batteriespeicher).' :
-                             'Komplexes Infrastrukturprojekt (Tiefbau & HDD).'}
+                            {t(`descriptions.${['wind','pv','fiber','power','battery'].includes(activeLocation.description || '') ? activeLocation.description : 'default'}`)}
                           </div>
                         )}
                         
@@ -233,17 +238,11 @@ export function InteractiveGermanyMap({
                               <>
                                 <li className="text-[11px] text-white/80 flex items-start gap-2 font-medium">
                                   <CheckCircle2 className="w-3 h-3 text-primary shrink-0 mt-0.5" />
-                                  <span>{
-                                    activeLocation.description === 'wind' ? 'Netzanbindung Windpark' :
-                                    activeLocation.description === 'pv' ? 'Einspeisung PV-Anlage' :
-                                    activeLocation.description === 'fiber' ? 'FTTx Infrastruktur' :
-                                    activeLocation.description === 'power' ? '110kV Trasse' :
-                                    activeLocation.description === 'battery' ? 'BESS Anschluss' : 'Infrastrukturprojekt'
-                                  }</span>
+                                  <span>{t(`features.${['wind','pv','fiber','power','battery'].includes(activeLocation.description || '') ? activeLocation.description : 'default'}`)}</span>
                                 </li>
                                 <li className="text-[11px] text-white/80 flex items-start gap-2 font-medium">
                                   <CheckCircle2 className="w-3 h-3 text-primary shrink-0 mt-0.5" />
-                                  <span>Tiefbau & Spülbohrung (HDD)</span>
+                                  <span>{t('features.method')}</span>
                                 </li>
                               </>
                             ) : (
@@ -259,7 +258,7 @@ export function InteractiveGermanyMap({
 
                         {activeLocation.href && (
                           <div className="inline-flex items-center text-xs font-bold text-primary">
-                            {locale === 'en' ? 'Learn more' : 'Zum Projekt'}
+                            {t('learnMore')}
                             <ArrowUpRight className="w-3.5 h-3.5 ml-1" />
                           </div>
                         )}

components/blocks/JobListingBlock.tsx

@@ -5,6 +5,7 @@ import Link from 'next/link';
 import { Button } from '@/components/ui/Button';
 import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
 import { motion } from 'framer-motion';
+import { useTranslations } from 'next-intl';
 
 export interface JobListingBlockProps {
   title?: string;
@@ -45,20 +46,23 @@ const itemVariants = {
 };
 
 export const JobListingBlock = (props: JobListingBlockProps) => {
+  const t = useTranslations('JobListingBlock');
+  
   const { 
-    title, 
     showJobs = true,
     showFairs,
-    fairsTitle = 'Nächste Messetermine',
+    fairsTitle = t('fairsTitle'),
     fairs = [
       { name: 'Intersolar München', date: 'Termin folgt', type: 'Energie-Messe', location: 'Messe München' },
       { name: 'Windenergietage Linstow', date: 'Termin folgt', type: 'Fachkongress', location: 'Linstow' },
       { name: 'Kabelwerkstatt Wiesbaden', date: 'Termin folgt', type: 'Fachmesse', location: 'Wiesbaden' }
     ],
-    emptyStateMessage = 'Aktuell sind alle Positionen besetzt. Senden Sie uns gerne eine Initiativbewerbung!',
-    emptyStateLinkText = 'Jetzt Kontakt aufnehmen',
-    emptyStateLinkHref = '/kontakt'
+    emptyStateMessage = t('emptyStateMessage'),
+    emptyStateLinkText = t('emptyStateLinkText'),
+    emptyStateLinkHref = t('emptyStateLinkHref')
   } = props;
+  
+  const title = props.title || t('title');
 
   // Since Payload is removed, we use an empty array or static data
   const jobs: any[] = [];
@@ -118,7 +122,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
                             <svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
                           </div>
                           <div>
-                            <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">Datum</p>
+                            <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">{t('date')}</p>
                             <p className="text-white/90 font-medium">{messe.date}</p>
                           </div>
                         </div>
@@ -129,7 +133,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
                               <svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
                             </div>
                             <div>
-                              <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">Location</p>
+                              <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">{t('location')}</p>
                               <p className="text-white/90 font-medium">{messe.location}</p>
                             </div>
                           </div>
@@ -141,7 +145,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
                               <svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                             </div>
                             <div>
-                              <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">Stand</p>
+                              <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">{t('booth')}</p>
                               <p className="text-primary-light font-bold text-sm">{messe.booth}</p>
                             </div>
                           </div>
@@ -180,7 +184,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
               transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }}
               className="font-heading font-extrabold text-4xl text-neutral-dark mb-8"
             >
-              {title || 'Aktuelle Stellenangebote'}
+              {title}
             </motion.h2>
             
             {jobs.length > 0 ? (
@@ -206,7 +210,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
                         <p className="text-text-secondary mt-1">{job.location}</p>
                       </div>
                       <div className="flex items-center text-primary font-bold group-hover:translate-x-2 transition-transform">
-                        Details ansehen
+                        {t('viewDetails')}
                         <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 ml-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                       </div>
                     </Link>

components/blocks/ReferencesSlider.test.tsx

@@ -0,0 +1,96 @@
+import * as React from 'react';
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { ReferencesSlider, Reference } from './ReferencesSlider';
+import { NextIntlClientProvider } from 'next-intl';
+
+// Mock next/link to render standard <a> tag
+vi.mock('next/link', () => ({
+  default: vi.fn(({ children, href, onClick, ...props }: any) => {
+    return (
+      <a href={href} onClick={onClick} {...props}>
+        {children}
+      </a>
+    );
+  })
+}));
+
+// Mock next/image to render standard img tag
+vi.mock('next/image', () => ({
+  default: (props: any) => {
+    return <img {...props} />;
+  }
+}));
+
+// Mock next-intl
+vi.mock('next-intl', () => ({
+  useTranslations: () => (key: string) => key,
+  useLocale: () => 'en',
+  NextIntlClientProvider: ({ children }: any) => <>{children}</>
+}));
+
+describe('ReferencesSlider TDD', () => {
+  const mockReferences: Reference[] = [
+    {
+      id: '1',
+      title: 'Referenz Projekt Eins',
+      slug: 'referenz-projekt-eins',
+      category: 'Kabeltiefbau',
+    },
+    {
+      id: '2',
+      title: 'Referenz Projekt Zwei',
+      slug: 'referenz-projekt-zwei',
+      category: 'Bohrtechnik',
+    }
+  ];
+
+  it('renders reference tiles correctly', () => {
+    render(<ReferencesSlider references={mockReferences} />);
+    
+    expect(screen.getByText('Referenz Projekt Eins')).toBeTruthy();
+    expect(screen.getByText('Referenz Projekt Zwei')).toBeTruthy();
+  });
+
+  it('wraps each tile in a link to /referenzen/[slug]', () => {
+    render(<ReferencesSlider references={mockReferences} />);
+    
+    const links = screen.getAllByTestId('reference-tile-link');
+    expect(links).toHaveLength(2);
+    expect(links[0].getAttribute('href')).toBe('/en/referenzen/referenz-projekt-eins');
+    expect(links[1].getAttribute('href')).toBe('/en/referenzen/referenz-projekt-zwei');
+  });
+
+  it('allows navigation on simple click (no drag)', () => {
+    render(<ReferencesSlider references={mockReferences} />);
+    
+    const firstLink = screen.getAllByTestId('reference-tile-link')[0];
+    
+    // Simulate simple click sequence
+    fireEvent.mouseDown(firstLink, { pageX: 100, clientX: 100 });
+    fireEvent.mouseUp(firstLink);
+    const clickEvent = new MouseEvent('click', { bubbles: true, cancelable: true });
+    
+    firstLink.dispatchEvent(clickEvent);
+    
+    expect(clickEvent.defaultPrevented).toBe(false);
+  });
+
+  it('prevents navigation if mouse was dragged', () => {
+    render(<ReferencesSlider references={mockReferences} />);
+    
+    const firstLink = screen.getAllByTestId('reference-tile-link')[0];
+    
+    // Simulate drag sequence
+    fireEvent.mouseDown(firstLink, { pageX: 100, clientX: 100 });
+    // Simulate mouse move of 20px
+    fireEvent.mouseMove(firstLink, { pageX: 120, clientX: 120 });
+    fireEvent.mouseUp(firstLink);
+    
+    const clickEvent = new MouseEvent('click', { bubbles: true, cancelable: true });
+    firstLink.dispatchEvent(clickEvent);
+    
+    expect(clickEvent.defaultPrevented).toBe(true);
+  });
+});
+

components/blocks/ReferencesSlider.tsx

@@ -5,6 +5,7 @@ import { motion } from 'framer-motion';
 import Link from 'next/link';
 import Image from 'next/image';
 import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
+import { useTranslations, useLocale } from 'next-intl';
 
 export interface Reference {
   id: string;
@@ -34,18 +35,23 @@ interface ReferencesSliderProps {
 }
 
 export function ReferencesSlider(props: ReferencesSliderProps) {
+  const t = useTranslations('ReferencesSlider');
+  const locale = useLocale();
+
   const { data } = props;
   const references = props.references || [];
   const containerRef = React.useRef<HTMLDivElement>(null);
+  const dragDistanceRef = React.useRef(0);
+  const startXRef = React.useRef(0);
+  const scrollLeftRef = React.useRef(0);
+  const isDraggingRef = React.useRef(false);
   const [isDragging, setIsDragging] = React.useState(false);
-  const [startX, setStartX] = React.useState(0);
-  const [scrollLeft, setScrollLeft] = React.useState(0);
   
-  const badge = props.badge || data?.badge || 'Ausgewählte Projekte';
-  const title = props.title || data?.title || 'Referenzen & Erfolge';
-  const description = props.description || data?.description || 'Ein Auszug unserer erfolgreich abgeschlossenen Projekte im Bereich Kabeltiefbau, Bohrtechnik und Netzinfrastruktur.';
-  const ctaLabel = props.ctaLabel || data?.ctaLabel || 'Alle Referenzen ansehen';
-  const ctaHref = props.ctaHref || data?.ctaHref || '/referenzen';
+  const badge = props.badge || data?.badge || t('badge');
+  const title = props.title || data?.title || t('title');
+  const description = props.description || data?.description || t('description');
+  const ctaLabel = props.ctaLabel || data?.ctaLabel || t('ctaLabel');
+  const ctaHref = props.ctaHref || data?.ctaHref || `/${locale}/referenzen`;
 
   if (!references || references.length === 0) return null;
 
@@ -60,24 +66,36 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
   const onMouseDown = (e: React.MouseEvent) => {
     if (!containerRef.current) return;
     setIsDragging(true);
-    setStartX(e.pageX - containerRef.current.offsetLeft);
-    setScrollLeft(containerRef.current.scrollLeft);
+    isDraggingRef.current = true;
+    const startXVal = e.clientX - (containerRef.current.offsetLeft || 0);
+    startXRef.current = startXVal;
+    scrollLeftRef.current = containerRef.current.scrollLeft || 0;
+    dragDistanceRef.current = 0;
   };
 
   const onMouseLeave = () => {
     setIsDragging(false);
+    isDraggingRef.current = false;
   };
 
   const onMouseUp = () => {
     setIsDragging(false);
+    isDraggingRef.current = false;
   };
 
   const onMouseMove = (e: React.MouseEvent) => {
-    if (!isDragging || !containerRef.current) return;
+    if (!isDraggingRef.current || !containerRef.current) return;
     e.preventDefault();
-    const x = e.pageX - containerRef.current.offsetLeft;
-    const walk = (x - startX) * 2; // Scroll-fast
-    containerRef.current.scrollLeft = scrollLeft - walk;
+    const x = e.clientX - (containerRef.current.offsetLeft || 0);
+    const walk = (x - startXRef.current) * 2; // Scroll-fast
+    containerRef.current.scrollLeft = scrollLeftRef.current - walk;
+    dragDistanceRef.current = Math.abs(x - startXRef.current);
+  };
+
+  const handleTileClick = (e: React.MouseEvent) => {
+    if (dragDistanceRef.current > 10) {
+      e.preventDefault();
+    }
   };
 
   return (
@@ -117,7 +135,12 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
                 transition={{ delay: i * 0.1, duration: 0.6, ease: "easeOut" }}
                 className="flex-shrink-0 w-[320px] md:w-[480px] snap-center group pointer-events-auto"
               >
-                <div className="relative aspect-[16/10] bg-neutral-800 rounded-2xl overflow-hidden mb-5 border border-white/5 shadow-2xl">
+                <Link
+                  href={`/${locale}/referenzen/${ref.slug}`}
+                  onClick={handleTileClick}
+                  data-testid="reference-tile-link"
+                  className="block relative aspect-[16/10] bg-neutral-800 rounded-2xl overflow-hidden mb-5 border border-white/5 shadow-2xl"
+                >
                   <Image
                     src={imgSrc}
                     alt={ref.title}
@@ -135,7 +158,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>
             );
           })}

components/blocks/TeamGrid.tsx

@@ -3,6 +3,7 @@
 import * as React from 'react';
 import { motion } from 'framer-motion';
 import Image from 'next/image';
+import { useTranslations } from 'next-intl';
 
 export interface TeamMember {
   id: string;
@@ -22,16 +23,18 @@ interface TeamGridProps {
 }
 
 export function TeamGrid({ members }: TeamGridProps) {
+  const t = useTranslations('TeamGrid');
+
   if (!members || members.length === 0) return null;
 
   return (
     <section className="py-24 bg-white relative overflow-hidden">
       <div className="container relative z-10">
         <div className="mb-12">
-          <h2 className="text-primary font-bold tracking-wider uppercase text-sm mb-3">Persönliche Beratung</h2>
-          <h3 className="font-heading text-4xl font-extrabold text-neutral-dark mb-4">Ihre Ansprechpartner</h3>
+          <h2 className="text-primary font-bold tracking-wider uppercase text-sm mb-3">{t('badge')}</h2>
+          <h3 className="font-heading text-4xl font-extrabold text-neutral-dark mb-4">{t('title')}</h3>
           <p className="text-text-secondary max-w-2xl text-lg">
-            Sprechen Sie direkt mit unseren Experten für Ihr regionales Projekt.
+            {t('subtitle')}
           </p>
         </div>
 
@@ -56,7 +59,7 @@ export function TeamGrid({ members }: TeamGridProps) {
                       <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
                       <span className="relative inline-flex rounded-full h-2 w-2 bg-primary"></span>
                     </span>
-                    Geschäftsführung
+                    {t('management')}
                   </div>
                   <h3 className="font-heading font-black text-5xl md:text-6xl lg:text-7xl mb-4 leading-[1.1] tracking-tight">
                     {members[0].name}
@@ -145,7 +148,7 @@ export function TeamGrid({ members }: TeamGridProps) {
                 {member.branch && (
                   <div className="mb-6">
                     <span className="inline-block px-3 py-1 bg-neutral-100 text-neutral-600 rounded-md text-xs uppercase tracking-widest font-semibold border border-neutral-200/60">
-                      {member.branch === 'e-tib' ? 'E-TIB GmbH' : member.branch === 'ing' ? 'Ingenieurgesellschaft' : member.branch === 'bohrtechnik' ? 'Bohrtechnik' : member.branch}
+                      {member.branch === 'e-tib' ? t('branchETIB') : member.branch === 'ing' ? t('branchIng') : member.branch === 'bohrtechnik' ? t('branchBohr') : member.branch}
                     </span>
                   </div>
                 )}

components/forms/ContactForm.tsx

@@ -3,6 +3,7 @@
 import * as React from 'react';
 import { motion } from 'framer-motion';
 import { Button } from '@/components/ui/Button';
+import { sendContactFormAction } from '@/app/actions/contact';
 
 export function ContactForm() {
   const [status, setStatus] = React.useState<'idle' | 'loading' | 'success' | 'error'>('idle');
@@ -11,10 +12,18 @@ export function ContactForm() {
     e.preventDefault();
     setStatus('loading');
     
-    // Simulate server action using @mintel/mail or API route
-    setTimeout(() => {
-      setStatus('success');
-    }, 1500);
+    const formData = new FormData(e.currentTarget);
+    try {
+      const result = await sendContactFormAction(formData);
+      if (result.success) {
+        setStatus('success');
+      } else {
+        setStatus('error');
+      }
+    } catch (error) {
+      console.error(error);
+      setStatus('error');
+    }
   };
 
   return (
@@ -41,13 +50,31 @@ export function ContactForm() {
             <p>Vielen Dank für Ihr Interesse an der E-TIB Gruppe. Ein Ansprechpartner wird sich zeitnah mit Ihnen in Verbindung setzen.</p>
           </div>
         </motion.div>
-      ) : (
+      ) : status === 'error' ? (
+        <motion.div 
+          initial={{ opacity: 0, scale: 0.95 }}
+          animate={{ opacity: 1, scale: 1 }}
+          className="bg-red-500/10 border border-red-500 text-red-600 p-6 rounded-xl flex items-start gap-4 mb-6"
+        >
+          <div className="bg-red-500 text-white rounded-full p-1 mt-0.5">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+          </div>
+          <div>
+            <h4 className="font-bold text-lg mb-1">Fehler beim Senden</h4>
+            <p>Leider ist ein Fehler aufgetreten. Bitte versuchen Sie es später noch einmal oder kontaktieren Sie uns direkt per E-Mail oder Telefon.</p>
+            <Button variant="outline" size="sm" className="mt-4" onClick={() => setStatus('idle')}>Erneut versuchen</Button>
+          </div>
+        </motion.div>
+      ) : null}
+      
+      {status !== 'success' && status !== 'error' && (
         <form onSubmit={handleSubmit} className="space-y-6">
           <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
             <div className="space-y-2">
-              <label htmlFor="firstName" className="block text-sm font-semibold text-neutral-dark">Vorname</label>
+              <label htmlFor="name" className="block text-sm font-semibold text-neutral-dark">Vorname</label>
               <input 
-                id="firstName" 
+                id="name"
+                name="name"
                 required 
                 disabled={status === 'loading'}
                 className="w-full bg-neutral-50 px-4 py-3 rounded-lg border border-neutral-200 focus:border-primary focus:ring-2 focus:ring-primary/20 outline-none transition-all"
@@ -57,7 +84,8 @@ export function ContactForm() {
             <div className="space-y-2">
               <label htmlFor="lastName" className="block text-sm font-semibold text-neutral-dark">Nachname</label>
               <input 
-                id="lastName" 
+                id="lastName"
+                name="lastName"
                 required 
                 disabled={status === 'loading'}
                 className="w-full bg-neutral-50 px-4 py-3 rounded-lg border border-neutral-200 focus:border-primary focus:ring-2 focus:ring-primary/20 outline-none transition-all"
@@ -70,6 +98,7 @@ export function ContactForm() {
             <label htmlFor="email" className="block text-sm font-semibold text-neutral-dark">E-Mail Adresse</label>
             <input 
               id="email" 
+              name="email"
               type="email" 
               required 
               disabled={status === 'loading'}
@@ -82,6 +111,7 @@ export function ContactForm() {
             <label htmlFor="company" className="block text-sm font-semibold text-neutral-dark">Unternehmen (Optional)</label>
             <input 
               id="company" 
+              name="company"
               disabled={status === 'loading'}
               className="w-full bg-neutral-50 px-4 py-3 rounded-lg border border-neutral-200 focus:border-primary focus:ring-2 focus:ring-primary/20 outline-none transition-all"
               placeholder="Firma GmbH"
@@ -92,6 +122,7 @@ export function ContactForm() {
             <label htmlFor="message" className="block text-sm font-semibold text-neutral-dark">Ihre Nachricht</label>
             <textarea 
               id="message" 
+              name="message"
               required 
               disabled={status === 'loading'}
               rows={5}
@@ -100,6 +131,8 @@ export function ContactForm() {
             />
           </div>
 
+          <input type="text" name="company_website" style={{ display: 'none' }} tabIndex={-1} autoComplete="off" />
+
           <Button 
             type="submit" 
             disabled={status === 'loading'}

components/home/Hero.tsx

@@ -20,23 +20,23 @@ export default function Hero({ data }: { data?: any }) {
   const [searchQuery, setSearchQuery] = useState('');
   const [isSearchOpen, setIsSearchOpen] = useState(false);
   const [heroPlaceholder, setHeroPlaceholder] = useState(
-    'Projekt beschreiben oder Kabel suchen...',
+    t('searchPlaceholder')
   );
   const typingRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const HERO_PLACEHOLDERS = [
-    'Querschnittsberechnung für 110kV Trasse', // Hochspannung
-    'Wie schwer ist NAYY 4x150?',
-    'Ich plane einen Solarpark, was brauche ich?', // Projekt Solar
-    'Unterschied zwischen N2XSY und NAY2XSY?', // Fach
-    'Mittelspannungskabel für Windkraftanlage', // Windpark
-    'Welches Aluminiumkabel für 20kV?', // Mittelspannung
+    t('placeholder1'),
+    t('placeholder2'),
+    t('placeholder3'),
+    t('placeholder4'),
+    t('placeholder5'),
+    t('placeholder6'),
   ];
 
   // Typing animation for the hero search placeholder
   useEffect(() => {
     if (searchQuery) {
-      setHeroPlaceholder('Projekt beschreiben oder Kabel suchen...');
+      setHeroPlaceholder(t('searchPlaceholder'));
       return;
     }
 
@@ -152,7 +152,7 @@ export default function Hero({ data }: { data?: any }) {
                 size="lg"
                 className="rounded-xl px-6 py-4 shrink-0 flex items-center shadow-md font-bold cursor-pointer hover:bg-accent hover:brightness-110"
               >
-                Fragen
+                {t('ask')}
                 <ChevronRight className="w-5 h-5 ml-2 -mr-1" />
               </Button>
             </form>
@@ -160,7 +160,7 @@ export default function Hero({ data }: { data?: any }) {
             <div className="flex flex-col sm:flex-row justify-center md:justify-start gap-4 md:gap-6">
               <div>
                 <Button
-                  href="/contact"
+                  href={`/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}`}
                   variant="white"
                   size="lg"
                   className="group w-full sm:w-auto h-14 md:h-16 px-8 md:px-10 text-base md:text-lg hover:scale-105 transition-all outline-none"

components/layout/Footer.tsx

@@ -104,12 +104,12 @@ export function Footer({ companyInfo }: FooterProps) {
             </h4>
             <ul className="space-y-2 md:space-y-4 relative z-10 flex-grow">
               {[
-                { label: locale === 'de' ? 'Kompetenzen' : 'Competencies', href: `/${locale}/kompetenzen` },
-                { label: locale === 'de' ? 'Über uns' : 'About us', href: `/${locale}/ueber-uns` },
+                { label: locale === 'de' ? 'Kompetenzen' : 'Competencies', href: `/${locale}/${locale === 'de' ? 'kompetenzen' : 'competencies'}` },
+                { label: locale === 'de' ? 'Über uns' : 'About us', href: `/${locale}/${locale === 'de' ? 'ueber-uns' : 'about-us'}` },
                 { label: locale === 'de' ? 'Unser Team' : 'Our Team', href: `/${locale}/team` },
                 { label: locale === 'de' ? 'Zertifikate' : 'Certificates', href: `/${locale}/zertifikate` },
-                { label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/karriere` },
-                { label: locale === 'de' ? 'Messen & Events' : 'Fairs & Events', href: `/${locale}/messen` },
+                { label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/${locale === 'de' ? 'karriere' : 'career'}` },
+                { label: locale === 'de' ? 'Messen & Events' : 'Fairs & Events', href: `/${locale}/${locale === 'de' ? 'messen' : 'trade-fairs'}` },
                 { label: locale === 'de' ? 'Kontakt' : 'Contact', href: `/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}` },
               ].map((link) => (
                 <li key={link.href}>
@@ -131,8 +131,8 @@ export function Footer({ companyInfo }: FooterProps) {
             </h4>
             <ul className="space-y-2 md:space-y-4 relative z-10 flex-grow">
               {[
-                { label: locale === 'de' ? 'Impressum' : 'Imprint', href: `/${locale}/impressum` },
-                { label: locale === 'de' ? 'Datenschutz' : 'Privacy Policy', href: `/${locale}/datenschutz` },
+                { label: locale === 'de' ? 'Impressum' : 'Imprint', href: `/${locale}/${locale === 'de' ? 'impressum' : 'imprint'}` },
+                { label: locale === 'de' ? 'Datenschutz' : 'Privacy Policy', href: `/${locale}/${locale === 'de' ? 'datenschutz' : 'privacy-policy'}` },
                 { label: locale === 'de' ? 'AGB' : 'Terms', href: `/${locale}/${locale === 'de' ? 'agb' : 'terms'}` },
               ].map((link) => (
                 <li key={link.href}>

components/layout/Header.test.tsx

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, fireEvent, act, waitFor } from '@testing-library/react';
+import { Header, NavLink } from './Header';
+import { usePathname } from 'next/navigation';
+
+// Mock next/navigation
+vi.mock('next/navigation', () => ({
+  usePathname: vi.fn(),
+}));
+
+// Mock TransitionLink to render standard anchor tag and forward all props
+vi.mock('@/components/ui/TransitionLink', () => ({
+  TransitionLink: ({ children, href, onClick, ...props }: any) => (
+    <a href={href} onClick={onClick} {...props}>
+      {children}
+    </a>
+  ),
+}));
+
+// Mock next/image
+vi.mock('next/image', () => ({
+  default: ({ src, alt, ...props }: any) => <img src={src} alt={alt} {...props} />,
+}));
+
+// Mock LanguageSwitcher
+vi.mock('./LanguageSwitcher', () => ({
+  LanguageSwitcher: () => <div data-testid="language-switcher" />,
+}));
+
+describe('Header Dropdown Navigation TDD', () => {
+  const mockNavLinks: NavLink[] = [
+    {
+      label: 'Home',
+      url: '/',
+    },
+    {
+      label: 'Leistungen',
+      url: '/leistungen',
+      children: [
+        { label: 'Kabelbau', url: '/leistungen/kabelbau' },
+        { label: 'Bohrtechnik', url: '/leistungen/bohrtechnik' },
+      ],
+    },
+  ];
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('closes the dropdown menu immediately after a page navigation occurs', async () => {
+    // 1. Set initial pathname
+    let currentPath = '/de';
+    vi.mocked(usePathname).mockImplementation(() => currentPath);
+
+    // 2. Render Header
+    const { rerender } = render(<Header navLinks={mockNavLinks} />);
+
+    // 3. Hover over "Leistungen" menu item to open dropdown
+    const leistungenNavItem = screen.getByText('Leistungen');
+    const navItemContainer = leistungenNavItem.closest('.group');
+    expect(navItemContainer).toBeTruthy();
+
+    act(() => {
+      fireEvent.mouseEnter(navItemContainer!);
+    });
+
+    // 4. Assert dropdown is open and children are rendered
+    expect(screen.getByText('Kabelbau')).toBeTruthy();
+    expect(screen.getByText('Bohrtechnik')).toBeTruthy();
+
+    // 5. Simulate page navigation by changing the path
+    currentPath = '/de/leistungen/kabelbau';
+    
+    act(() => {
+      // Trigger pathname hook change and force rerender
+      rerender(<Header navLinks={mockNavLinks} />);
+    });
+
+    // 6. Assert dropdown is closed (children are not in the document)
+    await waitFor(() => {
+      expect(screen.queryByText('Kabelbau')).toBeNull();
+      expect(screen.queryByText('Bohrtechnik')).toBeNull();
+    });
+  });
+});

components/layout/Header.tsx

@@ -164,6 +164,10 @@ export function Header({ navLinks }: HeaderProps) {
 function NavItem({ link, currentLocale, pathname, isSolidMode }: { link: NavLink, currentLocale: string, pathname: string, isSolidMode: boolean }) {
   const [isHovered, setIsHovered] = React.useState(false);
 
+  React.useEffect(() => {
+    setIsHovered(false);
+  }, [pathname]);
+
   const mappedUrl = link.url.startsWith('/') && !link.url.match(/^\/(en|de)/) 
     ? `/${currentLocale}${link.url}` 
     : link.url;

components/layout/LanguageSwitcher.test.tsx

@@ -0,0 +1,70 @@
+import * as React from 'react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { LanguageSwitcher } from './LanguageSwitcher';
+import { usePathname } from 'next/navigation';
+
+// Mock next/navigation
+vi.mock('next/navigation', () => ({
+  usePathname: vi.fn(),
+}));
+
+// Mock TransitionLink to render standard anchor tag and forward all props
+vi.mock('@/components/ui/TransitionLink', () => ({
+  TransitionLink: ({ children, href, onClick, ...props }: any) => (
+    <a href={href} onClick={onClick} {...props}>
+      {children}
+    </a>
+  ),
+}));
+
+// Mock HoverShineOverlay
+vi.mock('@/components/ui/HoverShineOverlay', () => ({
+  HoverShineOverlay: () => <div data-testid="hover-shine" />,
+}));
+
+describe('LanguageSwitcher TDD', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('translates /en/trade-fairs to /de/messen when switching to German', () => {
+    (usePathname as any).mockReturnValue('/en/trade-fairs');
+    render(<LanguageSwitcher />);
+
+    const deLink = screen.getByLabelText('Switch to Deutsch');
+    expect(deLink.getAttribute('href')).toBe('/de/messen');
+  });
+
+  it('translates /de/messen to /en/trade-fairs when switching to English', () => {
+    (usePathname as any).mockReturnValue('/de/messen');
+    render(<LanguageSwitcher />);
+
+    const enLink = screen.getByLabelText('Switch to English');
+    expect(enLink.getAttribute('href')).toBe('/en/trade-fairs');
+  });
+
+  it('translates /en/about-us to /de/ueber-uns when switching to German', () => {
+    vi.mocked(usePathname).mockReturnValue('/en/about-us');
+    render(<LanguageSwitcher />);
+
+    const deLink = screen.getByLabelText('Switch to Deutsch');
+    expect(deLink.getAttribute('href')).toBe('/de/ueber-uns');
+  });
+
+  it('translates /de/ueber-uns to /en/about-us when switching to English', () => {
+    vi.mocked(usePathname).mockReturnValue('/de/ueber-uns');
+    render(<LanguageSwitcher />);
+
+    const enLink = screen.getByLabelText('Switch to English');
+    expect(enLink.getAttribute('href')).toBe('/en/about-us');
+  });
+
+  it('preserves nested paths like blog posts', () => {
+    vi.mocked(usePathname).mockReturnValue('/de/blog/some-post');
+    render(<LanguageSwitcher />);
+
+    const enLink = screen.getByLabelText('Switch to English');
+    expect(enLink.getAttribute('href')).toBe('/en/blog/some-post');
+  });
+});

components/layout/LanguageSwitcher.tsx

@@ -3,6 +3,41 @@
 import { TransitionLink } from '@/components/ui/TransitionLink';
 import { usePathname } from 'next/navigation';
 import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
+import enMessages from '@/messages/en.json';
+import deMessages from '@/messages/de.json';
+
+const getMessages = (locale: string) => {
+  return locale === 'de' ? deMessages : enMessages;
+};
+
+// Synchronous version of mapSlugToFileSlug
+function syncMapSlugToFileSlug(translatedSlug: string, locale: string): string {
+  const messages = getMessages(locale);
+  const slugs = messages.Slugs;
+
+  if (slugs.pages && translatedSlug in slugs.pages) {
+    return slugs.pages[translatedSlug as keyof typeof slugs.pages];
+  }
+  return translatedSlug;
+}
+
+// Synchronous version of mapFileSlugToTranslated
+function syncMapFileSlugToTranslated(fileSlug: string, locale: string): string {
+  const messages = getMessages(locale);
+  const slugs = messages.Slugs;
+
+  const sections = [slugs.pages];
+  for (const sectionData of sections) {
+    if (sectionData && typeof sectionData === 'object') {
+      for (const [translatedSlug, mappedSlug] of Object.entries(sectionData)) {
+        if (mappedSlug === fileSlug) {
+          return translatedSlug;
+        }
+      }
+    }
+  }
+  return fileSlug;
+}
 
 interface LanguageSwitcherProps {
   mobile?: boolean;
@@ -14,8 +49,23 @@ export function LanguageSwitcher({ mobile = false, isSolidMode = false }: Langua
   const currentLocale = pathname.startsWith('/en') ? 'en' : 'de';
 
   const getSwitchedUrl = (newLocale: string) => {
-    const pathWithoutLocale = pathname.replace(/^\/(en|de)/, '');
-    return `/${newLocale}${pathWithoutLocale === '' ? '' : pathWithoutLocale}`;
+    const segments = pathname.split('/').filter(Boolean);
+    if (segments.length === 0) {
+      return `/${newLocale}`;
+    }
+
+    const currentLoc = segments[0] === 'en' || segments[0] === 'de' ? segments[0] : 'de';
+    const hasLocale = segments[0] === 'en' || segments[0] === 'de';
+    const pathSegments = hasLocale ? segments.slice(1) : segments;
+
+    if (pathSegments.length === 1) {
+      const slug = pathSegments[0];
+      const fileSlug = syncMapSlugToFileSlug(slug, currentLoc);
+      const translatedSlug = syncMapFileSlugToTranslated(fileSlug, newLocale);
+      return `/${newLocale}/${translatedSlug}`;
+    }
+
+    return `/${newLocale}/${pathSegments.join('/')}`;
   };
 
   const locales = [

components/search/AISearchResults.test.tsx

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { describe, it, expect, vi } from 'vitest';
+import { render } from '@testing-library/react';
+import { AISearchResults } from './AISearchResults';
+
+// Mock lucide-react
+vi.mock('lucide-react', () => ({
+  ArrowUp: () => <div data-testid="arrow-up" />,
+  X: () => <div data-testid="close-icon" />,
+  Sparkles: () => <div data-testid="sparkles" />,
+  ChevronRight: () => <div data-testid="chevron-right" />,
+  RotateCcw: () => <div data-testid="rotate-ccw" />,
+  Copy: () => <div data-testid="copy" />,
+  Check: () => <div data-testid="check" />,
+}));
+
+// Mock next/link
+vi.mock('next/link', () => ({
+  default: ({ children, href }: any) => <a href={href}>{children}</a>,
+}));
+
+// Mock useAnalytics
+vi.mock('../analytics/useAnalytics', () => ({
+  useAnalytics: () => ({
+    trackEvent: vi.fn(),
+  }),
+}));
+
+// Mock react-markdown
+vi.mock('react-markdown', () => ({
+  default: ({ children }: any) => <div>{children}</div>,
+}));
+
+// Mock remark-gfm
+vi.mock('remark-gfm', () => ({
+  default: {},
+}));
+
+// Mock next-intl
+vi.mock('next-intl', () => ({
+  useTranslations: () => {
+    const translate = (key: string) => key;
+    translate.raw = (key: string) => {
+      if (key === 'loadingTexts') return ['Lade...', 'Denke nach...'];
+      if (key === 'prompts') return ['Prompt 1', 'Prompt 2'];
+      return [];
+    };
+    return translate;
+  },
+  useLocale: () => 'en',
+}));
+
+describe('AISearchResults Component Test (TDD)', () => {
+  it('renders correctly when open', () => {
+    const handleClose = vi.fn();
+    const { container } = render(
+      <AISearchResults isOpen={true} onClose={handleClose} />
+    );
+    expect(container).toBeTruthy();
+  });
+});

components/search/AISearchResults.tsx

@@ -8,14 +8,9 @@ import { AnalyticsEvents } from '../analytics/analytics-events';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import dynamic from 'next/dynamic';
+import { useTranslations } from 'next-intl';
 const AIOrb = dynamic(() => import('./AIOrb'), { ssr: false });
 
-const LOADING_TEXTS = [
-  'Durchsuche das Kabelhandbuch... 📖',
-  'Frage den Senior-Ingenieur... 👴🔧',
-  'Frage ChatGPTs Cousin 2. Grades... 🤖',
-];
-
 interface ProductMatch {
   id: string;
   title: string;
@@ -51,7 +46,13 @@ export function AISearchResults({
   const [error, setError] = useState<string | null>(null);
   const [copiedIndex, setCopiedIndex] = useState<number | null>(null);
   const [copiedAll, setCopiedAll] = useState(false);
-  const [loadingText, setLoadingText] = useState(LOADING_TEXTS[0]);
+  const t = useTranslations('AISearch');
+
+  // We load texts dynamically from translations
+  const loadingTexts = t.raw('loadingTexts') as string[];
+  const prompts = t.raw('prompts') as string[];
+
+  const [loadingText, setLoadingText] = useState(loadingTexts[0]);
 
   const inputRef = useRef<HTMLInputElement>(null);
   const modalRef = useRef<HTMLDivElement>(null);
@@ -141,11 +142,11 @@ export function AISearchResults({
     setTimeout(() => {
       setIsLoading(true);
       // Start rotating loading texts
-      let textIdx = Math.floor(Math.random() * LOADING_TEXTS.length);
-      setLoadingText(LOADING_TEXTS[textIdx]);
+      let textIdx = Math.floor(Math.random() * loadingTexts.length);
+      setLoadingText(loadingTexts[textIdx]);
       loadingIntervalRef.current = setInterval(() => {
-        textIdx = (textIdx + 1) % LOADING_TEXTS.length;
-        setLoadingText(LOADING_TEXTS[textIdx]);
+        textIdx = (textIdx + 1) % loadingTexts.length;
+        setLoadingText(loadingTexts[textIdx]);
       }, 2500);
     }, 400);
 
@@ -191,8 +192,8 @@ export function AISearchResults({
       console.error(err);
       const msg =
         err.name === 'AbortError'
-          ? 'Anfrage hat zu lange gedauert. Bitte versuche es erneut.'
-          : err.message || 'Ein Fehler ist aufgetreten.';
+          ? t('timeoutError')
+          : err.message || t('genericError');
 
       // Show error as a system message in the chat instead of a separate error banner
       setMessages((prev) => [
@@ -248,7 +249,7 @@ export function AISearchResults({
 
   const handleCopyChat = () => {
     const fullChat = messages
-      .map((m) => `${m.role === 'user' ? 'Du' : 'Ohm'}:\n${m.content}`)
+      .map((m) => `${m.role === 'user' ? t('you') : 'Ohm'}:\n${m.content}`)
       .join('\n\n');
     handleCopy(fullChat);
   };
@@ -294,7 +295,7 @@ export function AISearchResults({
               <div>
                 <h2 className="text-white font-bold text-sm tracking-wide">Ohm</h2>
                 <p className="text-[10px] text-white/30 font-medium tracking-wider uppercase">
-                  {isLoading ? 'Denkt nach...' : error ? 'Fehler aufgetreten' : 'Online'}
+                  {isLoading ? t('thinking') : error ? t('errorStatus') : t('online')}
                 </p>
               </div>
             </div>
@@ -303,14 +304,14 @@ export function AISearchResults({
                 <button
                   onClick={handleCopyChat}
                   className="flex items-center gap-1.5 text-[10px] font-bold text-white/40 hover:text-white/80 transition-all duration-200 hover:bg-white/5 rounded-full px-3 py-1.5 cursor-pointer uppercase tracking-wider"
-                  title="gesamten Chat kopieren"
+                  title={t('copyChatTitle')}
                 >
                   {copiedAll ? (
                     <Check className="w-3.5 h-3.5 text-accent" />
                   ) : (
                     <Copy className="w-3.5 h-3.5" />
                   )}
-                  <span>{copiedAll ? 'Kopiert' : 'Chat kopieren'}</span>
+                  <span>{copiedAll ? t('copied') : t('copyChat')}</span>
                 </button>
               )}
               <button
@@ -336,16 +337,15 @@ export function AISearchResults({
                 </div>
                 <div>
                   <p className="text-xl md:text-2xl font-bold text-white/80">
-                    Wie kann ich helfen?
+                    {t('howCanIHelp')}
                   </p>
                   <p className="text-sm text-white/30 mt-2 max-w-md">
-                    Beschreibe dein Projekt, frag nach bestimmten Kabeln, oder nenne mir deine
-                    Anforderungen.
+                    {t('helpDescription')}
                   </p>
                 </div>
                 {/* Quick prompts */}
                 <div className="flex flex-wrap justify-center gap-2 mt-4">
-                  {['Windpark 33kV Verkabelung', 'NYCWY 4x185', 'Erdkabel für Solarpark'].map(
+                  {prompts.map(
                     (prompt) => (
                       <button
                         key={prompt}
@@ -384,7 +384,7 @@ export function AISearchResults({
                         ? 'top-2 right-2 bg-primary/10 hover:bg-primary/20 text-primary/60 hover:text-primary'
                         : 'top-2 right-2 bg-white/5 hover:bg-white/10 text-white/40 hover:text-white'
                     }`}
-                    title="Nachricht kopieren"
+                    title={t('copyMessage')}
                   >
                     {copiedIndex === index ? (
                       <Check className="w-3.5 h-3.5" />
@@ -431,7 +431,7 @@ export function AISearchResults({
                   {msg.role === 'assistant' && msg.products && msg.products.length > 0 && (
                     <div className="mt-4 space-y-2 border-t border-white/[0.06] pt-4">
                       <h4 className="text-[10px] font-bold tracking-widest uppercase text-white/30 mb-2">
-                        Empfohlene Produkte
+                        {t('recommendedProducts')}
                       </h4>
                       <div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
                         {msg.products.map((product, idx) => (
@@ -509,7 +509,7 @@ export function AISearchResults({
                     <AIOrb isThinking={false} hasError={true} />
                   </div>
                   <div>
-                    <h3 className="text-sm font-bold text-red-300">Da ist was schiefgelaufen 😬</h3>
+                    <h3 className="text-sm font-bold text-red-300">{t('errorTitle')}</h3>
                     <p className="text-xs text-red-300/60 mt-1">{error}</p>
                     <button
                       onClick={() => {
@@ -519,7 +519,7 @@ export function AISearchResults({
                       className="flex items-center gap-1.5 text-[10px] font-bold text-red-300/50 hover:text-red-300 mt-2 transition-colors cursor-pointer"
                     >
                       <RotateCcw className="w-3 h-3" />
-                      Nochmal versuchen
+                      {t('tryAgain')}
                     </button>
                   </div>
                 </div>
@@ -544,7 +544,7 @@ export function AISearchResults({
                 value={query}
                 onChange={(e) => setQuery(e.target.value)}
                 onKeyDown={onKeyDown}
-                placeholder="Nachricht eingeben..."
+                placeholder={t('placeholder')}
                 className="flex-1 bg-transparent border-none text-white text-sm md:text-base px-5 py-4 focus:outline-none placeholder:text-white/20"
                 disabled={isLoading}
                 tabIndex={1}
@@ -567,20 +567,20 @@ export function AISearchResults({
                     ? 'bg-accent text-primary shadow-lg shadow-accent/20 hover:shadow-accent/40 hover:scale-105 active:scale-95'
                     : 'bg-white/5 text-white/20'
                 }`}
-                aria-label="Nachricht senden"
+                aria-label={t('send')}
               >
                 <ArrowUp className="w-4 h-4" strokeWidth={2.5} />
               </button>
             </div>
             <div className="flex items-center justify-center gap-3 mt-2.5">
               <span className="text-[9px] uppercase tracking-[0.15em] font-medium text-white/15">
-                Enter zum Senden · Esc zum Schließen
+                {t('footerShortcuts')}
               </span>
               <span className="text-[9px] uppercase tracking-[0.15em] font-medium text-white/15">
                 ·
               </span>
               <span className="text-[9px] uppercase tracking-[0.15em] font-medium text-accent/40 flex items-center gap-1">
-                🛡️ DSGVO-konform · EU-Server
+                {t('footerPrivacy')}
               </span>
             </div>
           </div>

content/de/messen.mdx

@@ -19,8 +19,8 @@ layout: "fullBleed"
     showFairs={true} 
     showJobs={false} 
     fairs={[
-      { name: 'Intersolar München', date: '2024 / 2025', type: 'Messe', location: 'München' },
-      { name: 'Windenergietage Linstow', date: '2024 / 2025', type: 'Fachkongress', location: 'Linstow' },
+      { name: 'Intersolar München', date: '2024 / 2025', type: 'Messe', location: 'München', url: 'https://www.intersolar.de/' },
+      { name: 'Windenergietage Linstow', date: '2024 / 2025', type: 'Fachkongress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
       { name: 'Kabel-Workshop Wiesbaden', date: '2024 / 2025', type: 'Fachmesse', location: 'Wiesbaden' }
     ]}
   />

content/de/ueber-uns.mdx

@@ -52,7 +52,7 @@ layout: "fullBleed"
   </div>
 </div>
 
-<InteractiveGermanyMap isHero={false} badge="Bundesweite Präsenz" title="Infrastruktur für ein ganzes Land" description="Seit 2023 haben wir in über 100 Projekten quer durch Deutschland bewiesen, dass wir Infrastrukturprojekte jeder Größenordnung verlässlich umsetzen." />
+<InteractiveGermanyMap isHero={true} badge="Bundesweite Präsenz" title="Infrastruktur für ein ganzes Land" description="Seit 2023 haben wir in über 100 Projekten quer durch Deutschland bewiesen, dass wir Infrastrukturprojekte jeder Größenordnung verlässlich umsetzen." />
 
 <CompanyTimeline />
 

content/en/bohrtechnik.mdx

@@ -1,7 +1,7 @@
 ---
 title: "Trenchless Line Laying"
 date: "2024-03-20"
-excerpt: "Precise horizontal directional drilling and earth rockets in all soil classes for surface-friendly and trenchless line laying."
+excerpt: "Precise horizontal directional drilling and earth rockets in all soil classes for surface-friendly and efficient line laying."
 layout: "fullBleed"
 ---
 
@@ -12,15 +12,32 @@ layout: "fullBleed"
   backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
   alignment="center"
   ctaLabel="Request a project"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
 />
 
+<div className="container px-4 max-w-7xl mx-auto py-16">
+  <blockquote>
+    If classic trench construction is out of the question for space, environmental or cost reasons, we rely on the most modern trenchless techniques. We protect nature and minimize restoration costs.
+  </blockquote>
+
+  ## Maximum Efficiency, Minimal Intervention
+
+  Trenchless line laying is the smartest solution for complex construction projects. This process shows its absolute strengths particularly when crossing highly frequented roads, railway lines, highways or sensitive bodies of water. Traffic continues to flow, nature remains untouched and complex surfaces such as expensive paving or asphalt do not have to be destroyed.
+
+  ## HDD Boreholes and Earth Rockets
+
+  With our specialized machinery, we master a wide variety of processes. With the **Horizontal Directional Drilling (HDD) process**, we steer the drill head precisely underground. We achieve drilling lengths of up to 250 meters in one piece and can pull in protective pipes with a diameter of up to 400 mm.
+
+  For shorter distances, such as fast and gentle house connections, we use our **earth rockets** (soil displacement method). Here we achieve drilling lengths of up to 15 meters for pipes up to 160 mm in diameter - ideal for leaving front gardens and driveways completely intact.
+
+  <DeepDrillAnimation />
+</div>
+
 <ServiceDetailGrid
   badge="Procedures"
-  title="Efficient & Environmentally Friendly"
+  title="Our Drilling Technology in Detail"
   descriptionParagraphs={[
-    "If classic trench construction is out of the question for reasons of space, environment, or cost, we rely on **state-of-the-art trenchless techniques**.",
-    "This not only protects nature but also significantly saves on restoration costs for complex surfaces."
+    "We select the exactly matching drilling method for each soil class and local condition to guarantee maximum economic efficiency."
   ]}
   panels={[
     {
@@ -32,31 +49,33 @@ layout: "fullBleed"
         [
           "Max. drilling length: 250 m",
           "Max. diameter: 400mm pipe",
-          "Complex crossing of railways, highways & water bodies"
+          "Precision control and steerability",
+          "Crossing of railways, highways & water bodies"
         ]
       ]
     },
     {
       id: "erdrakete",
-      title: "Earth Rocket",
+      title: "Soil Displacement (Earth Rocket)",
       icon: "hdd",
       fullWidth: false,
       lists: [
         [
           "Max. crossing length: 15 m",
           "Max. diameter: 160mm pipe",
-          "Fast house connections without trenches"
+          "Fast house connections without trenches",
+          "No surface opening necessary"
         ]
       ]
     }
   ]}
 />
 
-<DeepDrillAnimation />
+<HomeReferencesSlider badge="Case Studies" title="Completed Drilling Projects" description="Successful HDD drilling and trenchless cable laying under the most complex conditions." />
 
 <CallToAction 
   title="Looking for a trenchless solution?" 
   text="We would be happy to advise you on the possibilities of horizontal directional drilling for your project."
   buttonText="Contact us"
-  buttonLink="/en/kontakt"
+  buttonLink="/en/contact"
 />

content/en/glasfaser.mdx

@@ -1,7 +1,7 @@
 ---
 title: "Cable Civil Engineering in Telecommunications"
 date: "2024-03-20"
-excerpt: "Future-proof infrastructure through competent cable civil engineering for fiber optic and telecommunications networks."
+excerpt: "Future-proof infrastructure through competent cable civil engineering for fiber optic and telecommunications networks (FTTX)."
 layout: "fullBleed"
 ---
 
@@ -12,15 +12,30 @@ layout: "fullBleed"
   backgroundImage={{ url: '/assets/photos/DSC01129.JPG' }}
   alignment="center"
   ctaLabel="Request a project"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
 />
 
+<div className="container px-4 max-w-7xl mx-auto py-16">
+  <blockquote>
+    A life without electricity or high-speed internet is unimaginable today - that is why we lay cables. We build the backbone of the digital society.
+  </blockquote>
+
+  ## The Backbone of Digitalization
+
+  Fast internet and state-of-the-art telecommunications networks require an absolutely smooth and highly professional network expansion. With highly specialized assembly teams and our own modern fleet of machinery, E-TIB ensures the highest execution quality in nationwide fiber optic expansion.
+
+  ## FTTX Expansion from a Single Source
+
+  As a powerful partner for telecommunications providers, we cover every step of physical network creation. We take over the construction of complete empty conduit routes as well as cable and pipe trenches. In addition, we position and build multi-function enclosures at strategic network nodes.
+
+  Our service does not end with pure civil engineering: We take care of the professional pulling and blowing in of highly sensitive fiber optic and telecommunication cables over long distances and carry out all required cable assemblies. In this way, we guarantee that the digital infrastructure can go into operation safely and performantly.
+</div>
+
 <ServiceDetailGrid
   badge="Service Portfolio"
-  title="Backbone of Digitalization"
+  title="Complete Fiber Optic Expansion"
   descriptionParagraphs={[
-    "Fast internet and state-of-the-art telecommunications networks require a **smooth and professional network expansion**.",
-    "With state-of-the-art machinery and specialized assembly teams, E-TIB ensures the highest quality in fiber optic expansion."
+    "From the empty conduit route to the finished fiber optic assembly - we deliver turnkey telecommunication infrastructure at the highest level."
   ]}
   panels={[
     {
@@ -31,8 +46,9 @@ layout: "fullBleed"
       lists: [
         [
           "Production of cable and pipe trenches",
-          "Production of empty conduit routes",
-          "Setting up multi-function enclosures"
+          "Production of complete empty conduit routes",
+          "Setting up multi-function enclosures (MFG)",
+          "Network node connection"
         ]
       ]
     },
@@ -44,17 +60,20 @@ layout: "fullBleed"
       lists: [
         [
           "Pulling of TK/FO cables",
-          "Blowing in of fiber optic cables",
-          "Cable assembly TK/FO"
+          "Pneumatic blowing in of fiber optic cables",
+          "Cable assembly TK/FO",
+          "Splicing and measuring work"
         ]
       ]
     }
   ]}
 />
 
+<HomeReferencesSlider badge="Case Studies" title="Completed Broadband Projects" description="We have already successfully realized hundreds of kilometers of FTTX networks. Discover our references." />
+
 <CallToAction 
   title="Are you planning an FTTX expansion?" 
   text="We are happy to advise you on all aspects of FTTX and fiber optic expansion."
   buttonText="Contact us"
-  buttonLink="/en/kontakt"
+  buttonLink="/en/contact"
 />

content/en/kabeltiefbau.mdx

@@ -1,7 +1,7 @@
 ---
-title: "Cable Civil Engineering in Medium and Low Voltage"
+title: "Cable Civil Engineering"
 date: "2024-03-20"
-excerpt: "Professional cable civil engineering for medium and low voltage networks: From the construction of cable routes to cable assemblies and street lighting."
+excerpt: "Professional cable civil engineering for medium and low voltage networks. We guarantee maximum safety standards and seamless documentation for your project."
 layout: "fullBleed"
 ---
 
@@ -12,15 +12,34 @@ layout: "fullBleed"
   backgroundImage={{ url: '/assets/photos/DSC01123.JPG' }}
   alignment="center"
   ctaLabel="Request a project"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
 />
 
+<div className="container px-4 max-w-7xl mx-auto py-16">
+  <blockquote>
+    Everywhere digging and drilling is happening, but unfortunately a lot also goes wrong. We focus on quality, the highest safety standards and legally compliant documentation - so that your construction project does not turn into a cost trap.
+  </blockquote>
+
+  ## Quality instead of a Cost Trap
+
+  On many construction sites, cheap providers from abroad are increasingly being used, which often leads to **safety standards and documentation requirements being ignored**. The consequences are severe: accidents, damaged external lines (such as electricity, water and gas) as well as massive construction delays and expensive supplements. A supposed bargain quickly turns out to be a financial burden.
+
+  Particularly for funded infrastructure projects, retrieving the funding is extremely problematic without absolutely seamless, standard-compliant documentation.
+
+  ## Everything from a Single Source
+
+  Thanks to our many years of experience, we identify problems early on and work out safe and satisfactory solutions for our clients in advance. E-TIB GmbH has fully specialized in cable civil engineering.
+
+  We offer you the complete range of services for the construction of cable routes from a single source - with our own ultra-modern machine fleet and permanent specialist staff from the region. In direct cooperation with our partner office, E-TIB Ingenieurgesellschaft mbH, we can also rule out planning errors at an early stage and sovereignly meet even the most complex documentation requirements.
+
+  <DataGridPulse />
+</div>
+
 <ServiceDetailGrid
   badge="Service Portfolio"
-  title="Everything for your network"
+  title="Everything for Your Network"
   descriptionParagraphs={[
-    "Our services cover the **complete spectrum** for the construction of modern cable routes and energy infrastructure.",
-    "We offer the highest precision, modern machines, and certified experts for every project."
+    "We offer the highest precision, modern machines and certified experts for every civil engineering project - from cable laying to transformer stations."
   ]}
   panels={[
     {
@@ -31,33 +50,34 @@ layout: "fullBleed"
       lists: [
         [
           "Production of cable and pipe trenches",
-          "Cable laying from 0.4 kV - 110 kV",
-          "Cable assembly 0.4 kV - 30 kV"
+          "Cable laying from 0.4 kV to 110 kV",
+          "Cable assembly from 0.4 kV to 30 kV",
+          "Cable plowing works for fast laying"
         ]
       ]
     },
     {
       id: "anlagen",
-      title: "Systems & Lighting",
+      title: "Systems & Infrastructure",
       icon: "energy",
       fullWidth: false,
       lists: [
         [
           "Construction of transformer stations",
-          "Establishment of grounding systems",
+          "Establishment of complex grounding systems",
           "Erection of street lighting",
-          "Switching operations"
+          "Certified switching operations"
         ]
       ]
     }
   ]}
 />
 
-<DataGridPulse />
+<HomeReferencesSlider badge="Case Studies" title="Completed Civil Engineering Projects" description="We have laid hundreds of kilometers of cables. Take a look at our reference projects." />
 
 <CallToAction 
   title="Do you have a specific project?" 
   text="We would be happy to advise you on all questions regarding cable civil engineering and line laying."
   buttonText="Contact us"
-  buttonLink="/en/kontakt"
+  buttonLink="/en/contact"
 />

content/en/karriere.mdx

@@ -100,6 +100,6 @@ layout: "fullBleed"
   title="Speculative Application (m/f/d)"
   description="Can you imagine taking on a long-term challenge in our company but can't find a suitable job offer? Apply speculatively."
   ctaLabel="To the contact form"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
   theme="dark"
 />

content/en/kompetenzen.mdx

@@ -11,7 +11,7 @@ layout: "fullBleed"
   description="As a full-service partner in the field of cable civil engineering, we cover the entire spectrum of modern infrastructure projects."
   videoUrl="/assets/videos/web/hero-bohrung.mp4"
   linkText="Get in Touch"
-  linkHref="/en/kontakt"
+  linkHref="/en/contact"
   secondaryCtaLabel="View References"
   secondaryCtaHref="/en/#referenzen"
 />
@@ -20,7 +20,7 @@ layout: "fullBleed"
   badge="Core Competencies"
   title="Precision & Performance"
   ctaLabel="Request a project"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
   items={[
     {
       title: "Cable Construction",

content/en/messen.mdx

@@ -11,7 +11,7 @@ layout: "fullBleed"
   description="Get to know the E-TIB Group at the leading industry trade fairs."
   videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
   linkText="Get in Touch"
-  linkHref="/en/kontakt"
+  linkHref="/en/contact"
 />
 
 <div id="termine">
@@ -19,8 +19,8 @@ layout: "fullBleed"
     showFairs={true} 
     showJobs={false} 
     fairs={[
-      { name: 'Intersolar Munich', date: '2024 / 2025', type: 'Fair', location: 'Munich' },
-      { name: 'Wind Energy Days Linstow', date: '2024 / 2025', type: 'Specialist Congress', location: 'Linstow' },
+      { name: 'Intersolar Munich', date: '2024 / 2025', type: 'Fair', location: 'Munich', url: 'https://www.intersolar.de/' },
+      { name: 'Wind Energy Days Linstow', date: '2024 / 2025', type: 'Specialist Congress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
       { name: 'Cable Workshop Wiesbaden', date: '2024 / 2025', type: 'Trade Fair', location: 'Wiesbaden' }
     ]}
   />

content/en/planung.mdx

@@ -1,7 +1,7 @@
 ---
 title: "Planning and Consulting"
 date: "2024-03-20"
-excerpt: "Professional planning and consulting in the field of energy and telecommunications networks: route planning, approval procedures, and project review."
+excerpt: "Professional planning and consulting in the field of energy and telecommunications networks: route planning, approval procedures and project control from a single source."
 layout: "fullBleed"
 ---
 
@@ -12,51 +12,68 @@ layout: "fullBleed"
   backgroundImage={{ url: '/assets/photos/DJI_0048.JPG' }}
   alignment="center"
   ctaLabel="Request a project"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
 />
 
+<div className="container px-4 max-w-7xl mx-auto py-16">
+  <blockquote>
+    We offer our clients everything from a single source - from the rough planning of your project idea and cable civil engineering to the construction of your renewable energy project.
+  </blockquote>
+
+  ## Foundation for Project Success
+
+  Solid planning is the crucial foundation for every successful infrastructure project. Projects often fail or are massively delayed because the complexity of civil engineering planning and approval procedures was underestimated. Through our combined competence, you avoid expensive planning errors and frictional losses at the interfaces.
+
+  Both for the highly topical broadband expansion and for the demanding grid connection of solar or wind projects, absolutely precise and high-quality cable route planning is required. To do this, we inspect the route on site, analyze all potential construction conflicts at an early stage and ensure that all necessary applications for the laying are submitted completely and on time to the authorities.
+
+  ## Strong Engineering Competence
+
+  In close cooperation with our specialized partner engineering firm, **E-TIB Ingenieurgesellschaft mbH**, we accompany you through all service phases. Whether structural planning for route optimization, complex approval planning or detailed execution planning - we steer your project from the first feasibility study to successful construction supervision and acceptance.
+</div>
+
 <ServiceDetailGrid
   badge="Engineering Services"
-  title="Foundation for Success"
+  title="Our Planning Services"
   descriptionParagraphs={[
-    "Solid planning is the foundation of every successful construction project. Avoid expensive planning errors and benefit from our comprehensive expertise.",
-    "Our partner engineering firm **E-TIB Ingenieurgesellschaft mbH** supports us in the smooth implementation of complex network expansion projects."
+    "Minimize risks and interfaces. We combine planning know-how with practical civil engineering expertise."
   ]}
   panels={[
     {
       id: "planung",
-      title: "Planning",
+      title: "Route & Approval Planning",
       icon: "planning",
       fullWidth: false,
       lists: [
         [
-          "Structural planning",
-          "Approval planning",
-          "Execution planning",
+          "Structural planning (route optimization)",
+          "Approval planning & authority management",
+          "Detailed execution planning",
           "Consent planning"
         ]
       ]
     },
     {
       id: "beratung",
-      title: "Consulting & Management",
+      title: "Control & Supervision",
       icon: "planning",
       fullWidth: false,
       lists: [
         [
-          "Tendering & awarding",
-          "Construction supervision",
-          "Project review",
-          "Feasibility studies"
+          "Tendering & awarding (AVA)",
+          "Specialist construction supervision",
+          "Project review & controlling",
+          "Sound feasibility studies"
         ]
       ]
     }
   ]}
 />
 
+<HomeReferencesSlider badge="Case Studies" title="Planning in Practice" description="Successfully planned and accompanied infrastructure projects of our group." />
+
 <CallToAction 
   title="Do you need planning security?" 
-  text="Let's talk about your project. We are at your side with help and advice."
+  text="Let's talk about your project. We are at your side with our engineering knowledge."
   buttonText="Contact us"
-  buttonLink="/en/kontakt"
+  buttonLink="/en/contact"
 />

content/en/team.mdx

@@ -18,7 +18,7 @@ layout: "fullBleed"
     {
       id: "danny-joseph",
       name: "Danny Joseph",
-      position: "Management",
+      position: "Managing Director",
       email: "d.joseph@e-tib.com",
       phone: "+49 1520 7230518",
       image: "/assets/photos/team/danny.jpg"
@@ -86,5 +86,5 @@ layout: "fullBleed"
   title="Become part of our team" 
   text="We are always looking for motivated talents for exciting infrastructure projects."
   buttonText="View open positions"
-  buttonLink="/en/karriere"
+  buttonLink="/en/career"
 />

content/en/ueber-uns.mdx

@@ -11,7 +11,7 @@ layout: "fullBleed"
   description="Since 2015, we have been growing continuously to meet the demands of the energy transition and digitalization. As a corporate group, we pool specialized expertise under one roof."
   videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
   linkText="Open Positions"
-  linkHref="/en/karriere"
+  linkHref="/en/career"
   secondaryCtaLabel="Discover Company"
   secondaryCtaHref="#structure"
 />
@@ -52,52 +52,9 @@ layout: "fullBleed"
   </div>
 </div>
 
-<InteractiveGermanyMap isHero={false} badge="Nationwide Presence" title="Infrastructure for an entire country" description="Since 2023, we have proven in over 100 projects across Germany that we reliably implement infrastructure projects of any scale." />
+<InteractiveGermanyMap isHero={true} badge="Nationwide Presence" title="Infrastructure for an entire country" description="Since 2023, we have proven in over 100 projects across Germany that we reliably implement infrastructure projects of any scale." />
 
-<CompanyTimeline 
-  badge="Our History"
-  title="Milestones of Development"
-  milestones={[
-    {
-      date: '16.12.2015',
-      year: '2015',
-      title: 'Foundation of E-TIB GmbH',
-      desc: 'Execution of electrical infrastructure projects, cable civil engineering, and horizontal directional drilling.',
-      iconName: 'Building2'
-    },
-    {
-      date: '04.02.2019',
-      year: '2019',
-      title: 'Foundation of E-TIB Ingenieurgesellschaft',
-      desc: 'Approval and execution planning, complex crossings, and grid connection planning.',
-      iconName: 'Compass'
-    },
-    {
-      date: '14.11.2019',
-      year: '2019',
-      title: 'Foundation of E-TIB Verwaltung GmbH',
-      desc: 'Central services, acquisition, leasing, and management of real estate and machinery.',
-      iconName: 'Layers'
-    },
-    {
-      date: '21.10.2025',
-      year: '2025',
-      title: 'Foundation of E-TIB Bohrtechnik GmbH',
-      desc: 'Specialization in precise horizontal directional drilling in all soil classes.',
-      iconName: 'ArrowDownToLine'
-    }
-  ]}
-/>
-
-<InteractiveGermanyMap 
-  badge="Operating Areas"
-  title={<>Nationwide<br/>at your service.</>}
-  description="From our strategic locations in Guben and Bülstedt, we control and realize complex infrastructure projects across the entire federal territory."
-  stats={[
-    { value: '100', suffix: '%', label: 'Nationwide Reach' },
-    { value: '2', suffix: '+', label: 'Operating Locations' }
-  ]}
-/>
+<CompanyTimeline />
 
 <div id="structure">
   <HomeSubCompanyTiles
@@ -138,5 +95,5 @@ layout: "fullBleed"
   title="Ready for Your Project?"
   description="We are always looking for new challenges and strong partners. Contact us for a non-binding consultation on your project."
   ctaLabel="Contact Us Now"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
 />

content/en/vermessung.mdx

@@ -1,7 +1,7 @@
 ---
 title: "Surveying and Documentation"
 date: "2024-03-20"
-excerpt: "Precise surveying, staking out, and digital documentation of line routes to ensure the highest safety and quality standards."
+excerpt: "Precise GIS surveying, staking out and digital documentation of line routes to ensure the highest construction and safety standards."
 layout: "fullBleed"
 ---
 
@@ -12,27 +12,45 @@ layout: "fullBleed"
   backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
   alignment="center"
   ctaLabel="Request a project"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
 />
 
+<div className="container px-4 max-w-7xl mx-auto py-16">
+  <blockquote>
+    We work with highly precise GPS equipment for the seamless documentation of our clients' projects. For this purpose, we independently develop app integrations to automate surveying.
+  </blockquote>
+
+  ## Highest Precision Protects Against Surprises
+
+  In today's times, legal documentation requirements and strict safety standards are growing rapidly. Many conventional civil engineering companies are hardly able to cleanly meet these highly complex requirements - especially for funded broadband expansion. Missing or incorrect documentation inevitably leads to massive problems during construction acceptance and project financing.
+
+  We identified this bottleneck early on and proactively specialized in the highly precise surveying and digital documentation of cable routes.
+
+  ## Digital Recording at the State of the Art
+
+  With state-of-the-art GPS technology and self-developed digital app integrations, we ensure highly automated, seamless and absolutely legally compliant recording of all laid lines and systems.
+
+  In addition to classic GPS staking and surveying, we create complete geodatabases for our clients for transparent project accounting and offer seamless 360° photo and video recording of the construction field. In this way, you keep full track of your underground infrastructure at all times.
+</div>
+
 <ServiceDetailGrid
   badge="Precision"
-  title="Highest Safety Standards"
+  title="Digital Safety Standards"
   descriptionParagraphs={[
-    "Increasing documentation requirements and strict safety standards demand **the highest precision on the construction site**.",
-    "With state-of-the-art technology, we ensure seamless and legally compliant recording of all lines. This is the best protection against unpleasant surprises during construction acceptance."
+    "We do not only deliver a clean route, but also the perfect data. Legally compliant, digital and precise to the centimeter."
   ]}
   panels={[
     {
       id: "vermessung",
-      title: "Geodesy",
+      title: "Classic Geodesy",
       icon: "survey",
       fullWidth: false,
       lists: [
         [
-          "Staking out of line routes",
-          "Surveying of line routes",
-          "GPS-supported terrain recording"
+          "Staking out of line routes with centimeter precision",
+          "Surveying of existing routes and new lines",
+          "Highly precise GPS-supported terrain recording",
+          "Automated app-based measuring procedures"
         ]
       ]
     },
@@ -44,17 +62,20 @@ layout: "fullBleed"
       lists: [
         [
           "Creation of databases for project accounting",
-          "360° photo/video recording of the construction site",
-          "Integration into geographic information systems (GIS)"
+          "360° photo and video recording of the construction field",
+          "Integration and processing for Geographic Information Systems (GIS)",
+          "Audit-proof inventory plans"
         ]
       ]
     }
   ]}
 />
 
+<HomeReferencesSlider badge="Case Studies" title="Documented Projects" description="We have precisely surveyed and digitally documented hundreds of kilometers of routes." />
+
 <CallToAction 
   title="Are you facing high documentation requirements?" 
-  text="Contact us for professional surveying and documentation services."
+  text="Contact us for professional surveying and GIS services."
   buttonText="Contact us"
-  buttonLink="/en/kontakt"
+  buttonLink="/en/contact"
 />

content/en/zertifikate.mdx

@@ -21,42 +21,42 @@ layout: "fullBleed"
     {
       title: 'ISO 14001:2015',
       description: 'Environmental Management System',
-      pdfUrl: '/assets/certificates/231214_Zertifikat ISO 14001 Umweltmanagement.pdf',
+      pdfUrl: '/assets/certificates/iso14001.pdf',
       type: 'iso',
       date: '14.12.2023',
     },
     {
       title: 'ISO 9001:2015',
       description: 'Quality Management System',
-      pdfUrl: '/assets/certificates/231214_Zertifikat ISO 9001 Qualitätsmanagement.pdf',
+      pdfUrl: '/assets/certificates/iso9001.pdf',
       type: 'iso',
       date: '14.12.2023',
     },
     {
       title: 'DIN EN ISO 45001:2018',
       description: 'Occupational Health and Safety',
-      pdfUrl: '/assets/certificates/Zertifizierung DIN EN ISO 45001 bis 05122028.pdf',
+      pdfUrl: '/assets/certificates/iso45001.pdf',
       type: 'iso',
       date: '05.12.2025',
     },
     {
       title: 'Exemption Certificate',
       description: 'According to § 48 b EStG',
-      pdfUrl: '/assets/certificates/240209_Freistellungsbescheinigung § 48 b.pdf',
+      pdfUrl: '/assets/certificates/freistellung.pdf',
       type: 'tax',
       date: '09.02.2024',
     },
     {
       title: 'Proof § 13b UStG',
       description: 'Tax liability of the service recipient',
-      pdfUrl: '/assets/certificates/240209_Nachweis § 13 b.pdf',
+      pdfUrl: '/assets/certificates/nachweis13b.pdf',
       type: 'tax',
       date: '09.02.2024',
     },
     {
       title: 'Certificate in Tax Matters',
       description: 'Tax Office Certificate',
-      pdfUrl: '/assets/certificates/250213_Bescheinigung in Steuersachen.pdf',
+      pdfUrl: '/assets/certificates/bescheinigung.pdf',
       type: 'tax',
       date: '13.02.2025',
     }

data/Orte 2024.txt

@@ -0,0 +1,14 @@
+Windpark, 48366 Laer
+PV-Anlage, 89434 Blindheim OT Wolpertstetten
+Windpark, 24893 Taarstedt
+Windpark, 24891 Schnarup-Thumby
+Windpark, 23818 Neuengörs
+PV-Anlage, 15326 Petershagen
+Windpark, 16866 Gumtow OT Schrepkow
+PV-Anlage, 14641 Nauen
+PV-Anlage, 23619 Badendorf
+PV-Anlage, 14959 Wiesenhagen
+PV-Anlage, 17089 Bartow
+PV-Anlage, 15345 Prötzel OT Sternebeck
+Windpark, 15848 Beeskow
+PV-Anlage, 15328 Gorgast

data/Orte 2025.txt

@@ -0,0 +1,9 @@
+PV-Anlage, 18334 Dettmannsdorf
+PV-Anlage, 59320 Ennigerloh-Oelde
+PV-Anlage, 93176 Beratzhausen
+Windpark, 16845 Neustadt Dosse
+PV-Anlage, 16845 Stüdenitz-Schönermark
+Windpark, 48346 Ostbevern
+Windpark, 27804 Berne
+Windpark, 17166 Dalkendorf
+Windpark, 29575 Altenmedingen

messages/de.json

@@ -97,7 +97,7 @@
       "office": "Hauptsitz Guben",
       "address": "Gewerbestraße 22\n03172 Guben\nDeutschland",
       "phone": "+49 (0) 3561 / 68577 33",
-      "email": "d.joseph@e-tib.com"
+      "email": "info@e-tib.com"
     },
     "hours": {
       "title": "Öffnungszeiten",
@@ -146,7 +146,15 @@
     "hero": {
       "title": "DIE EXPERTEN FÜR <green>KABELTIEFBAU</green>",
       "subtitle": "Wir helfen beim Ausbau der Energiekabelnetze für eine grüne Zukunft.",
-      "cta": "Jetzt anfragen"
+      "cta": "Jetzt anfragen",
+      "searchPlaceholder": "Projekt beschreiben oder Kabel suchen...",
+      "ask": "Fragen",
+      "placeholder1": "Querschnittsberechnung für 110kV Trasse",
+      "placeholder2": "Wie schwer ist NAYY 4x150?",
+      "placeholder3": "Ich plane einen Solarpark, was brauche ich?",
+      "placeholder4": "Unterschied zwischen N2XSY und NAY2XSY?",
+      "placeholder5": "Mittelspannungskabel für Windkraftanlage",
+      "placeholder6": "Welches Aluminiumkabel für 20kV?"
     },
     "video": {
       "title": "Vom ersten Spatenstich bis zum Netzanschluss – wir bauen die Infrastruktur von morgen."
@@ -157,7 +165,28 @@
     "overview": "Übersicht",
     "needHelp": "Brauchen Sie Unterstützung?",
     "supportTeamAvailable": "Unser Expertenteam steht Ihnen für alle Fragen rund um Ihr Infrastrukturprojekt zur Verfügung.",
-    "contactUs": "Kontaktieren Sie uns"
+    "contactUs": "Kontaktieren Sie uns",
+    "nextProjectTitle": "Ihr nächstes Projekt?",
+    "nextProjectDesc": "Lassen Sie uns gemeinsam herausragende Infrastruktur bauen.",
+    "client": "Kunde",
+    "period": "Zeitraum"
+  },
+  "CallToAction": {
+    "title": "Bereit für Ihr Projekt?",
+    "description": "Wir suchen stets nach neuen Herausforderungen und starken Partnern. Kontaktieren Sie uns für eine unverbindliche Beratung zu Ihrem Vorhaben.",
+    "ctaLabel": "Jetzt Kontakt aufnehmen",
+    "ctaHref": "/de/kontakt"
+  },
+  "JobListingBlock": {
+    "fairsTitle": "Nächste Messetermine",
+    "emptyStateMessage": "Aktuell sind alle Positionen besetzt. Senden Sie uns gerne eine Initiativbewerbung!",
+    "emptyStateLinkText": "Jetzt Kontakt aufnehmen",
+    "emptyStateLinkHref": "/de/kontakt",
+    "date": "Datum",
+    "location": "Location",
+    "booth": "Stand",
+    "viewDetails": "Details ansehen",
+    "title": "Aktuelle Stellenangebote"
   },
   "Error": {
     "title": "Hoppla!",
@@ -188,5 +217,109 @@
       "technical": "Technik",
       "sustainability": "Nachhaltigkeit"
     }
+  },
+  "ReferencesSlider": {
+    "badge": "Ausgewählte Projekte",
+    "title": "Referenzen & Erfolge",
+    "description": "Ein Auszug unserer erfolgreich abgeschlossenen Projekte im Bereich Kabeltiefbau, Bohrtechnik und Netzinfrastruktur.",
+    "ctaLabel": "Alle Referenzen ansehen"
+  },
+  "CompanyTimeline": {
+    "badge": "Unsere Geschichte",
+    "title": "Meilensteine der Entwicklung",
+    "milestones": {
+      "2015": {
+        "title": "Gründung E-TIB GmbH",
+        "desc": "Ausführung elektrischer Infrastrukturprojekte, Kabeltiefbau und Horizontalspülbohrungen."
+      },
+      "2025": {
+        "title": "Gründung E-TIB Bohrtechnik GmbH",
+        "desc": "Spezialisierung auf präzise Horizontalspülbohrungen in allen Bodenklassen."
+      },
+      "2019_ing": {
+        "title": "Gründung E-TIB Ingenieurgesellschaft",
+        "desc": "Genehmigungs- und Ausführungsplanung, komplexe Querungen sowie Netzanschlussplanung."
+      },
+      "2019_verw": {
+        "title": "Gründung E-TIB Verwaltung GmbH",
+        "desc": "Zentrale Dienste, Erwerb, Vermietung, Verpachtung und Verwaltung von Immobilien und Maschinen."
+      }
+    }
+  },
+  "InteractiveGermanyMap": {
+    "types": {
+      "hq": "Hauptsitz",
+      "branch": "Niederlassung",
+      "project": "Projekt",
+      "reference": "Referenz"
+    },
+    "descriptions": {
+      "wind": "Errichtung Leitungstrassen & Netzanbindung für Windpark-Infrastruktur.",
+      "pv": "Bau von Mittelspannungstrassen zur Einspeisung der PV-Anlage.",
+      "fiber": "Komplexer FTTx Breitbandausbau inkl. LWL-Montage & Tiefbau.",
+      "power": "110kV Hochspannungstrasse Erdkabelverlegung.",
+      "battery": "Infrastrukturausbau für BESS (Batteriespeicher).",
+      "default": "Komplexes Infrastrukturprojekt (Tiefbau & HDD)."
+    },
+    "features": {
+      "wind": "Netzanbindung Windpark",
+      "pv": "Einspeisung PV-Anlage",
+      "fiber": "FTTx Infrastruktur",
+      "power": "110kV Trasse",
+      "battery": "BESS Anschluss",
+      "default": "Infrastrukturprojekt",
+      "method": "Tiefbau & Spülbohrung (HDD)"
+    },
+    "learnMore": "Zum Projekt"
+  },
+  "TeamGrid": {
+    "badge": "Persönliche Beratung",
+    "title": "Ihre Ansprechpartner",
+    "subtitle": "Sprechen Sie direkt mit unseren Experten für Ihr regionales Projekt.",
+    "management": "Geschäftsführung",
+    "branchETIB": "E-TIB GmbH",
+    "branchIng": "Ingenieurgesellschaft",
+    "branchBohr": "Bohrtechnik"
+  },
+  "AISearch": {
+    "loadingTexts": [
+      "Durchsuche das Kabelhandbuch... 📖",
+      "Frage den Senior-Ingenieur... 👴🔧",
+      "Frage ChatGPTs Cousin 2. Grades... 🤖"
+    ],
+    "thinking": "Denkt nach...",
+    "errorStatus": "Fehler aufgetreten",
+    "online": "Online",
+    "copyChat": "Chat kopieren",
+    "copyChatTitle": "gesamten Chat kopieren",
+    "copied": "Kopiert",
+    "close": "Schließen",
+    "howCanIHelp": "Wie kann ich helfen?",
+    "helpDescription": "Beschreibe dein Projekt, frag nach bestimmten Kabeln, oder nenne mir deine Anforderungen.",
+    "prompts": [
+      "Windpark 33kV Verkabelung",
+      "NYCWY 4x185",
+      "Erdkabel für Solarpark"
+    ],
+    "you": "Du",
+    "copyMessage": "Nachricht kopieren",
+    "recommendedProducts": "Empfohlene Produkte",
+    "errorTitle": "Da ist was schiefgelaufen 😬",
+    "tryAgain": "Nochmal versuchen",
+    "placeholder": "Nachricht eingeben...",
+    "send": "Nachricht senden",
+    "footerShortcuts": "Enter zum Senden · Esc zum Schließen",
+    "footerPrivacy": "🛡️ DSGVO-konform · EU-Server",
+    "timeoutError": "Anfrage hat zu lange gedauert. Bitte versuche es erneut.",
+    "genericError": "Ein Fehler ist aufgetreten."
+  },
+  "ReferenceDetail": {
+    "backToOverview": "Zurück zur Übersicht",
+    "projectReference": "Projektreferenz",
+    "location": "Ort",
+    "client": "Auftraggeber",
+    "period": "Zeitraum",
+    "scopeTitle": "Leistungsumfang & Projektbeschreibung",
+    "viewAll": "Alle Referenzen ansehen"
   }
-}
+}

messages/en.json

@@ -9,7 +9,7 @@
       "about-us": "ueber-uns",
       "terms": "agb",
       "start": "start",
-      "events": "messen"
+      "trade-fairs": "messen"
     },
     "products": {},
     "categories": {}
@@ -97,7 +97,7 @@
       "office": "Headquarters Guben",
       "address": "Gewerbestraße 22\n03172 Guben\nGermany",
       "phone": "+49 (0) 3561 / 68577 33",
-      "email": "d.joseph@e-tib.com"
+      "email": "info@e-tib.com"
     },
     "hours": {
       "title": "Opening Hours",
@@ -146,7 +146,15 @@
     "hero": {
       "title": "THE EXPERTS FOR <green>UNDERGROUND CABLE ENGINEERING</green>",
       "subtitle": "We help expanding the energy cable networks for a green future.",
-      "cta": "Request now"
+      "cta": "Request now",
+      "searchPlaceholder": "Describe project or search for cables...",
+      "ask": "Ask",
+      "placeholder1": "Cross-section calculation for 110kV route",
+      "placeholder2": "How heavy is NAYY 4x150?",
+      "placeholder3": "I'm planning a solar park, what do I need?",
+      "placeholder4": "Difference between N2XSY and NAY2XSY?",
+      "placeholder5": "Medium voltage cable for wind turbine",
+      "placeholder6": "Which aluminum cable for 20kV?"
     },
     "video": {
       "title": "From the first spade cut to the grid connection – we build the infrastructure of tomorrow."
@@ -157,7 +165,28 @@
     "overview": "Overview",
     "needHelp": "Need support?",
     "supportTeamAvailable": "Our team of experts is available to answer all your questions regarding your infrastructure project.",
-    "contactUs": "Contact Us"
+    "contactUs": "Contact Us",
+    "nextProjectTitle": "Your next project?",
+    "nextProjectDesc": "Let's build outstanding infrastructure together.",
+    "client": "Client",
+    "period": "Period"
+  },
+  "CallToAction": {
+    "title": "Ready for your project?",
+    "description": "We are always looking for new challenges and strong partners. Contact us for a non-binding consultation about your project.",
+    "ctaLabel": "Contact us now",
+    "ctaHref": "/en/contact"
+  },
+  "JobListingBlock": {
+    "fairsTitle": "Upcoming Trade Fairs",
+    "emptyStateMessage": "All positions are currently filled. Feel free to send us an unsolicited application!",
+    "emptyStateLinkText": "Contact us now",
+    "emptyStateLinkHref": "/en/contact",
+    "date": "Date",
+    "location": "Location",
+    "booth": "Booth",
+    "viewDetails": "View details",
+    "title": "Current Job Openings"
   },
   "Error": {
     "title": "Oops!",
@@ -188,5 +217,109 @@
       "technical": "Technical",
       "sustainability": "Sustainability"
     }
+  },
+  "ReferencesSlider": {
+    "badge": "Selected Projects",
+    "title": "References & Successes",
+    "description": "A selection of our successfully completed projects in underground cable engineering, drilling technology, and grid infrastructure.",
+    "ctaLabel": "View All References"
+  },
+  "CompanyTimeline": {
+    "badge": "Our History",
+    "title": "Milestones of Development",
+    "milestones": {
+      "2015": {
+        "title": "Foundation of E-TIB GmbH",
+        "desc": "Execution of electrical infrastructure projects, cable civil engineering, and horizontal directional drilling."
+      },
+      "2025": {
+        "title": "Foundation of E-TIB Bohrtechnik GmbH",
+        "desc": "Specialization in precise horizontal directional drilling in all soil classes."
+      },
+      "2019_ing": {
+        "title": "Foundation of E-TIB Ingenieurgesellschaft",
+        "desc": "Permit and execution planning, complex crossings, and grid connection planning."
+      },
+      "2019_verw": {
+        "title": "Foundation of E-TIB Verwaltung GmbH",
+        "desc": "Central services, acquisition, leasing, and management of real estate and machinery."
+      }
+    }
+  },
+  "InteractiveGermanyMap": {
+    "types": {
+      "hq": "Headquarters",
+      "branch": "Branch",
+      "project": "Project",
+      "reference": "Reference"
+    },
+    "descriptions": {
+      "wind": "Construction of cable routes & grid connection for wind park infrastructure.",
+      "pv": "Construction of medium-voltage routes for feeding PV systems.",
+      "fiber": "Complex FTTx broadband expansion incl. fiber optic assembly & civil engineering.",
+      "power": "110kV high-voltage underground cable laying.",
+      "battery": "Infrastructure expansion for BESS (battery storage).",
+      "default": "Complex infrastructure project (civil engineering & HDD)."
+    },
+    "features": {
+      "wind": "Grid connection wind park",
+      "pv": "Feeding PV system",
+      "fiber": "FTTx Infrastructure",
+      "power": "110kV Route",
+      "battery": "BESS Connection",
+      "default": "Infrastructure project",
+      "method": "Civil engineering & HDD"
+    },
+    "learnMore": "Learn more"
+  },
+  "TeamGrid": {
+    "badge": "Personal Consultation",
+    "title": "Your Contacts",
+    "subtitle": "Speak directly with our experts for your regional project.",
+    "management": "Management",
+    "branchETIB": "E-TIB GmbH",
+    "branchIng": "Engineering Company",
+    "branchBohr": "Drilling Technology"
+  },
+  "AISearch": {
+    "loadingTexts": [
+      "Searching the cable manual... 📖",
+      "Asking the senior engineer... 👴🔧",
+      "Asking ChatGPT's 2nd cousin... 🤖"
+    ],
+    "thinking": "Thinking...",
+    "errorStatus": "Error occurred",
+    "online": "Online",
+    "copyChat": "Copy chat",
+    "copyChatTitle": "copy entire chat",
+    "copied": "Copied",
+    "close": "Close",
+    "howCanIHelp": "How can I help?",
+    "helpDescription": "Describe your project, ask for specific cables, or tell me your requirements.",
+    "prompts": [
+      "Wind park 33kV cabling",
+      "NYCWY 4x185",
+      "Underground cable for solar park"
+    ],
+    "you": "You",
+    "copyMessage": "Copy message",
+    "recommendedProducts": "Recommended Products",
+    "errorTitle": "Something went wrong 😬",
+    "tryAgain": "Try again",
+    "placeholder": "Enter message...",
+    "send": "Send message",
+    "footerShortcuts": "Enter to send · Esc to close",
+    "footerPrivacy": "🛡️ GDPR compliant · EU servers",
+    "timeoutError": "Request took too long. Please try again.",
+    "genericError": "An error occurred."
+  },
+  "ReferenceDetail": {
+    "backToOverview": "Back to Overview",
+    "projectReference": "Project Reference",
+    "location": "Location",
+    "client": "Client",
+    "period": "Period",
+    "scopeTitle": "Scope & Project Description",
+    "viewAll": "View all References"
   }
-}
+}

package.json

@@ -62,6 +62,8 @@
     "@tailwindcss/cli": "^4.1.18",
     "@tailwindcss/postcss": "^4.1.18",
     "@tailwindcss/typography": "^0.5.19",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
     "@types/geojson": "^7946.0.16",
     "@types/leaflet": "^1.9.21",
     "@types/node": "^22.19.3",

pnpm-lock.yaml

@@ -44,7 +44,7 @@ importers:
         version: 10.47.0(@opentelemetry/context-async-hooks@2.6.1(@opentelemetry/api@1.9.1))(@opentelemetry/core@2.6.1(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.6.1(@opentelemetry/api@1.9.1))(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.4))
       '@types/recharts':
         specifier: ^2.0.1
-        version: 2.0.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@16.13.1)(react@19.2.4)(redux@5.0.1)
+        version: 2.0.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@17.0.2)(react@19.2.4)(redux@5.0.1)
       axios:
         specifier: ^1.13.5
         version: 1.14.0(debug@4.4.3)
@@ -116,7 +116,7 @@ importers:
         version: 10.1.0(@types/react@19.2.14)(react@19.2.4)
       recharts:
         specifier: ^3.7.0
-        version: 3.8.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@16.13.1)(react@19.2.4)(redux@5.0.1)
+        version: 3.8.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@17.0.2)(react@19.2.4)(redux@5.0.1)
       rehype-raw:
         specifier: ^7.0.0
         version: 7.0.0
@@ -181,6 +181,12 @@ importers:
       '@tailwindcss/typography':
         specifier: ^0.5.19
         version: 0.5.19(tailwindcss@4.2.2)
+      '@testing-library/dom':
+        specifier: ^10.4.1
+        version: 10.4.1
+      '@testing-library/react':
+        specifier: ^16.3.2
+        version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@types/geojson':
         specifier: ^7946.0.16
         version: 7946.0.16
@@ -2936,6 +2942,25 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
 
+  '@testing-library/dom@10.4.1':
+    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
+    engines: {node: '>=18'}
+
+  '@testing-library/react@16.3.2':
+    resolution: {integrity: sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@testing-library/dom': ^10.0.0
+      '@types/react': ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^18.0.0 || ^19.0.0
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@tootallnate/quickjs-emscripten@0.23.0':
     resolution: {integrity: sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==}
 
@@ -2978,6 +3003,9 @@ packages:
   '@types/acorn@4.0.6':
     resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}
 
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
 
@@ -3510,6 +3538,10 @@ packages:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
+  ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+
   ansi-styles@6.2.3:
     resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
     engines: {node: '>=12'}
@@ -3523,6 +3555,9 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
   aria-query@5.3.2:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
@@ -4336,6 +4371,9 @@ packages:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
 
+  dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+
   dom-serializer@2.0.0:
     resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
 
@@ -5893,6 +5931,10 @@ packages:
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
   maath@0.10.8:
     resolution: {integrity: sha512-tRvbDF0Pgqz+9XUa4jjfgAQ8/aPKmQdWXilFu2tMy4GWj4NOsx99HlULO4IeREfbO3a0sA145DZYyvXPkybm0g==}
     peerDependencies:
@@ -6699,6 +6741,10 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
   prismjs@1.29.0:
     resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
     engines: {node: '>=6'}
@@ -6820,6 +6866,9 @@ packages:
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
+  react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+
   react-leaflet@4.2.1:
     resolution: {integrity: sha512-p9chkvhcKrWn/H/1FFeVSqLdReGwn2qmiobOQGO3BifX+/vV/39qhY8dGqbdcPh1e6jxh/QHriLXr7a4eLFK4Q==}
     peerDependencies:
@@ -7502,8 +7551,8 @@ packages:
   third-party-web@0.26.7:
     resolution: {integrity: sha512-buUzX4sXC4efFX6xg2bw6/eZsCUh8qQwSavC4D9HpONMFlRbcHhD8Je5qwYdCpViR6q0qla2wPP+t91a2vgolg==}
 
-  third-party-web@0.29.0:
-    resolution: {integrity: sha512-nBDSJw5B7Sl1YfsATG2XkW5qgUPODbJhXw++BKygi9w6O/NKS98/uY/nR/DxDq2axEjL6halHW1v+jhm/j1DBQ==}
+  third-party-web@0.29.2:
+    resolution: {integrity: sha512-fegtha91tq2DHphyoiBXVHjVi2YG9zFaRnboT9C28tO1en9Y3wJsfspuy40F+u5wl3hHVbw7cnd1b67kEGHb8g==}
 
   thread-stream@4.0.0:
     resolution: {integrity: sha512-4iMVL6HAINXWf1ZKZjIPcz5wYaOdPhtO8ATvZ+Xqp3BTdaqtAwQkNmKORqcIo5YkQqGXq5cwfswDwMqqQNrpJA==}
@@ -9809,7 +9858,7 @@ snapshots:
   '@paulirish/trace_engine@0.0.53':
     dependencies:
       legacy-javascript: 0.0.1
-      third-party-web: 0.29.0
+      third-party-web: 0.29.2
 
   '@pdf-lib/standard-fonts@1.0.0':
     dependencies:
@@ -10822,6 +10871,27 @@ snapshots:
       postcss-selector-parser: 6.0.10
       tailwindcss: 4.2.2
 
+  '@testing-library/dom@10.4.1':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/runtime': 7.29.2
+      '@types/aria-query': 5.0.4
+      aria-query: 5.3.0
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      picocolors: 1.1.1
+      pretty-format: 27.5.1
+
+  '@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@babel/runtime': 7.29.2
+      '@testing-library/dom': 10.4.1
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
   '@tootallnate/quickjs-emscripten@0.23.0': {}
 
   '@turbo/darwin-64@2.9.3':
@@ -10853,6 +10923,8 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.8
 
+  '@types/aria-query@5.0.4': {}
+
   '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.29.2
@@ -10998,9 +11070,9 @@ snapshots:
     dependencies:
       csstype: 3.2.3
 
-  '@types/recharts@2.0.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@16.13.1)(react@19.2.4)(redux@5.0.1)':
+  '@types/recharts@2.0.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@17.0.2)(react@19.2.4)(redux@5.0.1)':
     dependencies:
-      recharts: 3.8.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@16.13.1)(react@19.2.4)(redux@5.0.1)
+      recharts: 3.8.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@17.0.2)(react@19.2.4)(redux@5.0.1)
     transitivePeerDependencies:
       - '@types/react'
       - react
@@ -11438,6 +11510,8 @@ snapshots:
     dependencies:
       color-convert: 2.0.1
 
+  ansi-styles@5.2.0: {}
+
   ansi-styles@6.2.3: {}
 
   arg@5.0.2: {}
@@ -11448,6 +11522,10 @@ snapshots:
 
   argparse@2.0.1: {}
 
+  aria-query@5.3.0:
+    dependencies:
+      dequal: 2.0.3
+
   aria-query@5.3.2: {}
 
   array-buffer-byte-length@1.0.2:
@@ -12317,6 +12395,8 @@ snapshots:
     dependencies:
       esutils: 2.0.3
 
+  dom-accessibility-api@0.5.16: {}
+
   dom-serializer@2.0.0:
     dependencies:
       domelementtype: 2.3.0
@@ -14234,6 +14314,8 @@ snapshots:
     dependencies:
       react: 19.2.4
 
+  lz-string@1.5.0: {}
+
   maath@0.10.8(@types/three@0.183.1)(three@0.183.2):
     dependencies:
       '@types/three': 0.183.1
@@ -15338,6 +15420,12 @@ snapshots:
 
   prettier@3.8.1: {}
 
+  pretty-format@27.5.1:
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+
   prismjs@1.29.0: {}
 
   prismjs@1.30.0: {}
@@ -15501,6 +15589,8 @@ snapshots:
 
   react-is@16.13.1: {}
 
+  react-is@17.0.2: {}
+
   react-leaflet@4.2.1(leaflet@1.9.4)(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       '@react-leaflet/core': 2.1.0(leaflet@1.9.4)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -15553,7 +15643,7 @@ snapshots:
 
   real-require@0.2.0: {}
 
-  recharts@3.8.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@16.13.1)(react@19.2.4)(redux@5.0.1):
+  recharts@3.8.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react-is@17.0.2)(react@19.2.4)(redux@5.0.1):
     dependencies:
       '@reduxjs/toolkit': 2.11.2(react-redux@9.2.0(@types/react@19.2.14)(react@19.2.4)(redux@5.0.1))(react@19.2.4)
       clsx: 2.1.1
@@ -15563,7 +15653,7 @@ snapshots:
       immer: 10.2.0
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      react-is: 16.13.1
+      react-is: 17.0.2
       react-redux: 9.2.0(@types/react@19.2.14)(react@19.2.4)(redux@5.0.1)
       reselect: 5.1.1
       tiny-invariant: 1.3.3
@@ -16409,7 +16499,7 @@ snapshots:
 
   third-party-web@0.26.7: {}
 
-  third-party-web@0.29.0: {}
+  third-party-web@0.29.2: {}
 
   thread-stream@4.0.0:
     dependencies:

scratch/test-slugs.ts

@@ -0,0 +1,6 @@
+import { mapSlugToFileSlug } from '../lib/slugs';
+async function test() {
+  const result = await mapSlugToFileSlug('imprint', 'en');
+  console.log("imprint maps to:", result);
+}
+test();

scripts/compare-mdx-parity.ts

@@ -0,0 +1,52 @@
+import fs from 'fs';
+import path from 'path';
+
+const CONTENT_DIR = path.join(process.cwd(), 'content');
+const deDir = path.join(CONTENT_DIR, 'de');
+const enDir = path.join(CONTENT_DIR, 'en');
+
+function extractComponents(filePath: string): string[] {
+  const content = fs.readFileSync(filePath, 'utf8');
+  // Match any tag starting with uppercase letter, e.g. <HomeHero or <InteractiveGermanyMap
+  const matches = content.match(/<[A-Z][a-zA-Z0-9]*/g) || [];
+  return matches.map(m => m.substring(1));
+}
+
+function checkParity() {
+  const deFiles = fs.readdirSync(deDir).filter(f => f.endsWith('.mdx'));
+  let hasErrors = false;
+
+  console.log('🔍 Checking MDX Component Parity between DE and EN...');
+
+  deFiles.forEach(file => {
+    const dePath = path.join(deDir, file);
+    const enPath = path.join(enDir, file);
+
+    if (!fs.existsSync(enPath)) {
+      console.log(`❌ Missing English file: ${file}`);
+      hasErrors = true;
+      return;
+    }
+
+    const deComponents = extractComponents(dePath);
+    const enComponents = extractComponents(enPath);
+
+    const deStr = deComponents.join(', ');
+    const enStr = enComponents.join(', ');
+
+    if (deStr !== enStr) {
+      console.log(`❌ Mismatch in ${file}:`);
+      console.log(`   DE components: [${deStr}]`);
+      console.log(`   EN components: [${enStr}]`);
+      hasErrors = true;
+    } else {
+      console.log(`✅ ${file} is in perfect parity.`);
+    }
+  });
+
+  if (!hasErrors) {
+    console.log('🎉 PERFECT PARITY DETECTED! All MDX components are identical.');
+  }
+}
+
+checkParity();

tests/mdx-links.test.ts

@@ -0,0 +1,26 @@
+import { describe, it, expect } from 'vitest';
+import fs from 'fs';
+import path from 'path';
+
+describe('English MDX Content Links', () => {
+  it('should not contain German slug routes like /en/kontakt or /en/karriere', () => {
+    const enContentDir = path.join(process.cwd(), 'content', 'en');
+    const files = fs.readdirSync(enContentDir).filter(f => f.endsWith('.mdx'));
+
+    const forbiddenLinks = ['/en/kontakt', '/en/karriere'];
+    const infractions: string[] = [];
+
+    files.forEach(file => {
+      const filePath = path.join(enContentDir, file);
+      const content = fs.readFileSync(filePath, 'utf8');
+
+      forbiddenLinks.forEach(link => {
+        if (content.includes(link)) {
+          infractions.push(`${file} contains forbidden link "${link}"`);
+        }
+      });
+    });
+
+    expect(infractions).toEqual([]);
+  });
+});