fix: update trade fair dates to 2026

.gitea/workflows/deploy.yml

@@ -51,10 +51,23 @@ jobs:
           echo "Purging old tool caches..."
           rm -rf /opt/hostedtoolcache/* || true
           rm -rf /opt/hostedtoolcache/.[!.]* || true
-          echo "Purging old build layers and dangling images..."
+          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 image prune -a -f || true
-          docker system prune -f || true
+          docker volume prune -f || true
+          docker system prune -a -f || true
           echo "=== System Disk Usage After Prune ==="
           df -h || 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/DataGridPulse.tsx

@@ -7,13 +7,13 @@ import { useLocale } from 'next-intl';
 export function DataGridPulse() {
   const locale = useLocale();
   return (
-    <div className="relative w-full py-32 bg-[#050B14] overflow-hidden flex flex-col items-center border-y border-primary/20 -mx-[50vw] px-[50vw] mb-16">
+    <div className="relative w-full py-16 md:py-24 bg-neutral-50 border border-neutral-100/80 overflow-hidden flex flex-col items-center rounded-3xl mb-16 shadow-sm">
       
       {/* Blueprint grid background */}
       <div 
-        className="absolute inset-0 opacity-20 pointer-events-none" 
+        className="absolute inset-0 opacity-[0.03] pointer-events-none" 
         style={{ 
-          backgroundImage: 'linear-gradient(#82ED20 1px, transparent 1px), linear-gradient(90deg, #82ED20 1px, transparent 1px)', 
+          backgroundImage: 'linear-gradient(#117C61 1px, transparent 1px), linear-gradient(90deg, #117C61 1px, transparent 1px)', 
           backgroundSize: '40px 40px' 
         }} 
       />
@@ -21,25 +21,25 @@ export function DataGridPulse() {
       {/* Pulsing horizontal lines (Data Flow) */}
       <motion.div 
         animate={{ x: ["-100%", "100%"] }}
-        transition={{ duration: 3, repeat: Infinity, ease: "linear" }}
-        className="absolute top-1/3 left-0 w-full h-[2px] bg-gradient-to-r from-transparent via-primary to-transparent opacity-50 blur-[2px]"
+        transition={{ duration: 5, repeat: Infinity, ease: "linear" }}
+        className="absolute top-1/3 left-0 w-full h-[2px] bg-gradient-to-r from-transparent via-primary/30 to-transparent blur-[1px]"
       />
       <motion.div 
         animate={{ x: ["100%", "-100%"] }}
-        transition={{ duration: 4, repeat: Infinity, ease: "linear" }}
-        className="absolute top-2/3 left-0 w-full h-[2px] bg-gradient-to-r from-transparent via-white to-transparent opacity-30 blur-[2px]"
+        transition={{ duration: 7, repeat: Infinity, ease: "linear" }}
+        className="absolute top-2/3 left-0 w-full h-[2px] bg-gradient-to-r from-transparent via-primary/25 to-transparent blur-[1px]"
       />
 
-      <div className="relative z-10 w-full max-w-4xl mx-auto flex flex-col items-center text-center">
-        <h3 className="text-sm font-bold uppercase tracking-widest text-primary mb-6">
+      <div className="relative z-10 w-full max-w-2xl px-6 mx-auto flex flex-col items-center text-center">
+        <span className="text-xs md:text-sm font-bold uppercase tracking-widest text-primary mb-4 bg-primary/10 px-3 py-1 rounded-full">
           {locale === 'en' ? 'Network Expansion in Numbers' : 'Netzausbau in Zahlen'}
-        </h3>
+        </span>
         
-        <div className="bg-black/40 backdrop-blur-md p-12 md:p-16 rounded-3xl border border-white/10 shadow-2xl">
-          <div className="font-mono text-6xl md:text-8xl font-black text-white tracking-tighter mb-4 leading-none" style={{ fontVariantNumeric: 'tabular-nums' }}>
-            372.161<span className="text-primary text-3xl md:text-5xl ml-2">m</span>
+        <div className="bg-white/80 backdrop-blur-md p-8 md:p-12 rounded-2xl border border-neutral-200/50 shadow-lg w-full">
+          <div className="font-mono text-5xl md:text-7xl font-black text-neutral-900 tracking-tighter mb-4 leading-none animate-pulse-slow" style={{ fontVariantNumeric: 'tabular-nums' }}>
+            372.161<span className="text-primary text-2xl md:text-4xl ml-1 font-sans">m</span>
           </div>
-          <p className="text-white/70 text-lg md:text-xl font-medium max-w-lg mx-auto">
+          <p className="text-text-secondary text-base md:text-lg font-medium max-w-md mx-auto leading-relaxed">
             {locale === 'en' 
               ? 'Cable routes laid since 2023. A massive infrastructure achievement, driven by our own machinery.'
               : 'Verlegte Kabeltrassen seit 2023. Eine massive Infrastrukturleistung, getragen von unserem eigenen Maschinenpark.'}

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/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,9 +19,9 @@ 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: 'Kabel-Workshop Wiesbaden', date: '2024 / 2025', type: 'Fachmesse', location: 'Wiesbaden' }
+      { name: 'Intersolar München', date: '2026', type: 'Messe', location: 'München', url: 'https://www.intersolar.de/' },
+      { name: 'Windenergietage Linstow', date: '2026', type: 'Fachkongress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
+      { name: 'Kabel-Workshop Wiesbaden', date: '2026', type: 'Fachmesse', location: 'Wiesbaden' }
     ]}
   />
 </div>

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>
+    When traditional open-cut excavation is restricted by space, ecological standards, or cost constraints, trenchless engineering becomes the superior choice. We safeguard the environment while driving down surface restoration costs.
+  </blockquote>
+
+  ## Maximum Efficiency, Minimal Impact
+
+  Trenchless utility laying represents the pinnacle of smart infrastructure deployment. This methodology demonstrates its absolute superiority when navigating busy transportation corridors, active rail tracks, highways, or sensitive ecological waterways. By keeping traffic flowing and preserving the natural topography, we completely eliminate the need to break open expensive paved surfaces or asphalt.
+
+  ## HDD Directional Drilling & Pneumatic Earth Rockets
+
+  Armed with a state-of-the-art, specialized fleet of drilling rigs, we master complex subterranean conditions. Utilizing the **Horizontal Directional Drilling (HDD)** method, we guide the drill head with centimeter-level accuracy beneath obstacles. This enables us to achieve continuous drilling lengths of up to 250 meters in a single run, pulling in high-durability protective conduits with diameters up to 400 mm.
+
+  For localized, rapid deployments—such as residential service connections—we deploy high-speed **pneumatic earth rockets** (soil displacement). This method allows us to complete under-crossings of up to 15 meters for conduits up to 160 mm in diameter, ensuring pristine driveways, manicured gardens, and pedestrian walks remain completely undisturbed.
+
+  <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>
+    Modern life depends entirely on seamless energy and ultra-fast connectivity. By building robust, high-performance physical networks, we lay the groundwork for a truly connected future.
+  </blockquote>
+
+  ## The Digital Backbone: Precision-Driven Fiber Expansion
+
+  High-speed fiber optics and next-generation telecommunications networks demand a zero-tolerance approach to execution quality. At E-TIB, we mobilize highly trained technical teams and an advanced, company-owned fleet of machinery to deliver flawless broadband expansion across the country.
+
+  ## FTTX Deployment: A Seamless, End-to-End Solution
+
+  As a trusted, tier-one partner for leading telecommunications and grid providers, we cover the entire physical lifecycle of network creation. From excavating precise cable and utility trenches to laying complete, high-capacity conduit paths, we manage every phase of civil engineering. We also handle the installation and positioning of strategic multi-function enclosures (MFG) at critical network hub points.
+
+  Our expertise goes far beyond standard civil works. We perform the specialized pulling and pneumatic blowing of highly sensitive fiber optic and telecommunication cables over expansive, complex distances. Combining this with state-of-the-art splicing, testing, and cable assembly, we ensure your digital infrastructure operates with maximum throughput, security, and long-term reliability.
+</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>
+    While underground grid construction is expanding rapidly, execution quality varies widely. We counter this with elite craftsmanship, strict safety protocols, and ironclad documentation—ensuring your infrastructure project remains an asset, not a liability.
+  </blockquote>
+
+  ## Precision over Compromise: Preventing Infrastructure Failures
+
+  Modern civil engineering is plagued by low-cost contractors who routinely **compromise on safety margins and technical documentation**. The repercussions are severe: catastrophic utility strikes (power, water, gas, telecom), costly project delays, and massive budget overruns. What begins as a low-bid shortcut quickly turns into a financial and legal nightmare.
+
+  Furthermore, public or subsidized infrastructure projects require meticulously structured, standard-compliant documentation. Without flawless records, the release of critical funding and subsidies is regularly delayed or denied.
+
+  ## Integrated Excellence from a Single Source
+
+  At E-TIB, we leverage decades of collective expertise to anticipate structural and geological bottlenecks long before the first shovel hits the ground. Our specialization in cable civil engineering guarantees that every deployment runs with absolute precision.
+
+  We deliver turnkey cable routes entirely in-house. Our operations are powered by a cutting-edge fleet of heavy machinery and staffed exclusively by highly trained, permanent regional professionals. Working in close synergy with our sister firm, **E-TIB Ingenieurgesellschaft mbH**, we eliminate planning oversights at the inception phase and effortlessly handle the most complex GIS and administrative documentation requirements in the industry.
+
+  <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,14 +20,14 @@ layout: "fullBleed"
   badge="Core Competencies"
   title="Precision & Performance"
   ctaLabel="Request a project"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
   items={[
     {
       title: "Cable Construction",
       description: "Classic trench construction and professional laying of medium and low voltage cables.",
       tag: "Energy",
       size: "large",
-      href: "/en/kabeltiefbau",
+      href: "/en/cable-civil-engineering",
       image: { url: "/assets/photos/DSC01123.JPG", alt: "Cable Construction" }
     },
     {
@@ -35,7 +35,7 @@ layout: "fullBleed"
       description: "Horizontal directional drilling (HDD) for trenchless, surface-friendly installation.",
       tag: "Innovation",
       size: "medium",
-      href: "/en/bohrtechnik",
+      href: "/en/drilling-technology",
       image: { url: "/assets/photos/DSC08653.JPG", alt: "Drilling Technology" }
     },
     {
@@ -43,7 +43,7 @@ layout: "fullBleed"
       description: "Expansion of future-proof broadband networks (FTTX).",
       tag: "Communication",
       size: "small",
-      href: "/en/glasfaser",
+      href: "/en/fiber-optics",
       image: { url: "/assets/photos/DSC01129.JPG", alt: "Fiber Optics" }
     },
     {
@@ -51,7 +51,7 @@ layout: "fullBleed"
       description: "Route planning, approval procedures, and precise GIS documentation.",
       tag: "Digital",
       size: "accent",
-      href: "/en/planung"
+      href: "/en/planning"
     }
   ]}
 />

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,9 +19,9 @@ 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: 'Cable Workshop Wiesbaden', date: '2024 / 2025', type: 'Trade Fair', location: 'Wiesbaden' }
+      { name: 'Intersolar Munich', date: '2026', type: 'Fair', location: 'Munich', url: 'https://www.intersolar.de/' },
+      { name: 'Wind Energy Days Linstow', date: '2026', type: 'Specialist Congress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
+      { name: 'Cable Workshop Wiesbaden', date: '2026', type: 'Trade Fair', location: 'Wiesbaden' }
     ]}
   />
 </div>

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 unified, end-to-end project orchestration—from raw feasibility mapping to technical execution and grid connection for utility-scale renewable energy assets.
+  </blockquote>
+
+  ## The Foundation of Project Viability
+
+  A rigorous engineering layout is the cornerstone of every successful infrastructure initiative. Many large-scale utility projects encounter critical delays or structural failures simply because the nuances of subterranean logistics and regulatory approvals were underestimated. By bridging the gap between design and physical field operations, we proactively mitigate risk, eliminating friction at critical operational interfaces.
+
+  Whether executing fast-paced broadband fiber rollouts or designing complex grid connections for gigawatt-scale wind and solar farms, precision is mandatory. Our engineering teams perform comprehensive on-site route audits, map potential utility conflicts early, and guarantee all localized regulatory, environmental, and municipal permits are prepared and filed seamlessly.
+
+  ## Elite Engineering & Technical Advisory
+
+  In strategic partnership with **E-TIB Ingenieurgesellschaft mbH**, we guide your development through every single phase of the project lifecycle. From initial corridor scouting and route optimization to obtaining formal municipal approvals and producing final, field-ready execution plans—we provide the strategic oversight and specialized engineering supervision needed to ensure a flawless handover.
+</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>
+    Leveraging ultra-precise, state-of-the-art GNSS/GPS technology and proprietary app integrations, we automate the surveying process to deliver seamless, real-time documentation.
+  </blockquote>
+
+  ## Centimeter Precision Prevents Costly Operations
+
+  Regulatory documentation mandates and safety benchmarks are expanding rapidly. Traditional civil engineering contractors frequently struggle to meet these highly complex data requirements—especially under strict public funding frameworks. Neglecting or incorrectly mapping underground routes inevitably triggers major roadblocks during project handovers, audit reviews, and long-term asset management.
+
+  Recognizing this critical bottleneck early, we pro-actively integrated advanced geodetic surveying and digital mapping directly into our core operations.
+
+  ## Cutting-Edge Digital Twin & GIS Records
+
+  Using advanced GNSS/GPS devices and in-house developed digital workflows, we capture the precise physical reality of every conduit and utility in real-time. This automated process generates a highly accurate digital twin of your underground infrastructure.
+
+  Beyond classic surveying, staking, and as-built mapping, we construct fully integrated geodatabases for transparent project accounting. We also provide complete, immersive 360° photo and video documentation of the construction area before and after ground-breaking. This ensures you maintain full transparency, legal compliance, and total control over your physical assets.
+</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

@@ -9,7 +9,12 @@
       "ueber-uns": "ueber-uns",
       "agb": "agb",
       "start": "start",
-      "messen": "messen"
+      "messen": "messen",
+      "kabeltiefbau": "kabeltiefbau",
+      "glasfaser": "glasfaser",
+      "bohrtechnik": "bohrtechnik",
+      "planung": "planung",
+      "vermessung": "vermessung"
     },
     "products": {},
     "categories": {}
@@ -97,7 +102,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 +151,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 +170,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 +222,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,12 @@
       "about-us": "ueber-uns",
       "terms": "agb",
       "start": "start",
-      "events": "messen"
+      "trade-fairs": "messen",
+      "cable-civil-engineering": "kabeltiefbau",
+      "fiber-optics": "glasfaser",
+      "drilling-technology": "bohrtechnik",
+      "planning": "planung",
+      "surveying": "vermessung"
     },
     "products": {},
     "categories": {}
@@ -97,7 +102,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 +151,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 +170,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 +222,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([]);
+  });
+});