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

- Removed confusing SVG lines from map

- Restored distinct clickable markers for major references

- Fixed corepack failing to install pnpm v11 in Docker by explicitly forcing v10

- Added direct port mapping 3001:3001 to bypass proxy issues

.gitea/workflows/deploy.yml

@@ -43,9 +43,33 @@ jobs:
       - name: 🧹 Maintenance (High Density Cleanup)
         shell: bash
         run: |
-          echo "Purging old build layers and dangling images..."
-          docker image prune -f
-          docker builder prune -f --filter "until=24h"
+          echo "=== System Disk Usage ==="
+          df -h || true
+          echo "=== Tool Cache Usage ==="
+          du -sh /opt/hostedtoolcache/* || true
+          du -sh /opt/hostedtoolcache/.[!.]* || true
+          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
+          docker system prune -a -f || true
+          echo "=== System Disk Usage After Prune ==="
+          df -h || true
 
       - name: Checkout repository
         uses: actions/checkout@v4
@@ -207,6 +231,7 @@ jobs:
             UMAMI_WEBSITE_ID=${{ secrets.UMAMI_WEBSITE_ID || vars.UMAMI_WEBSITE_ID }}
             UMAMI_API_ENDPOINT=${{ secrets.UMAMI_API_ENDPOINT || vars.UMAMI_API_ENDPOINT || 'https://analytics.infra.mintel.me' }}
             NPM_TOKEN=${{ steps.auth.outputs.working_token }}
+            NPM_DOMAIN=${{ steps.auth.outputs.working_domain }}
           tags: registry.infra.mintel.me/mintel/e-tib.com:${{ needs.prepare.outputs.image_tag }}
           secrets: |
             "NPM_TOKEN=${{ steps.auth.outputs.working_token }}"

.turbo-test/85340b254e0f10f1-manifest.json

@@ -0,0 +1 @@
+{"files":{".turbo/turbo-lint.log":{"size":10746,"mtime_nanos":1779098006288513580,"mode":420,"is_dir":false}},"order":[".turbo/turbo-lint.log"]}

.turbo-test/85340b254e0f10f1-meta.json

@@ -0,0 +1 @@
+{"hash":"85340b254e0f10f1","duration":6595,"sha":"35d9650626b56a727e9c1981308145cb7b2f28aa","dirty_hash":"9cc3e16c40a10f42f7a963333e800e1384f047b1f387b18b5f37769c34f36609"}

.turbo/cache/32905076da5f4894-manifest.json

@@ -0,0 +1 @@
+{"files":{".turbo/turbo-typecheck.log":{"size":92,"mtime_nanos":1779097674383861303,"mode":420,"is_dir":false}},"order":[".turbo/turbo-typecheck.log"]}

.turbo/cache/32905076da5f4894-meta.json

@@ -0,0 +1 @@
+{"hash":"32905076da5f4894","duration":4492,"sha":"35d9650626b56a727e9c1981308145cb7b2f28aa","dirty_hash":"58f8ebc92a0452cbb0a09c5ebe800385fcc42ff82fee098bb7d6c8828bc526f0"}

.turbo/cache/7e2629942c881f80-manifest.json

@@ -0,0 +1 @@
+{"files":{".turbo/turbo-test.log":{"size":818,"mtime_nanos":1779097671747078359,"mode":420,"is_dir":false}},"order":[".turbo/turbo-test.log"]}

.turbo/cache/7e2629942c881f80-meta.json

@@ -0,0 +1 @@
+{"hash":"7e2629942c881f80","duration":1855,"sha":"35d9650626b56a727e9c1981308145cb7b2f28aa","dirty_hash":"58f8ebc92a0452cbb0a09c5ebe800385fcc42ff82fee098bb7d6c8828bc526f0"}

.turbo/cache/85340b254e0f10f1-manifest.json

@@ -0,0 +1 @@
+{"files":{".turbo/turbo-lint.log":{"size":10746,"mtime_nanos":1779097675143794164,"mode":420,"is_dir":false}},"order":[".turbo/turbo-lint.log"]}

.turbo/cache/85340b254e0f10f1-meta.json

@@ -0,0 +1 @@
+{"hash":"85340b254e0f10f1","duration":5252,"sha":"35d9650626b56a727e9c1981308145cb7b2f28aa","dirty_hash":"58f8ebc92a0452cbb0a09c5ebe800385fcc42ff82fee098bb7d6c8828bc526f0"}

.turbo/turbo-lint.log

@@ -0,0 +1,119 @@
+
+
+> e-tib-nextjs@2.2.12 lint /Volumes/Alpha SSD/Coding/e-tib.com
+> eslint .
+
+
+/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/[slug]/page.tsx
+   1:20  warning  'redirect' is defined but never used                                                                                                                                                                                                                                                     @typescript-eslint/no-unused-vars
+  67:24  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element
+
+/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/blog/[slug]/page.tsx
+   1:20  warning  'redirect' is defined but never used                                                                                                                                                                                                                                                     @typescript-eslint/no-unused-vars
+  39:24  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element
+
+/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/error.tsx
+  7:30  warning  'AlertTriangle' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/not-found.tsx
+  6:10  warning  'Terminal' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/referenzen/[slug]/page.tsx
+  91:26  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element
+
+/Volumes/Alpha SSD/Coding/e-tib.com/app/[locale]/referenzen/page.tsx
+  1:21  warning  'Heading' is defined but never used  @typescript-eslint/no-unused-vars
+  1:30  warning  'Badge' is defined but never used    @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/JsonLd.tsx
+   1:30  warning  'Graph' is defined but never used       @typescript-eslint/no-unused-vars
+  43:31  warning  '_' is assigned a value but never used  @typescript-eslint/no-unused-vars
+  48:29  warning  '_' is assigned a value but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/CertificatesBlock.tsx
+   6:10  warning  'Button' is defined but never used                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           @typescript-eslint/no-unused-vars
+   9:10  warning  'FileText' is defined but never used                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         @typescript-eslint/no-unused-vars
+  77:5   warning  Error: Calling setState synchronously within an effect can trigger cascading renders
+
+Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
+* Update external systems with the latest state from React.
+* Subscribe for updates from some external system, calling setState in a callback function when external state changes.
+
+Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/CertificatesBlock.tsx:77:5
+  75 |
+  76 |   useEffect(() => {
+> 77 |     setIsMounted(true);
+     |     ^^^^^^^^^^^^ Avoid calling setState() directly within an effect
+  78 |   }, []);
+  79 |
+  80 |   const badgeText = badge || 'Zertifizierungen & Nachweise';  react-hooks/set-state-in-effect
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/CompetenceBentoGrid.tsx
+  53:5  warning  Error: Calling setState synchronously within an effect can trigger cascading renders
+
+Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
+* Update external systems with the latest state from React.
+* Subscribe for updates from some external system, calling setState in a callback function when external state changes.
+
+Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/CompetenceBentoGrid.tsx:53:5
+  51 |   
+  52 |   useEffect(() => {
+> 53 |     setIsMounted(true);
+     |     ^^^^^^^^^^^^ Avoid calling setState() directly within an effect
+  54 |   }, []);
+  55 |
+  56 |   const badge = props.badge || data?.badge || 'Leistungsspektrum';  react-hooks/set-state-in-effect
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/HeroVideo.tsx
+   5:18  warning  'AnimatePresence' is defined but never used  @typescript-eslint/no-unused-vars
+   6:10  warning  'useState' is defined but never used         @typescript-eslint/no-unused-vars
+   6:20  warning  'useEffect' is defined but never used        @typescript-eslint/no-unused-vars
+  45:12  warning  'e' is defined but never used                @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/InteractiveGermanyMap.tsx
+    5:46  warning  'ArrowUpRight' is defined but never used          @typescript-eslint/no-unused-vars
+  147:23  warning  'isNearRight' is assigned a value but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/TeamGridBlock.tsx
+  20:39  warning  'title' is defined but never used. Allowed unused args must match /^_/u                 @typescript-eslint/no-unused-vars
+  20:46  warning  'department' is defined but never used. Allowed unused args must match /^_/u            @typescript-eslint/no-unused-vars
+  20:58  warning  'showContact' is assigned a value but never used. Allowed unused args must match /^_/u  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/decorations/CorporateBackground.tsx
+  36:13  warning  'distance' is assigned a value but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/home/Hero.tsx
+   9:39  warning  'useCallback' is defined but never used                                                                               @typescript-eslint/no-unused-vars
+  77:6   warning  React Hook useEffect has a missing dependency: 'HERO_PLACEHOLDERS'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/home/MeetTheTeam.tsx
+  8:9  warning  'teamT' is assigned a value but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/layout/Footer.tsx
+  4:35  warning  'Accessibility' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/providers/InitialLoader.tsx
+  5:8  warning  'Image' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/providers/PageTransitionShutter.tsx
+  6:8  warning  'Image' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/search/AIOrb.tsx
+  153:13  warning  'breathe' is assigned a value but never used       @typescript-eslint/no-unused-vars
+  212:15  warning  'targetExcite' is assigned a value but never used  @typescript-eslint/no-unused-vars
+
+/Volumes/Alpha SSD/Coding/e-tib.com/components/search/AISearchResults.tsx
+  99:6  warning  React Hook useEffect has missing dependencies: 'handleSearch' and 'initialQuery'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
+
+/Volumes/Alpha SSD/Coding/e-tib.com/lib/blog.ts
+   6:7  warning  'BLOG_DIR' is assigned a value but never used    @typescript-eslint/no-unused-vars
+  94:7  warning  'next' is never reassigned. Use 'const' instead  prefer-const
+  95:7  warning  'prev' is never reassigned. Use 'const' instead  prefer-const
+
+✖ 38 problems (0 errors, 38 warnings)
+  0 errors and 2 warnings potentially fixable with the `--fix` option.
+

.turbo/turbo-test.log

@@ -0,0 +1,31 @@
+
+
+> e-tib-nextjs@2.2.12 test /Volumes/Alpha SSD/Coding/e-tib.com
+> vitest run --passWithNoTests
+
+[?25l
+ RUN  v4.1.2 /Volumes/Alpha SSD/Coding/e-tib.com
+
+[?2026h
+ ❯ lib/mail/mailer.test.ts [queued]
+
+ Test Files 0 passed (2)
+      Tests 0 passed (0)
+   Start at 11:47:51
+   Duration 504ms
+[?2026l[?2026h ✓ lib/mail/mailer.test.ts (1 test) 2ms
+
+ ❯ lib/env.test.ts 0/6
+
+ Test Files 1 passed (2)
+      Tests 1 passed (7)
+   Start at 11:47:51
+   Duration 605ms
+[?2026l ✓ lib/env.test.ts (6 tests) 3ms
+
+ Test Files  2 passed (2)
+      Tests  7 passed (7)
+   Start at  11:47:51
+   Duration  672ms (transform 113ms, setup 0ms, import 222ms, tests 5ms, environment 813ms)
+
+[?25h

.turbo/turbo-typecheck.log

@@ -0,0 +1,5 @@
+
+
+> e-tib-nextjs@2.2.12 typecheck /Volumes/Alpha SSD/Coding/e-tib.com
+> tsc --noEmit
+

Dockerfile

@@ -20,13 +20,15 @@ ENV CI=true
 COPY pnpm-lock.yaml package.json .npmrc* ./
 COPY patches* ./patches/
 
+ARG NPM_DOMAIN=git.infra.mintel.me
+
 # Configure private registry and install dependencies
 RUN --mount=type=cache,id=pnpm,target=/pnpm/store \
     --mount=type=secret,id=NPM_TOKEN \
     if [ -f /run/secrets/NPM_TOKEN ]; then \
         export NPM_TOKEN=$(cat /run/secrets/NPM_TOKEN); \
-        echo "@mintel:registry=https://git.infra.mintel.me/api/packages/mmintel/npm" > .npmrc; \
-        echo "//git.infra.mintel.me/api/packages/mmintel/npm/:_authToken=${NPM_TOKEN}" >> .npmrc; \
+        echo "@mintel:registry=https://${NPM_DOMAIN}/api/packages/mmintel/npm" > .npmrc; \
+        echo "//${NPM_DOMAIN}/api/packages/mmintel/npm/:_authToken=${NPM_TOKEN}" >> .npmrc; \
     fi && \
     pnpm install --no-frozen-lockfile && \
     rm -f .npmrc

Dockerfile.dev

@@ -5,8 +5,8 @@ RUN apk add --no-cache libc6-compat python3 make g++ curl
 
 WORKDIR /app
 
-# Enable corepack for pnpm
-RUN corepack enable
+# Install pnpm v10 explicitly (corepack defaults to v11 which requires Node 22)
+RUN npm install -g pnpm@10.18.3
 
 # Pre-set the pnpm store directory
 ENV PNPM_HOME="/pnpm"

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';
@@ -26,8 +26,12 @@ import { FaqBlock } from '@/components/blocks/FaqBlock';
 import { CertificatesBlock } from '@/components/blocks/CertificatesBlock';
 import { HeroSection } from '@/components/blocks/HeroSection';
 import { TeamGrid } from '@/components/blocks/TeamGrid';
+import { DeepDrillAnimation } from '@/components/blocks/DeepDrillAnimation';
+import { DataGridPulse } from '@/components/blocks/DataGridPulse';
+import { GrowthChart } from '@/components/blocks/GrowthChart';
 import JsonLd from '@/components/JsonLd';
 import { Button } from '@/components/ui/Button';
+import { AnimatedCounter } from '@/components/ui';
 
 
 const mdxComponents = {
@@ -47,6 +51,10 @@ const mdxComponents = {
   TeamGrid,
   JsonLd,
   Button,
+  AnimatedCounter,
+  GrowthChart,
+  DeepDrillAnimation,
+  DataGridPulse,
   // Standard HTML element mapping for consistent E-TIB typography
   h1: (props: any) => <Heading level={1} size="2" className="hidden" {...props} />, // Hidden because Hero handles H1
   h2: (props: any) => <Heading level={2} size="3" className="mt-16 mb-6 border-b border-neutral-100 pb-4" {...props} />,
@@ -145,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) {
@@ -153,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(),
           ],
         };
@@ -169,7 +178,7 @@ export default async function Page(props: { params: Promise<{ locale: string; sl
       id: r.slug,
       slug: r.slug,
       title: r.frontmatter.title,
-      category: r.frontmatter.category || 'Projekt',
+      category: Array.isArray(r.frontmatter.category) ? r.frontmatter.category[0] : (r.frontmatter.category || 'Projekt'),
       image: r.frontmatter.featuredImage
     }))} />,
   };

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]/page.tsx

@@ -18,6 +18,9 @@ import JsonLd from '@/components/JsonLd';
 
 import { Button } from '@/components/ui/Button';
 import { Heading } from '@/components/ui/Heading';
+import { AnimatedCounter } from '@/components/ui';
+import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
+import { ScaleOfImpact } from '@/components/blocks/ScaleOfImpact';
 import { getAllReferences } from '@/lib/references';
 
 const mdxComponents = (references: any[]) => ({
@@ -31,6 +34,9 @@ const mdxComponents = (references: any[]) => ({
   JsonLd,
   Button,
   Heading,
+  AnimatedCounter,
+  InteractiveGermanyMap,
+  ScaleOfImpact,
 });
 
 export async function generateMetadata(props: any): Promise<Metadata> {

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

@@ -8,7 +8,7 @@ import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
 import { SITE_URL } from '@/lib/schema';
 import Image from 'next/image';
 import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
-import { defaultLocations } from '@/lib/map-data';
+import { defaultLocations, minorLocations } from '@/lib/map-data';
 
 interface PageProps {
   params: Promise<{
@@ -34,6 +34,17 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
   };
 }
 
+function cleanLocation(location?: string): string {
+  if (!location) return '';
+  // Remove 5 digit postal codes
+  let cleaned = location.replace(/\b\d{5}\b/g, '');
+  // Clean up multiple spaces, slashes and commas
+  cleaned = cleaned.replace(/\s*,\s*/g, ', ').replace(/\s*\/\s*/g, ' / ').trim();
+  // Remove leading/trailing slash/comma residues
+  cleaned = cleaned.replace(/^[,/\s]+|[,/\s]+$/g, '').trim();
+  return cleaned || location;
+}
+
 export default async function ReferenzenOverview(props: { params: Promise<{ locale: string }> }) {
   const { locale } = await props.params;
   setRequestLocale(locale);
@@ -41,8 +52,8 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
 
   const references = await getAllReferences(locale);
   
-  // Enrich the static map locations with dynamic project data (images, details)
-  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) {
@@ -64,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}
       />
 
@@ -104,7 +115,7 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
                   <div className="absolute top-4 left-4 z-10">
                     <span className="bg-white/95 backdrop-blur-md text-neutral-dark px-3 py-1.5 rounded-sm text-[10px] font-bold uppercase tracking-widest flex items-center gap-1.5 shadow-sm border border-neutral-200">
                       <MapPin className="w-3 h-3 text-primary" />
-                      {ref.frontmatter.location}
+                      {cleanLocation(ref.frontmatter.location)}
                     </span>
                   </div>
                 </div>
@@ -118,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>
@@ -147,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) {
@@ -93,7 +118,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
 
   const itemVariants = {
     hidden: { opacity: 0, y: 20 },
-    show: { opacity: 1, y: 0, transition: { duration: 0.5, ease: 'easeOut' } },
+    show: { opacity: 1, y: 0, transition: { duration: 0.5, ease: 'easeOut' as const } },
   };
 
   if (!isMounted) {
@@ -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

@@ -0,0 +1,52 @@
+'use client';
+
+import React from 'react';
+import { motion } from 'framer-motion';
+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">
+      
+      {/* Blueprint grid background */}
+      <div 
+        className="absolute inset-0 opacity-20 pointer-events-none" 
+        style={{ 
+          backgroundImage: 'linear-gradient(#82ED20 1px, transparent 1px), linear-gradient(90deg, #82ED20 1px, transparent 1px)', 
+          backgroundSize: '40px 40px' 
+        }} 
+      />
+
+      {/* 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]"
+      />
+      <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]"
+      />
+
+      <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">
+          {locale === 'en' ? 'Network Expansion in Numbers' : 'Netzausbau in Zahlen'}
+        </h3>
+        
+        <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>
+          <p className="text-white/70 text-lg md:text-xl font-medium max-w-lg mx-auto">
+            {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.'}
+          </p>
+        </div>
+      </div>
+      
+    </div>
+  );
+}

components/blocks/DeepDrillAnimation.tsx

@@ -0,0 +1,64 @@
+'use client';
+
+import React, { useRef } from 'react';
+import { motion, useScroll, useTransform } from 'framer-motion';
+import { useLocale } from 'next-intl';
+
+export function DeepDrillAnimation() {
+  const containerRef = useRef<HTMLDivElement>(null);
+  const locale = useLocale();
+  
+  const { scrollYProgress } = useScroll({
+    target: containerRef,
+    offset: ["start center", "end center"]
+  });
+
+  const drillDepth = useTransform(scrollYProgress, [0, 1], ["0%", "100%"]);
+  
+  return (
+    <div ref={containerRef} className="relative w-full py-32 flex flex-col items-center">
+      
+      <div className="absolute inset-0 bg-[#050B14] -mx-[50vw] px-[50vw]" />
+      
+      <div className="relative z-10 w-full max-w-3xl mx-auto flex flex-col items-center text-center text-white">
+        
+        <h3 className="text-3xl font-heading font-extrabold mb-8 tracking-tight">
+          {locale === 'en' ? 'Precision in Depth' : 'Präzision in der Tiefe'}
+        </h3>
+        <p className="text-white/60 text-lg mb-16 max-w-xl">
+          {locale === 'en' 
+            ? 'Horizontal Directional Drilling (HDD) allows us to cross obstacles and rivers with extreme care.'
+            : 'Horizontalspülbohrverfahren (HDD) erlaubt uns, Hindernisse und Flüsse extrem schonend zu unterqueren.'}
+        </p>
+
+        {/* The Drill Path */}
+        <div className="relative w-2 h-96 bg-white/10 rounded-full mb-16">
+          <motion.div 
+            className="absolute top-0 left-0 w-full bg-primary rounded-full"
+            style={{ height: drillDepth, boxShadow: '0 0 20px rgba(130,237,32,0.6)' }}
+          >
+            {/* The Drill Head */}
+            <div className="absolute -bottom-2 -left-2 w-6 h-6 bg-white rounded-full border-4 border-primary shadow-[0_0_15px_rgba(255,255,255,1)]" />
+          </motion.div>
+        </div>
+
+        {/* The Reveal Data */}
+        <motion.div 
+          initial={{ opacity: 0, y: 20 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true, margin: "-100px" }}
+          transition={{ duration: 0.8 }}
+          className="flex flex-col items-center"
+        >
+          <div className="font-mono text-6xl md:text-8xl font-black text-white tracking-tighter mb-4" style={{ fontVariantNumeric: 'tabular-nums' }}>
+            102.771<span className="text-primary text-3xl md:text-5xl ml-2">m</span>
+          </div>
+          <div className="text-sm font-bold uppercase tracking-widest text-primary">
+            {locale === 'en' ? 'Drilled distance since 2023' : 'Gebohrte Strecke seit 2023'}
+          </div>
+        </motion.div>
+
+      </div>
+    </div>
+  );
+}

components/blocks/GrowthChart.tsx

@@ -0,0 +1,80 @@
+'use client';
+
+import React from 'react';
+import { motion } from 'framer-motion';
+
+export function GrowthChart() {
+  const data = [
+    { year: '2023', hdd: 29436, kabel: 76727 },
+    { year: '2024', hdd: 28680, kabel: 131964 },
+    { year: '2025', hdd: 44655, kabel: 163470 },
+  ];
+
+  const maxVal = 163470; // Highest value for scaling
+
+  return (
+    <div className="w-full bg-white rounded-3xl p-8 md:p-12 shadow-sm border border-neutral-100 my-16">
+      <div className="mb-10">
+        <h3 className="text-3xl font-heading font-extrabold text-neutral-dark mb-2">Bewiesene Leistungsfähigkeit</h3>
+        <p className="text-neutral-500 font-medium">Unsere verlässliche Baukapazität der letzten drei Jahre (in Metern)</p>
+      </div>
+
+      <div className="space-y-8">
+        {data.map((item, index) => {
+          const hddWidth = (item.hdd / maxVal) * 100;
+          const kabelWidth = (item.kabel / maxVal) * 100;
+
+          return (
+            <div key={item.year} className="relative">
+              <div className="text-sm font-extrabold text-neutral-dark mb-2 w-16">{item.year}</div>
+              <div className="space-y-2">
+                {/* Kabelverlegung Bar */}
+                <div className="flex items-center gap-4">
+                  <div className="flex-1 bg-neutral-100 rounded-full h-6 overflow-hidden relative">
+                    <motion.div
+                      initial={{ width: 0 }}
+                      whileInView={{ width: `${kabelWidth}%` }}
+                      viewport={{ once: true, margin: "-50px" }}
+                      transition={{ duration: 1.5, delay: 0.1 * index, ease: "easeOut" }}
+                      className="absolute top-0 left-0 h-full bg-primary rounded-full"
+                    />
+                  </div>
+                  <div className="w-24 text-right text-xs font-bold text-neutral-500 uppercase">
+                    Kabel: {new Intl.NumberFormat('de-DE').format(item.kabel)}m
+                  </div>
+                </div>
+
+                {/* HDD Bar */}
+                <div className="flex items-center gap-4">
+                  <div className="flex-1 bg-neutral-100 rounded-full h-4 overflow-hidden relative">
+                    <motion.div
+                      initial={{ width: 0 }}
+                      whileInView={{ width: `${hddWidth}%` }}
+                      viewport={{ once: true, margin: "-50px" }}
+                      transition={{ duration: 1.5, delay: 0.2 + 0.1 * index, ease: "easeOut" }}
+                      className="absolute top-0 left-0 h-full bg-neutral-dark rounded-full"
+                    />
+                  </div>
+                  <div className="w-24 text-right text-xs font-bold text-neutral-500 uppercase">
+                    HDD: {new Intl.NumberFormat('de-DE').format(item.hdd)}m
+                  </div>
+                </div>
+              </div>
+            </div>
+          );
+        })}
+      </div>
+      
+      <div className="mt-8 flex gap-6 border-t border-neutral-100 pt-6">
+        <div className="flex items-center gap-2">
+          <div className="w-3 h-3 rounded-full bg-primary" />
+          <span className="text-xs font-bold text-neutral-500 uppercase">Kabelverlegung</span>
+        </div>
+        <div className="flex items-center gap-2">
+          <div className="w-3 h-3 rounded-full bg-neutral-dark" />
+          <span className="text-xs font-bold text-neutral-500 uppercase">HDD Spülbohrung</span>
+        </div>
+      </div>
+    </div>
+  );
+}

components/blocks/InteractiveGermanyMap.tsx

@@ -6,7 +6,10 @@ import { MapPin, Factory, Zap, CheckCircle2, ArrowUpRight } from 'lucide-react';
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { AnimatedGlossyBorder } from '@/components/ui/AnimatedGlossyBorder';
-import { Location, defaultLocations } from '@/lib/map-data';
+import { Location, defaultLocations, minorLocations } from '@/lib/map-data';
+import { useLocale, useTranslations } from 'next-intl';
+
+const allLocations = [...defaultLocations, ...minorLocations];
 
 interface Stat {
   value: string;
@@ -24,22 +27,33 @@ 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' },
-  ],
-  locations = defaultLocations,
+  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');
   const projects = locations.filter((l) => l.type === 'project');
+  const minorNodes = locations.filter((l) => l.type === 'minor_node');
 
   return (
     <div className={isHero ? "relative w-full" : "relative w-full max-w-7xl mx-auto py-16 md:py-24 px-4 sm:px-6 mt-16 md:mt-20"}>
@@ -57,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">
@@ -91,85 +105,57 @@ export function InteractiveGermanyMap({
           </div>
 
           {/* Map Right */}
-          <div className="xl:col-span-7 relative flex items-center justify-center lg:justify-end mt-8 lg:mt-0 z-10">
+          <div className="xl:col-span-7 relative flex items-center justify-center min-h-[500px] lg:min-h-[700px] z-10 pointer-events-none">
             {/* Map Container - Enforce strict aspect ratio matching the SVG (1024x1024) */}
-            <div className="relative w-full max-w-[600px] aspect-square z-10">
+            <div className="relative w-full max-w-[600px] aspect-square group pointer-events-auto">
+              
               {/* Map SVG */}
-              <div className="absolute inset-0 opacity-[0.25] mix-blend-screen drop-shadow-2xl brightness-200">
+              <div className="absolute inset-0 opacity-[0.25] mix-blend-screen drop-shadow-2xl brightness-200 pointer-events-none">
                 <Image
                   src="/germany-map.svg"
-                  alt="Deutschlandkarte"
+                  alt={locale === 'en' ? "Map of Germany" : "Deutschlandkarte"}
                   fill
                   className="object-cover"
                   priority
                 />
               </div>
 
-              {/* Connections (Lines) */}
-              <svg className="absolute inset-0 w-full h-full pointer-events-none z-10">
-                {hq && branch && (
-                  <motion.line
-                    x1={`${hq.x}%`}
-                    y1={`${hq.y}%`}
-                    x2={`${branch.x}%`}
-                    y2={`${branch.y}%`}
-                    stroke="rgba(130,237,32,0.6)"
-                    strokeWidth="2"
-                    strokeDasharray="6 6"
-                    initial={{ pathLength: 0, opacity: 0 }}
-                    animate={{ pathLength: 1, opacity: 1 }}
-                    transition={{ duration: 2, ease: "easeOut" }}
-                  />
-                )}
-                {hq && projects.map((proj, idx) => (
-                  <motion.line
-                    key={proj.id}
-                    x1={`${hq.x}%`}
-                    y1={`${hq.y}%`}
-                    x2={`${proj.x}%`}
-                    y2={`${proj.y}%`}
-                    stroke="rgba(130,237,32,0.3)"
-                    strokeWidth="1.5"
-                    initial={{ pathLength: 0, opacity: 0 }}
-                    animate={{ pathLength: 1, opacity: 1 }}
-                    transition={{ duration: 1.5, delay: 0.5 + idx * 0.2 }}
-                  />
-                ))}
-              </svg>
+              {/* Minor Location Markers (The 100+ generic projects) */}
+              {locations.filter(l => l.type === 'minor_node').map((loc, idx) => (
+                <div
+                  key={`minor-${idx}`}
+                  className="absolute z-10 group/minor cursor-pointer w-10 h-10 flex items-center justify-center"
+                  style={{
+                    left: `${loc.x}%`,
+                    top: `${loc.y}%`,
+                    transform: 'translate(-50%, -50%)',
+                  }}
+                  onMouseEnter={() => setActiveLocation(loc)}
+                  onMouseLeave={() => setActiveLocation(null)}
+                >
+                  <div className="w-1.5 h-1.5 bg-primary/80 rounded-full group-hover/minor:bg-white group-hover/minor:scale-150 transition-all duration-300" />
+                  <div className="absolute inset-0 m-auto w-2 h-2 bg-primary rounded-full opacity-0 group-hover/minor:animate-ping" />
+                </div>
+              ))}
 
-              {/* Location Pins */}
-              {locations.map((loc, idx) => {
+              {/* Major & Reference Location Markers (HQ, Branch, Project) */}
+              {locations.filter(l => l.type !== 'minor_node').map((loc, idx) => {
                 const isHQ = loc.type === 'hq';
                 const isBranch = loc.type === 'branch';
                 const isActive = activeLocation?.id === loc.id;
 
-                const isNearLeft = loc.x < 50;
-                const isNearRight = loc.x >= 50;
-                const isNearTop = loc.y < 55; // 55% threshold to strongly avoid the top header
-
-                const tooltipClasses = [
-                  'absolute w-[280px] sm:w-64 bg-white text-neutral-dark p-5 rounded-2xl shadow-2xl z-[9999] border border-neutral-100',
-                  isNearLeft ? 'left-1/2 sm:left-0 -translate-x-1/2 sm:translate-x-0' : 'left-1/2 sm:left-auto sm:right-0 -translate-x-1/2 sm:translate-x-0',
-                  isNearTop 
-                    ? 'top-full mt-4 before:absolute before:-top-6 before:left-0 before:w-full before:h-6' 
-                    : 'bottom-full mb-4 before:absolute before:-bottom-6 before:left-0 before:w-full before:h-6'
-                ].join(' ');
-
-                const arrowClasses = [
-                  'absolute border-8 border-transparent drop-shadow-sm hidden sm:block',
-                  isNearLeft ? 'left-6' : 'right-6',
-                  isNearTop ? '-top-4 border-b-white border-t-0' : '-bottom-4 border-t-white border-b-0'
-                ].join(' ');
-
                 return (
                   <div
                     key={loc.id}
-                    className={`absolute transform -translate-x-1/2 -translate-y-1/2 group cursor-pointer w-16 h-16 flex items-center justify-center ${isActive ? 'z-[60]' : 'z-20'}`}
+                    className={`absolute transform -translate-x-1/2 -translate-y-1/2 group/pin cursor-pointer w-16 h-16 flex items-center justify-center ${isActive ? 'z-[60]' : 'z-20'}`}
                     style={{ left: `${loc.x}%`, top: `${loc.y}%` }}
                     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 */}
@@ -177,121 +163,112 @@ export function InteractiveGermanyMap({
                       <div className="absolute inset-0 m-auto w-6 h-6 rounded-full animate-ping bg-primary/50 scale-150" />
                     )}
 
-                    {/* Marker Dot */}
+                    {/* Elegant Marker Dot */}
                     <motion.div
                       initial={{ scale: 0 }}
                       animate={{ scale: 1 }}
                       transition={{ type: 'spring', delay: idx * 0.1 }}
-                      className={`relative flex items-center justify-center rounded-full shadow-[0_0_20px_rgba(130,237,32,0.4)] transition-transform duration-300 ${
-                        isActive ? 'scale-125 z-30 ring-4 ring-primary/30' : 'scale-100'
+                      className={`relative flex items-center justify-center rounded-full shadow-[0_0_20px_rgba(130,237,32,0.6)] transition-transform duration-300 ${
+                        isActive ? 'scale-125 z-30 ring-4 ring-primary/40' : 'scale-100 group-hover/pin:scale-110'
                       } ${
                         isHQ || isBranch
-                          ? 'w-6 h-6 bg-primary text-[#050B14]'
+                          ? 'w-7 h-7 bg-primary text-[#050B14]'
                           : 'w-4 h-4 bg-white ring-[3px] ring-primary'
                       }`}
                     >
-                      {(isHQ || isBranch) && <MapPin className="w-3.5 h-3.5" />}
+                      {(isHQ || isBranch) && <MapPin className="w-4 h-4" />}
                     </motion.div>
-
-                    {/* Tooltip */}
-                    <AnimatePresence>
-                      {isActive && (
-                        <motion.div
-                          variants={{
-                            hidden: { opacity: 0, y: isNearTop ? -15 : 15, scale: 0.9 },
-                            visible: { 
-                              opacity: 1, y: 0, scale: 1,
-                              transition: { 
-                                type: "spring", stiffness: 350, damping: 25,
-                                staggerChildren: 0.05, delayChildren: 0.05
-                              }
-                            },
-                            exit: { 
-                              opacity: 0, y: isNearTop ? -10 : 10, scale: 0.95, 
-                              transition: { duration: 0.15, ease: "easeIn" } 
-                            }
-                          }}
-                          initial="hidden"
-                          animate="visible"
-                          exit="exit"
-                          className={`${tooltipClasses} overflow-hidden p-0`}
-                        >
-                          {loc.featuredImage && (
-                            <motion.div 
-                              variants={{ hidden: { opacity: 0 }, visible: { opacity: 1 } }}
-                              className="relative w-full h-32 bg-neutral-100 overflow-hidden"
-                            >
-                              <Image
-                                src={loc.featuredImage}
-                                alt={loc.name}
-                                fill
-                                className="object-cover transform transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-110"
-                              />
-                              <div className="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-80" />
-                              <div className="absolute bottom-3 left-4 flex items-center gap-2">
-                                {isHQ ? <Factory className="w-4 h-4 text-primary drop-shadow" /> : <Zap className="w-4 h-4 text-primary drop-shadow" />}
-                                <span className="font-extrabold text-sm leading-tight text-white drop-shadow-md">{loc.name}</span>
-                              </div>
-                            </motion.div>
-                          )}
-                          
-                          <div className={loc.featuredImage ? "p-5 pt-4" : "p-5"}>
-                            {!loc.featuredImage && (
-                              <motion.div 
-                                variants={{ hidden: { opacity: 0, x: -5 }, visible: { opacity: 1, x: 0 } }}
-                                className="flex items-center gap-2 mb-2"
-                              >
-                                {isHQ ? <Factory className="w-4 h-4 text-primary" /> : <Zap className="w-4 h-4 text-primary" />}
-                                <span className="font-extrabold text-sm leading-tight text-neutral-dark">{loc.name}</span>
-                              </motion.div>
-                            )}
-                            
-                            <motion.p 
-                              variants={{ hidden: { opacity: 0, y: 5 }, visible: { opacity: 1, y: 0 } }}
-                              className="text-xs text-neutral-500 font-medium"
-                            >
-                              {loc.description}
-                            </motion.p>
-                          
-                          {loc.details && (
-                            <ul className="mt-4 space-y-2">
-                              {loc.details.map((detail, i) => (
-                                <motion.li 
-                                  key={i} 
-                                  variants={{ hidden: { opacity: 0, x: -5 }, visible: { opacity: 1, x: 0 } }}
-                                  className="text-[11px] text-neutral-dark flex items-center gap-2 font-semibold"
-                                >
-                                  <div className="w-4 h-4 rounded-full bg-primary/10 flex items-center justify-center shrink-0">
-                                    <CheckCircle2 className="w-3 h-3 text-primary" />
-                                  </div>
-                                  {detail}
-                                </motion.li>
-                              ))}
-                            </ul>
-                          )}
-                          
-                          {loc.href && (
-                            <motion.div 
-                              variants={{ hidden: { opacity: 0, y: 5 }, visible: { opacity: 1, y: 0 } }}
-                              className="mt-4 pt-3 border-t border-neutral-100 text-xs font-bold text-primary flex items-center gap-1 group/link"
-                            >
-                              Zum Projekt 
-                              <span className="text-base leading-none translate-y-[1px] transform transition-transform duration-300 group-hover:translate-x-1.5">&rarr;</span>
-                            </motion.div>
-                          )}
-                          </div>
-                          
-                          {/* Arrow Down/Up */}
-                          <div className={arrowClasses} />
-                        </motion.div>
-                      )}
-                    </AnimatePresence>
                   </div>
                 );
               })}
+
+              {/* Global Tooltip */}
+              <AnimatePresence>
+                {activeLocation && (
+                  <motion.div
+                    key="tooltip"
+                    initial={{ opacity: 0, y: 10, scale: 0.95 }}
+                    animate={{ opacity: 1, y: 0, scale: 1 }}
+                    exit={{ opacity: 0, y: 10, scale: 0.95 }}
+                    transition={{ duration: 0.2 }}
+                    className="absolute z-[9999] pointer-events-none"
+                    style={{
+                      left: `${activeLocation.x}%`,
+                      top: `${activeLocation.y}%`,
+                      transform: activeLocation.x < 50 ? 'translate(20px, -50%)' : 'translate(calc(-100% - 20px), -50%)',
+                    }}
+                  >
+                    <div className="bg-[#050B14]/95 backdrop-blur-xl border border-white/10 rounded-2xl shadow-2xl min-w-[200px] w-max max-w-[300px] text-white overflow-hidden">
+                      
+                      {activeLocation.featuredImage && (
+                        <div className="relative w-full h-32 bg-neutral-900">
+                          <Image
+                            src={activeLocation.featuredImage}
+                            alt={activeLocation.name}
+                            fill
+                            className="object-cover"
+                          />
+                          <div className="absolute inset-0 bg-gradient-to-t from-[#050B14] to-transparent opacity-90" />
+                        </div>
+                      )}
+
+                      <div className="p-4">
+                        <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">
+                            {t(`types.${activeLocation.type === 'minor_node' ? 'project' : activeLocation.type}`)}
+                          </span>
+                        </div>
+                        <div className="font-heading font-bold text-lg leading-tight mb-2">
+                          {activeLocation.name}
+                        </div>
+                        {activeLocation.type !== 'minor_node' ? (
+                          <div className="text-white/60 text-sm line-clamp-3 mb-3">
+                            {activeLocation.description}
+                          </div>
+                        ) : (
+                          <div className="text-white/60 text-xs mb-3">
+                            {t(`descriptions.${['wind','pv','fiber','power','battery'].includes(activeLocation.description || '') ? activeLocation.description : 'default'}`)}
+                          </div>
+                        )}
+                        
+                        {(activeLocation.details || activeLocation.type === 'minor_node') && (
+                          <ul className="mb-3 space-y-1.5 border-t border-white/10 pt-3">
+                            {activeLocation.type === 'minor_node' ? (
+                              <>
+                                <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>{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>{t('features.method')}</span>
+                                </li>
+                              </>
+                            ) : (
+                              activeLocation.details?.map((detail, i) => (
+                                <li key={i} 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>{detail}</span>
+                                </li>
+                              ))
+                            )}
+                          </ul>
+                        )}
+
+                        {activeLocation.href && (
+                          <div className="inline-flex items-center text-xs font-bold text-primary">
+                            {t('learnMore')}
+                            <ArrowUpRight className="w-3.5 h-3.5 ml-1" />
+                          </div>
+                        )}
+                      </div>
+                    </div>
+                  </motion.div>
+                )}
+              </AnimatePresence>
             </div>
           </div>
-          
         </div>
       </div>
     </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/ScaleOfImpact.tsx

@@ -0,0 +1,102 @@
+'use client';
+
+import React, { useRef } from 'react';
+import { motion, useScroll, useTransform } from 'framer-motion';
+import { useLocale } from 'next-intl';
+
+export function ScaleOfImpact() {
+  const containerRef = useRef<HTMLDivElement>(null);
+  const locale = useLocale();
+  
+  // Track scroll progress through this container
+  const { scrollYProgress } = useScroll({
+    target: containerRef,
+    offset: ["start end", "end start"]
+  });
+
+  // Map scroll progress to SVG path length
+  const pathLength = useTransform(scrollYProgress, [0.2, 0.8], [0, 1]);
+  
+  // Opacity for the massive background numbers
+  const bgOpacity = useTransform(scrollYProgress, [0.1, 0.4, 0.8, 1], [0, 0.1, 0.1, 0]);
+
+  return (
+    <div 
+      ref={containerRef} 
+      className="relative w-full min-h-[70vh] bg-[#050B14] flex flex-col items-center justify-center overflow-hidden border-y border-neutral-800"
+    >
+      {/* Massive Watermark Numbers */}
+      <motion.div 
+        style={{ opacity: bgOpacity }}
+        className="absolute inset-0 flex flex-col items-center justify-center pointer-events-none select-none overflow-hidden mix-blend-overlay"
+      >
+        <div className="font-heading font-black text-[20vw] leading-none text-white opacity-20 whitespace-nowrap">
+          <span className="font-mono tracking-tighter">474.932</span>
+        </div>
+      </motion.div>
+
+      {/* Foreground Content */}
+      <div className="relative z-10 container max-w-7xl mx-auto px-4 flex flex-col items-center text-center">
+        
+        <h2 className="text-3xl md:text-5xl font-heading font-extrabold text-white mb-6 tracking-tight">
+          {locale === 'en' ? (
+            <>An infrastructure <br className="md:hidden"/> that connects the country.</>
+          ) : (
+            <>Eine Infrastruktur, <br className="md:hidden"/> die das Land verbindet.</>
+          )}
+        </h2>
+        
+        <p className="text-white/60 text-lg md:text-xl max-w-2xl font-medium mb-16">
+          {locale === 'en' 
+            ? "We don't just talk about the energy transition. We build it. In the last 36 months alone, we have completed a route that stretches from our headquarters in Guben all the way to Munich."
+            : "Wir sprechen nicht nur über die Energiewende. Wir bauen sie. Allein in den letzten 36 Monaten haben wir eine Strecke realisiert, die von unserem Hauptsitz in Guben bis nach München reicht."
+          }
+        </p>
+
+        {/* Abstract SVG Line Animation */}
+        <div className="w-full max-w-4xl h-32 relative">
+          <svg 
+            width="100%" 
+            height="100%" 
+            viewBox="0 0 1000 100" 
+            preserveAspectRatio="none"
+            className="absolute inset-0"
+          >
+            {/* Background dim line */}
+            <path 
+              d="M0,50 Q250,0 500,50 T1000,50" 
+              fill="none" 
+              stroke="rgba(255,255,255,0.05)" 
+              strokeWidth="2"
+            />
+            {/* Glowing animated line */}
+            <motion.path 
+              d="M0,50 Q250,0 500,50 T1000,50" 
+              fill="none" 
+              stroke="#82ED20" // primary color
+              strokeWidth="4"
+              style={{ pathLength }}
+              className="drop-shadow-[0_0_15px_rgba(130,237,32,0.8)]"
+            />
+          </svg>
+        </div>
+
+        {/* Static Data Grid (No jumping text) */}
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-16 w-full max-w-4xl mt-12">
+          <div className="flex flex-col items-center">
+            <div className="font-mono text-5xl md:text-6xl font-black text-white tracking-tighter mb-2">100<span className="text-primary">+</span></div>
+            <div className="text-xs font-bold uppercase tracking-widest text-white/50">{locale === 'en' ? 'Major Projects' : 'Großprojekte'}</div>
+          </div>
+          <div className="flex flex-col items-center">
+            <div className="font-mono text-5xl md:text-6xl font-black text-white tracking-tighter mb-2">372<span className="text-primary text-3xl">km</span></div>
+            <div className="text-xs font-bold uppercase tracking-widest text-white/50">{locale === 'en' ? 'Cable Laying' : 'Kabelverlegung'}</div>
+          </div>
+          <div className="flex flex-col items-center">
+            <div className="font-mono text-5xl md:text-6xl font-black text-white tracking-tighter mb-2">102<span className="text-primary text-3xl">km</span></div>
+            <div className="text-xs font-bold uppercase tracking-widest text-white/50">{locale === 'en' ? 'HDD Drilling' : 'Spülbohrung'}</div>
+          </div>
+        </div>
+      </div>
+    </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

@@ -3,7 +3,7 @@ import Image from 'next/image';
 import { useLocale } from 'next-intl';
 import { ShieldCheck, Leaf, Lock, Accessibility, Zap, Mail, Phone } from 'lucide-react';
 import { LanguageSwitcher } from './LanguageSwitcher';
-
+import { Tooltip } from '@/components/ui/Tooltip';
 interface CompanyInfo {
   contactEmail: string;
   contactPhone: string;
@@ -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}>
@@ -165,10 +165,18 @@ export function Footer({ companyInfo }: FooterProps) {
 
         {/* Quality Badges */}
         <div className="mt-4 md:mt-6 flex flex-wrap justify-center gap-x-4 gap-y-3 md:gap-x-8 md:gap-y-4 text-neutral-400 text-[10px] md:text-xs font-medium uppercase tracking-wider px-2">
-          <div className="flex items-center gap-2"><ShieldCheck className="w-4 h-4 text-neutral-400" /><span>SSL Secured</span></div>
-          <div className="flex items-center gap-2"><Leaf className="w-4 h-4 text-primary" /><span>Green Hosting</span></div>
-          <div className="flex items-center gap-2"><Lock className="w-4 h-4 text-neutral-400" /><span>DSGVO Compliant</span></div>
-          <div className="flex items-center gap-2"><Zap className="w-4 h-4 text-neutral-400" /><span>High Performance</span></div>
+          <Tooltip content={locale === 'de' ? 'Ihre Daten werden sicher und verschlüsselt übertragen.' : 'Your data is transmitted securely and encrypted.'}>
+            <div className="flex items-center gap-2 cursor-help"><ShieldCheck className="w-4 h-4 text-neutral-400" /><span>SSL Secured</span></div>
+          </Tooltip>
+          <Tooltip content={locale === 'de' ? 'Wir nutzen 100% Ökostrom für den Betrieb unserer Website.' : 'We use 100% green energy to run our website.'}>
+            <div className="flex items-center gap-2 cursor-help"><Leaf className="w-4 h-4 text-primary" /><span>Green Hosting</span></div>
+          </Tooltip>
+          <Tooltip content={locale === 'de' ? 'Ihre Privatsphäre ist uns wichtig. Wir halten uns streng an den Datenschutz.' : 'Your privacy is important to us. We strictly adhere to data protection laws.'}>
+            <div className="flex items-center gap-2 cursor-help"><Lock className="w-4 h-4 text-neutral-400" /><span>DSGVO Compliant</span></div>
+          </Tooltip>
+          <Tooltip content={locale === 'de' ? 'Blitzschnelle Ladezeiten für ein optimales Nutzererlebnis.' : 'Lightning-fast loading times for an optimal user experience.'}>
+            <div className="flex items-center gap-2 cursor-help"><Zap className="w-4 h-4 text-neutral-400" /><span>High Performance</span></div>
+          </Tooltip>
         </div>
 
         {/* Mintel Design & Version */}

components/layout/Header.test.tsx

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

components/layout/Header.tsx

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

components/layout/LanguageSwitcher.test.tsx

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

components/layout/LanguageSwitcher.tsx

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

components/search/AISearchResults.test.tsx

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

components/search/AISearchResults.tsx

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

components/ui/AnimatedCounter.tsx

@@ -0,0 +1,48 @@
+'use client';
+
+import React, { useEffect, useState } from 'react';
+import { motion, useMotionValue, useTransform, animate, useInView } from 'framer-motion';
+
+interface AnimatedCounterProps {
+  value: number;
+  duration?: number;
+  delay?: number;
+  suffix?: string;
+  prefix?: string;
+  className?: string;
+}
+
+export function AnimatedCounter({
+  value,
+  duration = 2,
+  delay = 0,
+  suffix = '',
+  prefix = '',
+  className = '',
+}: AnimatedCounterProps) {
+  const count = useMotionValue(0);
+  const rounded = useTransform(count, (latest) => {
+    // Format with thousands separator
+    return new Intl.NumberFormat('de-DE').format(Math.round(latest));
+  });
+
+  const ref = React.useRef(null);
+  const inView = useInView(ref, { once: true, margin: "-100px" });
+
+  useEffect(() => {
+    if (inView) {
+      const controls = animate(count, value, {
+        duration: duration,
+        delay: delay,
+        ease: 'easeOut',
+      });
+      return controls.stop;
+    }
+  }, [inView, value, duration, delay, count]);
+
+  return (
+    <motion.span ref={ref} className={className}>
+      {prefix}<motion.span>{rounded}</motion.span>{suffix}
+    </motion.span>
+  );
+}

components/ui/Tooltip.tsx

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+
+interface TooltipProps {
+  children: ReactNode;
+  content: string;
+}
+
+export function Tooltip({ children, content }: TooltipProps) {
+  return (
+    <div className="group relative flex items-center justify-center">
+      {children}
+      <div className="absolute bottom-full mb-3 invisible opacity-0 translate-y-2 group-hover:visible group-hover:opacity-100 group-hover:translate-y-0 w-max max-w-[250px] px-4 py-2.5 text-[11px] md:text-xs text-white bg-neutral-900/95 backdrop-blur-md rounded-xl shadow-2xl border border-white/10 transition-all duration-300 pointer-events-none z-50 text-center leading-relaxed font-normal normal-case tracking-normal">
+        {content}
+        {/* Triangle Arrow */}
+        <div className="absolute left-1/2 top-full -translate-x-1/2 border-4 border-transparent border-t-neutral-900/95" />
+      </div>
+    </div>
+  );
+}

components/ui/index.ts

@@ -7,5 +7,6 @@ export * from './Card';
 export * from './Badge';
 export * from './Input';
 export * from './Textarea';
+export * from './AnimatedCounter';
 export * from './Label';
 export * from './Callout';

content/de/bohrtechnik.mdx

@@ -29,6 +29,8 @@ layout: "fullBleed"
   Mit unserem spezialisierten Gerätepark beherrschen wir die unterschiedlichsten Verfahren. Beim **Horizontalspülbohrverfahren (HDD)** steuern wir den Bohrkopf punktgenau unter der Erde hindurch. Wir realisieren dabei Bohrlängen von bis zu 250 Metern am Stück und können Schutzrohre mit einem Durchmesser von bis zu 400 mm einziehen. 
 
   Für kürzere Distanzen, wie beispielsweise schnelle und schonende Hausanschlüsse, setzen wir unsere **Erdraketen** (Bodenverdrängungsverfahren) ein. Hierbei erreichen wir Durchörterungslängen von bis zu 15 Metern für Rohre bis 160 mm Durchmesser – ideal um Vorgärten und Einfahrten komplett unversehrt zu lassen.
+
+  <DeepDrillAnimation />
 </div>
 
 <ServiceDetailGrid

content/de/home.mdx

@@ -143,5 +143,7 @@ description: "Die E-TIB GmbH ist Ihr zuverlässiger Partner für komplexe Kabelt
   ]}
 />
 
+<ScaleOfImpact />
+
 <HomeReferencesSlider />
 

content/de/kabeltiefbau.mdx

@@ -31,6 +31,8 @@ layout: "fullBleed"
   Durch unsere langjährige Erfahrung erkennen wir Problemstellungen frühzeitig und erarbeiten für unsere Auftraggeber im Vorfeld sichere und zufriedenstellende Lösungen. Die E-TIB GmbH hat sich voll und ganz auf den Kabelleitungstiefbau spezialisiert. 
 
   Wir bieten Ihnen das komplette Leistungsspektrum zur Errichtung von Kabeltrassen aus einer Hand – mit eigenem, hochmodernem Maschinenpark und festangestelltem Fachpersonal aus der Region. In direkter Zusammenarbeit mit unserem Partnerbüro, der E-TIB Ingenieurgesellschaft mbH, können wir zudem frühzeitig Planungsfehler ausschließen und selbst die komplexesten Dokumentationsanforderungen souverän erfüllen.
+
+  <DataGridPulse />
 </div>
 
 <ServiceDetailGrid

content/de/messen.mdx

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

content/de/ueber-uns.mdx

@@ -52,9 +52,9 @@ layout: "fullBleed"
   </div>
 </div>
 
-<CompanyTimeline />
+<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." />
 
-<InteractiveGermanyMap />
+<CompanyTimeline />
 
 <div id="struktur">
   <HomeSubCompanyTiles

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,29 +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"
         ]
       ]
     }
   ]}
 />
 
+<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/home.mdx

@@ -139,4 +139,6 @@ description: "E-TIB GmbH is your reliable partner for complex cable routes, hori
   ]}
 />
 
+<ScaleOfImpact />
+
 <HomeReferencesSlider />

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,31 +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"
         ]
       ]
     }
   ]}
 />
 
+<HomeReferencesSlider badge="Case Studies" title="Completed Civil Engineering Projects" description="We have laid hundreds of kilometers of cables. Take a look at our reference projects." />
+
 <CallToAction 
   title="Do you have a specific project?" 
   text="We would be happy to advise you on all questions regarding cable civil engineering and line laying."
   buttonText="Contact us"
-  buttonLink="/en/kontakt"
+  buttonLink="/en/contact"
 />

content/en/karriere.mdx

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

content/en/kompetenzen.mdx

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

content/en/messen.mdx

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

content/en/planung.mdx

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

content/en/team.mdx

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

content/en/ueber-uns.mdx

@@ -11,7 +11,7 @@ layout: "fullBleed"
   description="Since 2015, we have been growing continuously to meet the demands of the energy transition and digitalization. As a corporate group, we pool specialized expertise under one roof."
   videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
   linkText="Open Positions"
-  linkHref="/en/karriere"
+  linkHref="/en/career"
   secondaryCtaLabel="Discover Company"
   secondaryCtaHref="#structure"
 />
@@ -52,50 +52,9 @@ layout: "fullBleed"
   </div>
 </div>
 
-<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 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." />
 
-<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
@@ -136,5 +95,5 @@ layout: "fullBleed"
   title="Ready for Your Project?"
   description="We are always looking for new challenges and strong partners. Contact us for a non-binding consultation on your project."
   ctaLabel="Contact Us Now"
-  ctaHref="/en/kontakt"
+  ctaHref="/en/contact"
 />

content/en/vermessung.mdx

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

content/en/zertifikate.mdx

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

data/Orte 2024.txt

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

data/Orte 2025.txt

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

docker-compose.dev.yml

@@ -40,6 +40,8 @@ services:
       NPM_TOKEN: ${NPM_TOKEN:-}
       CI: "true"
       WATCHPACK_POLLING: "true"
+    ports:
+      - "3001:3001"
     volumes:
       - .:/app
       - etib_node_modules:/app/node_modules

lib/map-data.ts

@@ -1,7 +1,7 @@
 export interface Location {
   id: string;
   name: string;
-  type: 'hq' | 'branch' | 'project';
+  type: 'hq' | 'branch' | 'project' | 'minor_node';
   x: number;
   y: number;
   description: string;
@@ -16,7 +16,7 @@ export const defaultLocations: Location[] = [
     name: 'Guben (Hauptsitz)',
     type: 'hq',
     x: 85,
-    y: 48,
+    y: 41.1,
     description: 'E-TIB GmbH Holding & Bohrtechnik GmbH',
     details: ['Zentrale Steuerung', 'Kabelleitungstiefbau', 'Maschinenpark'],
   },
@@ -25,7 +25,7 @@ export const defaultLocations: Location[] = [
     name: 'Bülstedt (Ingenieurgesellschaft)',
     type: 'branch',
     x: 37,
-    y: 25,
+    y: 25.33,
     description: 'E-TIB Ingenieurgesellschaft mbH',
     details: ['Planung & Projektierung', 'Vermessung', 'Dokumentation'],
   },
@@ -34,7 +34,7 @@ export const defaultLocations: Location[] = [
     name: 'Spreewald (FTTC)',
     type: 'project',
     x: 81,
-    y: 42,
+    y: 36.99,
     description: 'Breitbandausbau FTTC',
     href: '/referenzen/spreewald',
   },
@@ -43,7 +43,7 @@ export const defaultLocations: Location[] = [
     name: 'Bomlitz (FTTH)',
     type: 'project',
     x: 43,
-    y: 30,
+    y: 28.76,
     description: '88km Leitungstrasse (Tiefbau/HDD)',
     href: '/referenzen/bomlitz',
   },
@@ -52,7 +52,7 @@ export const defaultLocations: Location[] = [
     name: 'Forst (Kabeltrasse)',
     type: 'project',
     x: 87,
-    y: 52,
+    y: 43.85,
     description: 'Neubau MS-Kabeltrasse',
     href: '/referenzen/forst',
   },
@@ -61,7 +61,7 @@ export const defaultLocations: Location[] = [
     name: 'Eisenhüttenstadt (Kabel)',
     type: 'project',
     x: 86,
-    y: 44,
+    y: 38.36,
     description: 'Kabelverbindung U30 - T10',
     href: '/referenzen/eisenhuettenstadt',
   },
@@ -70,7 +70,7 @@ export const defaultLocations: Location[] = [
     name: 'Görne (PV-Anlage)',
     type: 'project',
     x: 65,
-    y: 35,
+    y: 32.19,
     description: 'Einspeisung PV-Anlage (MS-Kabel)',
     href: '/referenzen/goerne',
   },
@@ -79,8 +79,844 @@ export const defaultLocations: Location[] = [
     name: 'Börde (FTTH-Ausbau)',
     type: 'project',
     x: 55,
-    y: 38,
+    y: 34.24,
     description: '109km Leitungstrasse für Breitband',
     href: '/referenzen/boerde',
   }
 ];
+
+
+export const minorLocations: Location[] = [
+  {
+    id: 'breddin-16845',
+    name: 'PV-Infrastrukturprojekt, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 63.88,
+    y: 29.36,
+    description: 'pv',
+  },
+  {
+    id: 'bad-liebenwerda-04924',
+    name: 'Breitbandausbau / FTTx, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 73.76,
+    y: 46.48,
+    description: 'fiber',
+  },
+  {
+    id: 'hünfelden-65597',
+    name: 'Netzanbindung Windenergie, Rhein-Ruhr-Gebiet',
+    type: 'minor_node',
+    x: 29.35,
+    y: 61.68,
+    description: 'wind',
+  },
+  {
+    id: 'zachow-19376',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 68.62,
+    y: 34.44,
+    description: 'pv',
+  },
+  {
+    id: 'schnarup-thumby-24891',
+    name: 'Netzanbindung Windenergie, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 41.96,
+    y: 7.31,
+    description: 'wind',
+  },
+  {
+    id: 'bartow-17089',
+    name: 'PV-Infrastrukturprojekt, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 73.39,
+    y: 17.66,
+    description: 'pv',
+  },
+  {
+    id: 'regesbostel-21649',
+    name: 'Netzanbindung Windenergie, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 42.09,
+    y: 23.17,
+    description: 'wind',
+  },
+  {
+    id: 'bomlitz-29699',
+    name: 'Breitbandausbau / FTTx, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 42.22,
+    y: 29.09,
+    description: 'fiber',
+  },
+  {
+    id: 'berzhahn-56459',
+    name: 'Netzanbindung Windenergie, Rhein-Ruhr-Gebiet',
+    type: 'minor_node',
+    x: 28.1,
+    y: 58.9,
+    description: 'wind',
+  },
+  {
+    id: 'oschersleben-39387',
+    name: 'Breitbandausbau / FTTx, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 55.74,
+    y: 40.14,
+    description: 'fiber',
+  },
+  {
+    id: 'jessen-06917',
+    name: 'Netzanbindung Windenergie, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 70.21,
+    y: 42.8,
+    description: 'wind',
+  },
+  {
+    id: 'dettmannsdorf-18334',
+    name: 'PV-Infrastrukturprojekt, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 66.38,
+    y: 14.04,
+    description: 'pv',
+  },
+  {
+    id: 'werneck-97440',
+    name: 'Netzanbindung Windenergie, Rhein-Main-Gebiet',
+    type: 'minor_node',
+    x: 45.73,
+    y: 65.8,
+    description: 'wind',
+  },
+  {
+    id: 'badendorf-23619',
+    name: 'PV-Infrastrukturprojekt, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 49.91,
+    y: 17.02,
+    description: 'pv',
+  },
+  {
+    id: 'hordorf-39387',
+    name: 'Breitbandausbau / FTTx, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 55.17,
+    y: 40.57,
+    description: 'fiber',
+  },
+  {
+    id: 'neißemünde-15898',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 84.95,
+    y: 39.9,
+    description: 'pv',
+  },
+  {
+    id: 'wiesenhagen-14959',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 72.47,
+    y: 38.31,
+    description: 'pv',
+  },
+  {
+    id: 'gersdorf-09355',
+    name: 'Netzanbindung Windenergie, Region Leipzig / Dresden',
+    type: 'minor_node',
+    x: 67.92,
+    y: 56.13,
+    description: 'wind',
+  },
+  {
+    id: 'nauen-14641',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 68.95,
+    y: 32.81,
+    description: 'pv',
+  },
+  {
+    id: 'eggersdorf-15374',
+    name: 'PV-Infrastrukturprojekt, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 59.59,
+    y: 40.82,
+    description: 'pv',
+  },
+  {
+    id: 'guben-03172',
+    name: 'Breitbandausbau / FTTx, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 84.55,
+    y: 41.12,
+    description: 'fiber',
+  },
+  {
+    id: 'beratzhausen-93176',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 60.46,
+    y: 76.77,
+    description: 'pv',
+  },
+  {
+    id: 'felm-24161',
+    name: 'Netzanbindung Windenergie, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 45.58,
+    y: 10.19,
+    description: 'wind',
+  },
+  {
+    id: 'neukieritzsch-04575',
+    name: 'Breitbandausbau / FTTx, Region Leipzig / Dresden',
+    type: 'minor_node',
+    x: 65.5,
+    y: 51.2,
+    description: 'fiber',
+  },
+  {
+    id: 'oberbarnim-15377',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 79.52,
+    y: 33.09,
+    description: 'pv',
+  },
+  {
+    id: 'berne-27804',
+    name: 'Netzanbindung Windenergie, Region Emsland / Ostfriesland',
+    type: 'minor_node',
+    x: 32.1,
+    y: 25.85,
+    description: 'wind',
+  },
+  {
+    id: 'dossow-16909',
+    name: 'PV-Infrastrukturprojekt, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 66.44,
+    y: 26.41,
+    description: 'pv',
+  },
+  {
+    id: 'krempe-25361',
+    name: 'PV-Infrastrukturprojekt, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 40.7,
+    y: 17.42,
+    description: 'pv',
+  },
+  {
+    id: 'lübars-39291',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 73.45,
+    y: 32.78,
+    description: 'pv',
+  },
+  {
+    id: 'taarstedt-24893',
+    name: 'Netzanbindung Windenergie, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 42.4,
+    y: 8.17,
+    description: 'wind',
+  },
+  {
+    id: 'rom-19372',
+    name: 'PV-Infrastrukturprojekt, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 61.55,
+    y: 22.35,
+    description: 'pv',
+  },
+  {
+    id: 'bosbüll-25899',
+    name: 'PV-Infrastrukturprojekt, Region Emsland / Ostfriesland',
+    type: 'minor_node',
+    x: 35.36,
+    y: 5,
+    description: 'pv',
+  },
+  {
+    id: 'schwarzhofen-92447',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 64.76,
+    y: 73.46,
+    description: 'pv',
+  },
+  {
+    id: 'göhlsdorf-14797',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 68.78,
+    y: 35.98,
+    description: 'pv',
+  },
+  {
+    id: 'zehdenick-16792',
+    name: 'Trassenbau Hochspannung, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 73.35,
+    y: 28.02,
+    description: 'power',
+  },
+  {
+    id: 'osterburg-39606',
+    name: 'Netzanbindung Windenergie, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 59.63,
+    y: 30.48,
+    description: 'wind',
+  },
+  {
+    id: 'holzheim-89438',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 49.58,
+    y: 84.44,
+    description: 'pv',
+  },
+  {
+    id: 'adelschlag-85111',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 55.23,
+    y: 80.23,
+    description: 'pv',
+  },
+  {
+    id: 'hoyerswerda-02977',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 80.8,
+    y: 47.74,
+    description: 'pv',
+  },
+  {
+    id: 'niederhummel-85416',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 60.98,
+    y: 85.4,
+    description: 'pv',
+  },
+  {
+    id: 'löffingen-79843',
+    name: 'PV-Infrastrukturprojekt, Region Schwarzwald / Bodensee',
+    type: 'minor_node',
+    x: 31.06,
+    y: 92.31,
+    description: 'pv',
+  },
+  {
+    id: 'holste-27729',
+    name: 'Netzanbindung Windenergie, Region Emsland / Ostfriesland',
+    type: 'minor_node',
+    x: 35.35,
+    y: 23.24,
+    description: 'wind',
+  },
+  {
+    id: 'lasbek-23847',
+    name: 'Netzanbindung Windenergie, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 48.1,
+    y: 18.71,
+    description: 'wind',
+  },
+  {
+    id: 'bernau-bei-berlin-16321',
+    name: 'Netzanbindung Windenergie, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 75.39,
+    y: 31.83,
+    description: 'wind',
+  },
+  {
+    id: 'gorgast-15328',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 83.44,
+    y: 33.39,
+    description: 'pv',
+  },
+  {
+    id: 'neustadt-dosse-16845',
+    name: 'Netzanbindung Windenergie, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 65.82,
+    y: 29.83,
+    description: 'wind',
+  },
+  {
+    id: 'halle-06132',
+    name: 'Breitbandausbau / FTTx, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 61.88,
+    y: 47.76,
+    description: 'fiber',
+  },
+  {
+    id: 'letschin-15324',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 82.02,
+    y: 32.11,
+    description: 'pv',
+  },
+  {
+    id: 'sallgast-03238',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 77.65,
+    y: 45.69,
+    description: 'pv',
+  },
+  {
+    id: 'rodleben-dessau-roßlau-06861',
+    name: 'Breitbandausbau / FTTx, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 63.69,
+    y: 41.69,
+    description: 'fiber',
+  },
+  {
+    id: 'gerbstedt-06347',
+    name: 'Netzanbindung Windenergie, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 58.88,
+    y: 45.36,
+    description: 'wind',
+  },
+  {
+    id: 'elsterwerda-04910',
+    name: 'Breitbandausbau / FTTx, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 74.88,
+    y: 47.26,
+    description: 'fiber',
+  },
+  {
+    id: 'magdeburg-39106',
+    name: 'PV-Infrastrukturprojekt, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 59.01,
+    y: 38.7,
+    description: 'pv',
+  },
+  {
+    id: 'staßfurt-39443',
+    name: 'BESS-Anbindung, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 58.97,
+    y: 41.85,
+    description: 'battery',
+  },
+  {
+    id: 'alsleben-06425',
+    name: 'Netzanbindung Windenergie, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 59.15,
+    y: 44.01,
+    description: 'wind',
+  },
+  {
+    id: 'nienbüttel-25596',
+    name: 'PV-Infrastrukturprojekt, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 40.06,
+    y: 14.97,
+    description: 'pv',
+  },
+  {
+    id: 'werneuchen-16356',
+    name: 'Netzanbindung Windenergie, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 76.31,
+    y: 32.58,
+    description: 'wind',
+  },
+  {
+    id: 'stüdenitz-schönermark-16845',
+    name: 'PV-Infrastrukturprojekt, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 64.43,
+    y: 29.18,
+    description: 'pv',
+  },
+  {
+    id: 'gumtow-16866',
+    name: 'Netzanbindung Windenergie, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 64.12,
+    y: 28.2,
+    description: 'wind',
+  },
+  {
+    id: 'nöbdenitz-04626',
+    name: 'Breitbandausbau / FTTx, Region Leipzig / Dresden',
+    type: 'minor_node',
+    x: 64.59,
+    y: 54.41,
+    description: 'fiber',
+  },
+  {
+    id: 'kröpelin-18236',
+    name: 'Netzanbindung Windenergie, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 60.24,
+    y: 14.56,
+    description: 'wind',
+  },
+  {
+    id: 'laer-48366',
+    name: 'Netzanbindung Windenergie, Region Münsterland',
+    type: 'minor_node',
+    x: 22.68,
+    y: 39.78,
+    description: 'wind',
+  },
+  {
+    id: 'ostbevern-48346',
+    name: 'Netzanbindung Windenergie, Region Münsterland',
+    type: 'minor_node',
+    x: 26.64,
+    y: 39.84,
+    description: 'wind',
+  },
+  {
+    id: 'schwarmstedt-29690',
+    name: 'Breitbandausbau / FTTx, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 41.89,
+    y: 31.93,
+    description: 'fiber',
+  },
+  {
+    id: 'prötzel-15345',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 78.84,
+    y: 32.5,
+    description: 'pv',
+  },
+  {
+    id: 'blindheim-89434',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 50.23,
+    y: 82.72,
+    description: 'pv',
+  },
+  {
+    id: 'großräschen-01983',
+    name: 'Netzanbindung Windenergie, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 78.82,
+    y: 45.64,
+    description: 'wind',
+  },
+  {
+    id: 'wolkenstein-09429',
+    name: 'Netzanbindung Windenergie, Region Leipzig / Dresden',
+    type: 'minor_node',
+    x: 71.1,
+    y: 57.44,
+    description: 'wind',
+  },
+  {
+    id: 'fronhausen-35112',
+    name: 'Netzanbindung Windenergie, Rhein-Ruhr-Gebiet',
+    type: 'minor_node',
+    x: 34.1,
+    y: 56.83,
+    description: 'wind',
+  },
+  {
+    id: 'dammfleth-25554',
+    name: 'Netzanbindung Windenergie, Region Emsland / Ostfriesland',
+    type: 'minor_node',
+    x: 39.62,
+    y: 16.66,
+    description: 'wind',
+  },
+  {
+    id: 'langwedel-24631',
+    name: 'PV-Infrastrukturprojekt, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 44.46,
+    y: 12.6,
+    description: 'pv',
+  },
+  {
+    id: 'jerchel-14715',
+    name: 'PV-Infrastrukturprojekt, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 56.22,
+    y: 34.63,
+    description: 'pv',
+  },
+  {
+    id: 'beeskow-15848',
+    name: 'Netzanbindung Windenergie, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 80.9,
+    y: 38.43,
+    description: 'wind',
+  },
+  {
+    id: 'perleberg-19348',
+    name: 'Netzanbindung Windenergie, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 60.84,
+    y: 26.25,
+    description: 'wind',
+  },
+  {
+    id: 'gilching-82205',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 55.84,
+    y: 89.45,
+    description: 'pv',
+  },
+  {
+    id: 'bodenwöhr-92439',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 64.41,
+    y: 74.55,
+    description: 'pv',
+  },
+  {
+    id: 'görne-14728',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 66.34,
+    y: 31.66,
+    description: 'pv',
+  },
+  {
+    id: 'agethorst-25560',
+    name: 'PV-Infrastrukturprojekt, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 40.21,
+    y: 15.07,
+    description: 'pv',
+  },
+  {
+    id: 'ansbach-91522',
+    name: 'Netzanbindung Windenergie, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 49.8,
+    y: 74.59,
+    description: 'wind',
+  },
+  {
+    id: 'schinne-39579',
+    name: 'Netzanbindung Windenergie, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 59.69,
+    y: 32.23,
+    description: 'wind',
+  },
+  {
+    id: 'neuengörs-23818',
+    name: 'Netzanbindung Windenergie, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 48.33,
+    y: 16.63,
+    description: 'wind',
+  },
+  {
+    id: 'denkendorf-85095',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 57.48,
+    y: 79.18,
+    description: 'pv',
+  },
+  {
+    id: 'lindhorst-31698',
+    name: 'Netzanbindung Windenergie, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 38.98,
+    y: 35.98,
+    description: 'wind',
+  },
+  {
+    id: 'rohrenfels-86701',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 54.89,
+    y: 82.18,
+    description: 'pv',
+  },
+  {
+    id: 'ingoldingen-88456',
+    name: 'PV-Infrastrukturprojekt, Region Schwarzwald / Bodensee',
+    type: 'minor_node',
+    x: 42.75,
+    y: 90.62,
+    description: 'pv',
+  },
+  {
+    id: 'lichtenau-33165',
+    name: 'Netzanbindung Windenergie, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 35.64,
+    y: 45.44,
+    description: 'wind',
+  },
+  {
+    id: 'nochten-02943',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 84.03,
+    y: 47.68,
+    description: 'pv',
+  },
+  {
+    id: 'dalkendorf-17166',
+    name: 'Netzanbindung Windenergie, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 66.23,
+    y: 17.67,
+    description: 'wind',
+  },
+  {
+    id: 'schopfheim-79650',
+    name: 'Netzanbindung Windenergie, Region Schwarzwald / Bodensee',
+    type: 'minor_node',
+    x: 26.98,
+    y: 94.96,
+    description: 'wind',
+  },
+  {
+    id: 'lunow-stolzenhagen-16248',
+    name: 'Trassenbau Hochspannung, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 79.88,
+    y: 28.84,
+    description: 'power',
+  },
+  {
+    id: 'petershagen-15326',
+    name: 'PV-Infrastrukturprojekt, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 36.26,
+    y: 35.79,
+    description: 'pv',
+  },
+  {
+    id: 'krevese-39606',
+    name: 'Netzanbindung Windenergie, Region Hannover / Braunschweig',
+    type: 'minor_node',
+    x: 59.37,
+    y: 30.29,
+    description: 'wind',
+  },
+  {
+    id: 'seckeritz-17440',
+    name: 'PV-Infrastrukturprojekt, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 76.91,
+    y: 15.43,
+    description: 'pv',
+  },
+  {
+    id: 'tempelfelde-16230',
+    name: 'Netzanbindung Windenergie, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 76.55,
+    y: 31.59,
+    description: 'wind',
+  },
+  {
+    id: 'altenmedingen-29575',
+    name: 'Netzanbindung Windenergie, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 50.28,
+    y: 26.09,
+    description: 'wind',
+  },
+  {
+    id: 'neiße-malxetal-03159',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 84.5,
+    y: 45.15,
+    description: 'pv',
+  },
+  {
+    id: 'eisenhüttenstadt-15890',
+    name: 'PV-Infrastrukturprojekt, Region Berlin / Brandenburg',
+    type: 'minor_node',
+    x: 84.27,
+    y: 38.7,
+    description: 'pv',
+  },
+  {
+    id: 'groß-pankow-16928',
+    name: 'Netzanbindung Windenergie, Region Mecklenburg-Vorpommern',
+    type: 'minor_node',
+    x: 62.41,
+    y: 26.45,
+    description: 'wind',
+  },
+  {
+    id: 'dahlhausen-16909',
+    name: 'PV-Infrastrukturprojekt, Rhein-Ruhr-Gebiet',
+    type: 'minor_node',
+    x: 22.21,
+    y: 50.39,
+    description: 'pv',
+  },
+  {
+    id: 'gnarrenburg-27442',
+    name: 'Netzanbindung Windenergie, Region Emsland / Ostfriesland',
+    type: 'minor_node',
+    x: 36.74,
+    y: 23.17,
+    description: 'wind',
+  },
+  {
+    id: 'greding-91171',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 56.38,
+    y: 77.43,
+    description: 'pv',
+  },
+  {
+    id: 'scheeßel-27383',
+    name: 'Netzanbindung Windenergie, Metropolregion Hamburg',
+    type: 'minor_node',
+    x: 40.7,
+    y: 25.88,
+    description: 'wind',
+  },
+  {
+    id: 'egling-an-der-paar-86492',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 53.41,
+    y: 88.51,
+    description: 'pv',
+  },
+  {
+    id: 'ellingen-91792',
+    name: 'PV-Infrastrukturprojekt, Großraum Stuttgart / Franken',
+    type: 'minor_node',
+    x: 52.92,
+    y: 77.37,
+    description: 'pv',
+  },
+];

lib/references.ts

@@ -9,6 +9,7 @@ export interface ReferenceFrontmatter {
   dateString?: string;
   featuredImage?: string | null;
   location: string;
+  category?: string | string[];
 }
 
 export interface ReferenceData {

messages/de.json

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

messages/en.json

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

package.json

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

pnpm-lock.yaml

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

scratch/test-slugs.ts

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

scripts/compare-mdx-parity.ts

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

test-build-env.js

@@ -0,0 +1,5 @@
+const val = process.env.NEXT_PUBLIC_APP_VERSION;
+console.log("val is:", val);
+if (val) {
+  console.log("replace:", val.replace(/^v/, ''));
+}

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