fix: full translation parity, component consistency, and link clickability

.gitea/workflows/deploy.yml

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

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

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

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<br/>projects.</> : <>Erfolgreich umgesetzte<br/>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}
       />
 

components/blocks/CompanyTimeline.tsx

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

components/blocks/InteractiveGermanyMap.tsx

@@ -7,7 +7,7 @@ import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { AnimatedGlossyBorder } from '@/components/ui/AnimatedGlossyBorder';
 import { Location, defaultLocations, minorLocations } from '@/lib/map-data';
-import { useLocale } from 'next-intl';
+import { useLocale, useTranslations } from 'next-intl';
 
 const allLocations = [...defaultLocations, ...minorLocations];
 
@@ -27,9 +27,9 @@ 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.',
+  badge,
+  title,
+  description,
   stats = [
     { value: '100', suffix: '%', label: 'Überregionale Reichweite' },
     { value: '2', suffix: '+', label: 'Operative Standorte' },
@@ -40,6 +40,13 @@ export function InteractiveGermanyMap({
   const [activeLocation, setActiveLocation] = useState<Location | null>(null);
   const router = useRouter();
   const locale = useLocale();
+  const t = useTranslations('InteractiveGermanyMap');
+  const tStandard = useTranslations('StandardPage');
+
+  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,21 +69,21 @@ 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}
+                {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}
+                {finalTitle}
               </h3>
             )}
             
             <p className="text-white/60 text-lg mb-12 leading-relaxed">
-              {description}
+              {finalDescription}
             </p>
 
             {/* Industrial Stats Grid */}
@@ -204,9 +211,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 +223,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 +233,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 +253,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/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/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 = [

content/de/ueber-uns.mdx

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

content/en/bohrtechnik.mdx

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

content/en/glasfaser.mdx

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

content/en/kabeltiefbau.mdx

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

content/en/karriere.mdx

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

content/en/kompetenzen.mdx

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

content/en/messen.mdx

@@ -11,7 +11,7 @@ layout: "fullBleed"
   description="Get to know the E-TIB Group at the leading industry trade fairs."
   videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
   linkText="Get in Touch"
-  linkHref="/en/kontakt"
+  linkHref="/en/contact"
 />
 
 <div id="termine">

content/en/planung.mdx

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

content/en/team.mdx

@@ -86,5 +86,5 @@ layout: "fullBleed"
   title="Become part of our team" 
   text="We are always looking for motivated talents for exciting infrastructure projects."
   buttonText="View open positions"
-  buttonLink="/en/karriere"
+  buttonLink="/en/career"
 />

content/en/ueber-uns.mdx

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

content/en/vermessung.mdx

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

messages/de.json

@@ -188,5 +188,59 @@
       "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."
+      },
+      "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."
+      },
+      "2025": {
+        "title": "Gründung E-TIB Bohrtechnik GmbH",
+        "desc": "Spezialisierung auf präzise Horizontalspülbohrungen in allen Bodenklassen."
+      }
+    }
+  },
+  "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"
   }
 }

messages/en.json

@@ -9,7 +9,7 @@
       "about-us": "ueber-uns",
       "terms": "agb",
       "start": "start",
-      "events": "messen"
+      "trade-fairs": "messen"
     },
     "products": {},
     "categories": {}
@@ -188,5 +188,59 @@
       "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."
+      },
+      "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."
+      },
+      "2025": {
+        "title": "Foundation of E-TIB Bohrtechnik GmbH",
+        "desc": "Specialization in precise horizontal directional drilling in all soil classes."
+      }
+    }
+  },
+  "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"
   }
 }

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:

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([]);
+  });
+});