feat(map): separate standorte and project map variants

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

@@ -10,7 +10,6 @@ import TrackedLink from '@/components/analytics/TrackedLink';
 import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
 import { getAllReferences } from '@/lib/references';
 import { defaultLocations, minorLocations } from '@/lib/map-data';
-
 // Import components used in MDX
 import { HeroVideo as HomeHero } from '@/components/blocks/HeroVideo';
 import { SubCompanyTiles as HomeSubCompanyTiles } from '@/components/blocks/SubCompanyTiles';

app/[locale]/layout.tsx

@@ -92,11 +92,9 @@ export default async function Layout(props: {
       url: `/${safeLocale}/${await mapFileSlugToTranslated('ueber-uns', safeLocale)}`,
       children: [
         { label: safeLocale === 'de' ? 'Firma' : 'Company', url: `/${safeLocale}/${await mapFileSlugToTranslated('ueber-uns', safeLocale)}` },
-        { label: safeLocale === 'de' ? 'Standorte Übersicht' : 'Locations Overview', url: `/${safeLocale}/standorte` },
-        { label: 'Standort Guben', url: `/${safeLocale}/standorte/guben` },
-        { label: 'Standort Bülstedt', url: `/${safeLocale}/standorte/buelstedt` },
         { label: safeLocale === 'de' ? 'Unser Team' : 'Our Team', url: `/${safeLocale}/team` },
-        { label: safeLocale === 'de' ? 'Zertifikate' : 'Certificates', url: `/${safeLocale}/zertifikate` }
+        { label: safeLocale === 'de' ? 'Zertifikate' : 'Certificates', url: `/${safeLocale}/zertifikate` },
+        { label: safeLocale === 'de' ? 'Standorte' : 'Locations', url: `/${safeLocale}/standorte` }
       ]
     },
     {

app/[locale]/referenzen/page.tsx

@@ -9,7 +9,6 @@ import { SITE_URL } from '@/lib/schema';
 import Image from 'next/image';
 import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
 import { defaultLocations, minorLocations } from '@/lib/map-data';
-import { standorteLocations } from '@/lib/standorte-data';
 
 interface PageProps {
   params: Promise<{
@@ -53,7 +52,7 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
 
   const references = await getAllReferences(locale);
   
-  const allLocations = [...standorteLocations, ...defaultLocations, ...minorLocations];
+  const allLocations = [...defaultLocations, ...minorLocations];
   const enrichedLocations = allLocations.map(loc => {
     if (loc.type === 'project') {
       const ref = references.find(r => r.slug === loc.id);

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

@@ -1,4 +1,4 @@
-import { Container } from '@/components/ui';
+import { Container, Badge, Heading } from '@/components/ui';
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
 import { notFound } from 'next/navigation';
@@ -63,21 +63,29 @@ export default async function StandortDetail(props: { params: Promise<{ locale:
   }
 
   return (
-    <div className="flex flex-col min-h-screen bg-neutral-50 pb-16 md:pb-24 pt-32">
-      <Container>
-        {/* Header Section */}
-        <div className="mb-12 md:mb-16">
-          <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-6">
-            <MapPin className="w-4 h-4" />
-            <span>{standort.type === 'hq' ? (safeLocale === 'de' ? 'Hauptsitz' : 'Headquarters') : (safeLocale === 'de' ? 'Niederlassung' : 'Branch')}</span>
-          </div>
-          <h1 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-neutral-dark text-balance">
-            {standort.name}
-          </h1>
-          <p className="text-xl text-neutral-500 max-w-3xl leading-relaxed">
-            {standort.description[safeLocale]}
-          </p>
+    <div className="flex flex-col min-h-screen bg-neutral-50 pb-16 md:pb-24">
+      {/* Industrial Hero Section */}
+      <section className="bg-primary-dark text-white pt-40 pb-12 md:pt-48 md:pb-16 min-h-[40vh] md:min-h-[45vh] flex flex-col justify-end relative overflow-hidden">
+        <div className="absolute inset-0 opacity-20 pointer-events-none">
+          <div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-accent/50 via-transparent to-transparent" />
         </div>
+        <Container className="relative z-10">
+          <div className="max-w-4xl">
+            <Badge variant="accent" className="mb-4 md:mb-6 shadow-sm flex inline-flex items-center gap-2">
+              <MapPin className="w-4 h-4" />
+              {standort.type === 'hq' ? (safeLocale === 'de' ? 'Hauptsitz' : 'Headquarters') : (safeLocale === 'de' ? 'Niederlassung' : 'Branch')}
+            </Badge>
+            <Heading level={1} variant="white" className="mb-6 drop-shadow-sm">
+              {standort.name}
+            </Heading>
+            <p className="text-xl md:text-2xl text-white/80 max-w-3xl leading-relaxed font-medium">
+              {standort.description[safeLocale]}
+            </p>
+          </div>
+        </Container>
+      </section>
+
+      <Container className="relative z-20 mt-12 md:mt-16">
 
         <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12">
           {/* Main Content (Images & Description) */}

app/[locale]/standorte/page.tsx

@@ -6,7 +6,7 @@ import { MapPin, Navigation, ArrowUpRight } from 'lucide-react';
 import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
 import { SITE_URL } from '@/lib/schema';
 import Image from 'next/image';
-import { standorteData } from '@/lib/standorte-data';
+import { standorteData, standorteLocations } from '@/lib/standorte-data';
 import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
 
 interface PageProps {
@@ -15,17 +15,15 @@ interface PageProps {
   }>;
 }
 
-export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
   const { locale } = await params;
-  if (locale !== 'de' && locale !== 'en') return {};
+  const safeLocale = locale === 'de' ? 'de' : 'en';
 
   return {
-    title: locale === 'de' ? 'Standorte | E-TIB Gruppe' : 'Locations | E-TIB Group',
-    description: locale === 'de' 
-      ? 'Die operativen Standorte der E-TIB Gruppe: Guben und Bülstedt.'
-      : 'The operational locations of the E-TIB Group: Guben and Bülstedt.',
+    title: safeLocale === 'en' ? 'Our Locations' : 'Unsere Standorte',
+    description: safeLocale === 'en' ? 'Our operational locations across Germany.' : 'Unsere operativen Standorte deutschlandweit.',
     alternates: {
-      canonical: `${SITE_URL}/${locale}/standorte`,
+      canonical: `${SITE_URL}/${safeLocale}/standorte`,
       languages: {
         de: `${SITE_URL}/de/standorte`,
         en: `${SITE_URL}/en/standorte`,
@@ -46,11 +44,12 @@ export default async function StandorteOverview(props: { params: Promise<{ local
       {/* Map Hero Section */}
       <InteractiveGermanyMap
         isHero={true}
+        locations={standorteLocations}
         badge={safeLocale === 'en' ? 'Our Locations' : 'Unsere Standorte'}
         title={safeLocale === 'en' ? 'Nationwide operational for you.' : 'Deutschlandweit für Sie im Einsatz.'}
         description={safeLocale === '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.'}
+          ? 'From our strategic locations in Guben, Kirchheilingen and Bülstedt, we control and implement complex infrastructure projects nationwide.' 
+          : 'Von unseren strategischen Standorten in Guben, Kirchheilingen und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.'}
       />
 
       {/* Main Content Area */}

components/blocks/InteractiveGermanyMap.tsx

@@ -51,7 +51,7 @@ export function InteractiveGermanyMap({
   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 finalDescription = description || (locale === 'en' ? 'From our strategic locations in Guben, Kirchheilingen and Bülstedt, we control and implement complex infrastructure projects nationwide.' : 'Von unseren strategischen Standorten in Guben, Kirchheilingen 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');

components/layout/Header.tsx

@@ -11,6 +11,7 @@ export interface NavLink {
   label: string;
   url: string;
   children?: NavLink[];
+  isGroupLabel?: boolean;
 }
 
 interface HeaderProps {
@@ -218,11 +219,20 @@ function NavItem({ link, currentLocale, pathname, isSolidMode }: { link: NavLink
               {/* Top glowing accent line */}
               <div className="absolute top-0 left-0 w-full h-[2px] bg-gradient-to-r from-transparent via-primary to-transparent opacity-70" />
               
-              {link.children.map((child) => {
+              {link.children.map((child, idx) => {
                 const childUrl = child.url.startsWith('/') && !child.url.match(/^\/(en|de)/) 
                   ? `/${currentLocale}${child.url}` 
                   : child.url;
                 const isChildActive = pathname === childUrl;
+                
+                if (child.isGroupLabel) {
+                  return (
+                    <div key={`group-${idx}`} className={`mt-2 mb-1 px-4 text-[11px] font-bold uppercase tracking-wider ${isSolidMode ? 'text-neutral-400' : 'text-neutral-500'}`}>
+                      {child.label}
+                    </div>
+                  );
+                }
+
                 return (
                   <TransitionLink
                     key={child.url}

lib/standorte-data.ts

@@ -73,6 +73,47 @@ export const standorteData: StandortData[] = [
       '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-45.jpg'
     ]
   },
+  {
+    id: 'kirchheilingen',
+    name: 'E-TIB Bohrtechnik GmbH',
+    shortName: 'Standort Thüringen',
+    type: 'branch',
+    description: {
+      de: 'Unser spezialisierter Standort für Horizontalspülbohrtechnik in Thüringen. Mit modernsten Bohranlagen realisieren wir grabenlose Leitungsverlegungen für komplexe Infrastrukturprojekte, umweltschonend und hocheffizient.',
+      en: 'Our specialized location for horizontal directional drilling in Thuringia. Utilizing state-of-the-art drilling rigs, we implement trenchless cable laying for complex infrastructure projects, environmentally friendly and highly efficient.'
+    },
+    address: {
+      street: 'Bahnhofstraße 180a',
+      city: '99947 Kirchheilingen'
+    },
+    contact: {
+      phone: '+49 (0) 3561 / 68577 33', // Placeholder, using central
+      email: 'info@e-tib.com'
+    },
+    coordinates: {
+      lat: 51.1852,
+      lng: 10.6865
+    },
+    keyFeatures: {
+      de: [
+        'Horizontalspülbohrtechnik (HDD)',
+        'Grabenlose Rohrverlegung',
+        'Felsbohrungen',
+        'Unterquerung von Gewässern & Straßen'
+      ],
+      en: [
+        'Horizontal Directional Drilling (HDD)',
+        'Trenchless pipe laying',
+        'Rock drilling',
+        'Crossing underneath water bodies & roads'
+      ]
+    },
+    image: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie_Vermessung_(247_von_80).jpg',
+    gallery: [
+      '/assets/photos/DSC02089.jpg',
+      '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-6.jpg'
+    ]
+  },
   {
     id: 'buelstedt',
     name: 'E-TIB Ingenieurgesellschaft mbH',
@@ -125,8 +166,8 @@ export const standorteLocations = standorteData.map(standort => ({
   id: standort.id,
   name: standort.shortName,
   type: standort.type,
-  x: standort.id === 'buelstedt' ? 37 : 85,
-  y: standort.id === 'buelstedt' ? 25.33 : 41.1,
+  x: standort.id === 'kirchheilingen' ? 52 : standort.id === 'buelstedt' ? 37 : 85,
+  y: standort.id === 'kirchheilingen' ? 55 : standort.id === 'buelstedt' ? 25.33 : 41.1,
   description: standort.name,
   href: `/standorte/${standort.id}`,
   details: standort.keyFeatures.de.slice(0, 3)