fix: refactor standorte detail page layout to match standard mdx pages and fix bohrtechnik links

.turbo/41698960411f6bf6-manifest.json

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

.turbo/41698960411f6bf6-meta.json

@@ -0,0 +1 @@
+{"hash":"41698960411f6bf6","duration":4168,"sha":"a3c732dd133b1b8261b19cf64b3bf684e269e839","dirty_hash":"1ef3b75af417f41468b9558671572e75e0fc055f9dbe6e805cfa6f59b1cddf70"}

.turbo/bb46018d4a7bc516-manifest.json

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

.turbo/bb46018d4a7bc516-meta.json

@@ -0,0 +1 @@
+{"hash":"bb46018d4a7bc516","duration":8307,"sha":"a3c732dd133b1b8261b19cf64b3bf684e269e839","dirty_hash":"1ef3b75af417f41468b9558671572e75e0fc055f9dbe6e805cfa6f59b1cddf70"}

.turbo/eb4eeeb717c1af0c-manifest.json

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

.turbo/eb4eeeb717c1af0c-meta.json

@@ -0,0 +1 @@
+{"hash":"eb4eeeb717c1af0c","duration":7565,"sha":"a3c732dd133b1b8261b19cf64b3bf684e269e839","dirty_hash":"1ef3b75af417f41468b9558671572e75e0fc055f9dbe6e805cfa6f59b1cddf70"}

.turbo/turbo-lint.log

@@ -18,12 +18,17 @@
   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
-  92: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
+  118: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/app/[locale]/standorte/[slug]/page.tsx
+   9:10  warning  'getButtonClasses' is defined but never used  @typescript-eslint/no-unused-vars
+   9:28  warning  'ButtonOverlay' is defined but never used     @typescript-eslint/no-unused-vars
+  58:9   warning  't' is assigned a value 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
@@ -76,14 +81,17 @@ Calling setState synchronously within an effect body causes cascading renders th
 /Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/InteractiveGermanyMap.tsx
    5:18  warning  'Factory' is defined but never used              @typescript-eslint/no-unused-vars
    5:27  warning  'Zap' is defined but never used                  @typescript-eslint/no-unused-vars
-  53:9   warning  'hq' is assigned a value but never used          @typescript-eslint/no-unused-vars
-  54:9   warning  'branch' is assigned a value but never used      @typescript-eslint/no-unused-vars
-  55:9   warning  'projects' is assigned a value but never used    @typescript-eslint/no-unused-vars
-  56:9   warning  'minorNodes' is assigned a value but never used  @typescript-eslint/no-unused-vars
+  56:9   warning  'hq' is assigned a value but never used          @typescript-eslint/no-unused-vars
+  57:9   warning  'branch' is assigned a value but never used      @typescript-eslint/no-unused-vars
+  58:9   warning  'projects' is assigned a value but never used    @typescript-eslint/no-unused-vars
+  59:9   warning  'minorNodes' is assigned a value but never used  @typescript-eslint/no-unused-vars
 
 /Volumes/Alpha SSD/Coding/e-tib.com/components/blocks/ReferencesSlider.test.tsx
-   5:10  warning  'NextIntlClientProvider' is defined but never used                                                                                                                                                                                                                                       @typescript-eslint/no-unused-vars
-  21:12  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
+  20:12  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/components/blocks/SubCompanyTiles.tsx
+  92:19  warning  'CardWrapper' is assigned a value but never used   @typescript-eslint/no-unused-vars
+  93:19  warning  'wrapperProps' 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
@@ -124,6 +132,15 @@ Calling setState synchronously within an effect body causes cascading renders th
   94:7  warning  'next' is never reassigned. Use 'const' instead  prefer-const
   95:7  warning  'prev' is never reassigned. Use 'const' instead  prefer-const
 
-✖ 45 problems (0 errors, 45 warnings)
+/Volumes/Alpha SSD/Coding/e-tib.com/lib/standorte-data.ts
+  1:10  warning  'LucideIcon' is defined but never used  @typescript-eslint/no-unused-vars
+  1:22  warning  'MapPin' is defined but never used      @typescript-eslint/no-unused-vars
+  1:30  warning  'Building2' is defined but never used   @typescript-eslint/no-unused-vars
+  1:41  warning  'HardHat' is defined but never used     @typescript-eslint/no-unused-vars
+  1:50  warning  'Phone' is defined but never used       @typescript-eslint/no-unused-vars
+  1:57  warning  'Mail' is defined but never used        @typescript-eslint/no-unused-vars
+  1:63  warning  'Navigation' is defined but never used  @typescript-eslint/no-unused-vars
+
+✖ 56 problems (0 errors, 56 warnings)
   0 errors and 2 warnings potentially fixable with the `--fix` option.
 

.turbo/turbo-test.log

@@ -5,27 +5,33 @@
 
  RUN  v4.1.2 /Volumes/Alpha SSD/Coding/e-tib.com
 
- ✓ tests/mdx-links.test.ts (1 test) 4ms
- ✓ lib/mail/mailer.test.ts (1 test) 2ms
- ✓ lib/env.test.ts (6 tests) 6ms
+(node:74132) [DEP0205] DeprecationWarning: `module.register()` is deprecated. Use `module.registerHooks()` instead.
+(Use `node --trace-deprecation ...` to show where the warning was created)
+ ✓ tests/homepage-and-competence-content.test.ts (4 tests) 10ms
+ ✓ tests/task-12-links.test.ts (2 tests) 5ms
+ ✓ tests/mdx-links.test.ts (1 test) 11ms
+ ✓ tests/legal-pages.test.ts (2 tests) 15ms
+ ✓ tests/messen-content.test.ts (2 tests) 30ms
+ ✓ lib/mail/mailer.test.ts (1 test) 4ms
+ ✓ components/search/AISearchResults.test.tsx (1 test) 25ms
 stderr | components/layout/LanguageSwitcher.test.tsx > LanguageSwitcher TDD > translates /en/trade-fairs to /de/messen when switching to German
 React does not recognize the `transitionMessage` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `transitionmessage` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
 
- ✓ components/layout/LanguageSwitcher.test.tsx (5 tests) 21ms
- ✓ components/search/AISearchResults.test.tsx (1 test) 26ms
+ ✓ components/layout/LanguageSwitcher.test.tsx (5 tests) 26ms
+ ✓ lib/env.test.ts (6 tests) 3ms
 stderr | components/blocks/ReferencesSlider.test.tsx > ReferencesSlider TDD > renders reference tiles correctly
 Received `true` for a non-boolean attribute `fill`.
 
 If you want to write it to the DOM, pass a string instead: fill="true" or fill={value.toString()}.
 
- ✓ components/blocks/ReferencesSlider.test.tsx (4 tests) 40ms
+ ✓ components/blocks/ReferencesSlider.test.tsx (2 tests) 43ms
 stdout | app/[locale]/referenzen/[slug]/page.test.tsx
 [Config] Initializing Toggles: { feedbackEnabled: false }
 
- ✓ app/[locale]/referenzen/[slug]/page.test.tsx (1 test) 6ms
+ ✓ app/[locale]/referenzen/[slug]/page.test.tsx (1 test) 7ms
 
- Test Files  7 passed (7)
-      Tests  19 passed (19)
-   Start at  14:12:48
-   Duration  1.80s (transform 863ms, setup 0ms, import 2.94s, tests 105ms, environment 3.18s)
+ Test Files  11 passed (11)
+      Tests  27 passed (27)
+   Start at  22:40:02
+   Duration  2.69s (transform 2.09s, setup 0ms, import 4.45s, tests 179ms, environment 8.10s)
 

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,137 +63,122 @@ 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 className="flex flex-col min-h-screen bg-white">
+      {/* Generic Hero Section to match standard pages */}
+      <section className="bg-primary-dark text-white pt-40 pb-12 md:pt-56 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-0 drop-shadow-sm">
+              {standort.name}
+            </Heading>
           </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">
+        </Container>
+      </section>
+
+      {/* Main Content Area */}
+      <Container className="py-16 md:py-24">
+        {/* Excerpt/Lead paragraph */}
+        <div className="mb-16 max-w-4xl mx-auto">
+          <p className="text-xl md:text-2xl text-text-primary leading-relaxed font-medium border-l-4 border-primary pl-8 py-2 italic">
             {standort.description[safeLocale]}
           </p>
         </div>
 
-        <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12">
-          {/* Main Content (Images & Description) */}
-          <div className="lg:col-span-8 space-y-8">
-            {/* Featured Image */}
-            <div className="relative aspect-video w-full rounded-3xl overflow-hidden bg-neutral-900 shadow-xl border border-neutral-200">
-              <Image
-                src={standort.image}
-                alt={standort.name}
-                fill
-                className="object-cover"
-                priority
-              />
-              <div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent" />
-            </div>
-
-            {/* Key Features */}
-            <div className="bg-white rounded-3xl p-8 md:p-10 shadow-sm border border-neutral-100">
-              <h2 className="text-2xl font-bold font-heading mb-6 text-neutral-dark">
-                {safeLocale === 'de' ? 'Unsere Leistungen vor Ort' : 'Our Local Services'}
-              </h2>
-              <ul className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-                {standort.keyFeatures[safeLocale].map((feature, idx) => (
-                  <li key={idx} className="flex items-start gap-3">
-                    <CheckCircle2 className="w-5 h-5 text-primary shrink-0 mt-0.5" />
-                    <span className="text-neutral-700 font-medium">{feature}</span>
-                  </li>
-                ))}
-              </ul>
-            </div>
+        {/* Main content in prose style */}
+        <div className="max-w-4xl mx-auto">
+          <div className="prose prose-lg md:prose-xl prose-neutral max-w-none prose-headings:font-heading prose-headings:font-bold prose-headings:tracking-tight prose-h1:text-4xl prose-h2:text-3xl prose-h2:mt-12 prose-h2:border-b prose-h2:border-neutral-200 prose-h2:pb-4 prose-h3:text-2xl prose-p:text-text-secondary prose-p:leading-relaxed prose-a:text-primary prose-a:font-medium prose-a:underline prose-a:underline-offset-4 prose-a:decoration-primary/30 hover:prose-a:decoration-primary prose-strong:text-text-primary prose-strong:font-semibold prose-li:text-text-secondary prose-ul:list-disc prose-ol:list-decimal">
             
-            {/* Gallery (if any) */}
+            <img className="rounded-2xl shadow-2xl my-12 max-w-full h-auto border border-neutral-100" src={standort.image} alt={standort.name} />
+
+            <h2 className="mt-16 mb-6 border-b border-neutral-100 pb-4">{safeLocale === 'de' ? 'Unsere Leistungen vor Ort' : 'Our Local Services'}</h2>
+            <ul className="list-none mb-8 space-y-3 text-base md:text-lg text-text-secondary font-medium max-w-3xl">
+              {standort.keyFeatures[safeLocale].map((feature, idx) => (
+                <li key={idx} className="relative pl-6 before:content-[''] before:absolute before:left-0 before:top-[0.6em] before:w-2 before:h-2 before:bg-primary/50 before:rounded-sm">
+                  {feature}
+                </li>
+              ))}
+            </ul>
+
+            <h2 className="mt-16 mb-6 border-b border-neutral-100 pb-4">{safeLocale === 'de' ? 'Kontakt & Anfahrt' : 'Contact & Directions'}</h2>
+            
+            <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-medium max-w-3xl">
+              <strong>{safeLocale === 'de' ? 'Adresse:' : 'Address:'}</strong><br/>
+              {standort.address.street}<br/>
+              {standort.address.city}
+            </p>
+            <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-medium max-w-3xl">
+              <TrackedLink 
+                href={`https://maps.google.com/?q=${encodeURIComponent(`${standort.address.street}, ${standort.address.city}`)}`}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-primary hover:text-primary-dark underline decoration-primary/30 underline-offset-4 hover:decoration-primary transition-all font-bold flex items-center gap-1 w-fit"
+                eventProperties={{ location: 'standort_maps_link', slug: standort.id }}
+              >
+                {safeLocale === 'de' ? 'In Google Maps öffnen' : 'Open in Google Maps'}
+                <ArrowUpRight className="w-4 h-4 inline-block" />
+              </TrackedLink>
+            </p>
+
+            <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-medium max-w-3xl">
+              <strong>{safeLocale === 'de' ? 'Telefon:' : 'Phone:'}</strong><br/>
+              <a href={`tel:${standort.contact.phone.replace(/[^0-9+]/g, '')}`} className="text-primary hover:text-primary-dark underline decoration-primary/30 underline-offset-4 hover:decoration-primary transition-all font-bold">
+                {standort.contact.phone}
+              </a>
+            </p>
+
+            <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-medium max-w-3xl">
+              <strong>Email:</strong><br/>
+              <a href={`mailto:${standort.contact.email}`} className="text-primary hover:text-primary-dark underline decoration-primary/30 underline-offset-4 hover:decoration-primary transition-all font-bold">
+                {standort.contact.email}
+              </a>
+            </p>
+
             {standort.gallery && standort.gallery.length > 0 && (
-              <div className="grid grid-cols-2 gap-4">
-                {standort.gallery.map((img, idx) => (
-                  <div key={idx} className="relative aspect-[4/3] rounded-2xl overflow-hidden bg-neutral-100">
-                    <Image src={img} alt={`Gallery ${idx + 1}`} fill className="object-cover" />
-                  </div>
-                ))}
-              </div>
+              <>
+                <h2 className="mt-16 mb-6 border-b border-neutral-100 pb-4">Galerie</h2>
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6 not-prose my-12">
+                  {standort.gallery.map((img, idx) => (
+                    <div key={idx} className="relative aspect-[4/3] rounded-2xl overflow-hidden bg-neutral-100 border border-neutral-200 shadow-md hover:shadow-xl transition-shadow duration-300">
+                      <Image src={img} alt={`Gallery ${idx + 1}`} fill className="object-cover transition-transform duration-700 hover:scale-105" />
+                    </div>
+                  ))}
+                </div>
+              </>
             )}
           </div>
+        </div>
+      </Container>
 
-          {/* Sidebar (Contact & Address) */}
-          <div className="lg:col-span-4">
-            <div className="sticky top-32 space-y-6">
-              
-              {/* Contact Card */}
-              <div className="bg-[#050B14] text-white rounded-3xl p-8 shadow-2xl relative overflow-hidden group">
-                <AnimatedGlossyBorder opacity={0.5} className="z-10" />
-                <div className="absolute top-0 right-0 w-64 h-full bg-primary/5 blur-3xl -translate-y-1/2 translate-x-1/3" />
-                
-                <div className="relative z-20">
-                  <h3 className="text-xl font-bold font-heading mb-6 flex items-center gap-2">
-                    <Navigation className="w-5 h-5 text-primary" />
-                    {safeLocale === 'de' ? 'Kontakt & Anfahrt' : 'Contact & Directions'}
-                  </h3>
-                  
-                  <div className="space-y-6">
-                    <div className="flex items-start gap-4">
-                      <div className="w-10 h-10 rounded-full bg-white/5 flex items-center justify-center shrink-0">
-                        <MapPin className="w-5 h-5 text-primary" />
-                      </div>
-                      <div>
-                        <div className="text-xs text-white/50 font-bold uppercase tracking-wider mb-1">
-                          {safeLocale === 'de' ? 'Adresse' : 'Address'}
-                        </div>
-                        <div className="text-white font-medium">
-                          {standort.address.street}<br />
-                          {standort.address.city}
-                        </div>
-                        <TrackedLink 
-                          href={`https://maps.google.com/?q=${encodeURIComponent(`${standort.address.street}, ${standort.address.city}`)}`}
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          className="inline-flex items-center gap-1 mt-2 text-primary hover:text-white transition-colors text-sm font-bold"
-                          eventProperties={{ location: 'standort_maps_link', slug: standort.id }}
-                        >
-                          {safeLocale === 'de' ? 'In Google Maps öffnen' : 'Open in Google Maps'}
-                          <ArrowUpRight className="w-3.5 h-3.5" />
-                        </TrackedLink>
-                      </div>
-                    </div>
-                    
-                    <div className="flex items-start gap-4">
-                      <div className="w-10 h-10 rounded-full bg-white/5 flex items-center justify-center shrink-0">
-                        <Phone className="w-5 h-5 text-primary" />
-                      </div>
-                      <div>
-                        <div className="text-xs text-white/50 font-bold uppercase tracking-wider mb-1">
-                          {safeLocale === 'de' ? 'Telefon' : 'Phone'}
-                        </div>
-                        <a href={`tel:${standort.contact.phone.replace(/[^0-9+]/g, '')}`} className="text-white font-medium hover:text-primary transition-colors">
-                          {standort.contact.phone}
-                        </a>
-                      </div>
-                    </div>
-                    
-                    <div className="flex items-start gap-4">
-                      <div className="w-10 h-10 rounded-full bg-white/5 flex items-center justify-center shrink-0">
-                        <Mail className="w-5 h-5 text-primary" />
-                      </div>
-                      <div>
-                        <div className="text-xs text-white/50 font-bold uppercase tracking-wider mb-1">
-                          Email
-                        </div>
-                        <a href={`mailto:${standort.contact.email}`} className="text-white font-medium hover:text-primary transition-colors">
-                          {standort.contact.email}
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-            </div>
+      {/* Support Section */}
+      <Container>
+        <div className="mt-12 mb-24 p-8 md:p-12 bg-primary-dark rounded-3xl text-white shadow-2xl relative overflow-hidden group animate-slight-fade-in-from-bottom">
+          <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">{t('needHelp')}</h3>
+            <p className="text-lg text-white/70 mb-8">{t('supportTeamAvailable')}</p>
+            <TrackedLink
+              href={`/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}`}
+              className={getButtonClasses('accent', 'lg')}
+              eventProperties={{
+                location: 'standort_page_support_cta',
+                page_slug: slug,
+              }}
+            >
+              <span className="relative z-10 flex items-center justify-center gap-2 transition-colors duration-500 group-hover/btn:text-primary-dark">
+                {t('contactUs')}
+                <span className="ml-2 transition-transform group-hover/btn:translate-x-1">
+                  &rarr;
+                </span>
+              </span>
+              <ButtonOverlay variant="accent" />
+            </TrackedLink>
           </div>
         </div>
       </Container>

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, Kirchheilingen und Bülstedt.'
-      : 'The operational locations of the E-TIB Group: Guben, Kirchheilingen 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,10 +44,11 @@ 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, Kirchheilingen, and Bülstedt, we control and implement complex infrastructure projects nationwide.' 
+          ? '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.'}
       />
 

components/blocks/InteractiveGermanyMap.tsx

@@ -7,12 +7,10 @@ import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import Link from 'next/link';
 import { AnimatedGlossyBorder } from '@/components/ui/AnimatedGlossyBorder';
-import { Location, defaultLocations, minorLocations } from '@/lib/map-data';
+import { Location, defaultLocations, minorLocations, projectLocations } from '@/lib/map-data';
 import { standorteLocations } from '@/lib/standorte-data';
 import { useLocale, useTranslations } from 'next-intl';
 
-const allLocations = [...standorteLocations, ...defaultLocations, ...minorLocations];
-
 interface Stat {
   value: string;
   suffix?: string;
@@ -34,7 +32,7 @@ export function InteractiveGermanyMap({
   title,
   description,
   stats,
-  locations = allLocations,
+  locations = projectLocations,
   isHero = false
 }: InteractiveGermanyMapProps) {
   const [activeLocation, setActiveLocation] = useState<Location | null>(null);
@@ -51,7 +49,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}

content/de/bohrtechnik.mdx

@@ -1,5 +1,5 @@
 ---
-title: "Grabenlose Leitungsverlegung"
+title: "Bohrtechnik"
 date: "2024-03-20"
 excerpt: "Präzise Horizontalspülbohrungen und Erdraketen in allen Bodenklassen für eine absolut oberflächenschonende und effiziente Leitungsverlegung."
 layout: "fullBleed"
@@ -7,8 +7,8 @@ layout: "fullBleed"
 
 <HeroSection
   badge="Kernkompetenz"
-  title="Grabenlose Verlegung"
-  subtitle="Oberflächenschonende Horizontalspülbohrungen und Erdraketen"
+  title="Bohrtechnik"
+  subtitle="Grabenlose Leitungsverlegung, Horizontalspülbohrungen und Erdraketen"
   backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
   alignment="center"
   ctaLabel="Projekt anfragen"

content/de/ueber-uns.mdx

@@ -86,7 +86,7 @@ layout: "fullBleed"
       title: "E-TIB Bohrtechnik GmbH",
       description: "Präzise Horizontalspülbohrungen in allen Bodenklassen für eine oberflächenschonende und grabenlose Leitungsverlegung.",
       icon: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",
-      url: "/de/bohrtechnik",
+      url: "/de/standorte/kirchheilingen",
       backgroundImage: "/assets/photos/DSC08653.JPG"
     }
     ]}

content/en/bohrtechnik.mdx

@@ -1,5 +1,5 @@
 ---
-title: "Trenchless Line Laying"
+title: "Drilling Technology"
 date: "2024-03-20"
 excerpt: "Precise horizontal directional drilling and earth rockets in all soil classes for surface-friendly and efficient line laying."
 layout: "fullBleed"
@@ -7,8 +7,8 @@ layout: "fullBleed"
 
 <HeroSection
   badge="Core Competency"
-  title="Trenchless Laying"
-  subtitle="Surface-friendly horizontal directional drilling and earth rockets"
+  title="Drilling Technology"
+  subtitle="Trenchless Laying, horizontal directional drilling and earth rockets"
   backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
   alignment="center"
   ctaLabel="Request a project"

content/en/ueber-uns.mdx

@@ -86,7 +86,7 @@ layout: "fullBleed"
         title: "E-TIB Bohrtechnik GmbH",
         description: "Precise horizontal directional drilling in all soil classes for surface-friendly and trenchless pipe laying.",
         icon: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",
-        url: "/en/drilling-technology",
+        url: "/en/standorte/kirchheilingen",
         backgroundImage: "/assets/photos/DSC08653.JPG"
       }
     ]}

lib/map-data.ts

@@ -896,3 +896,4 @@ export const minorLocations: Location[] = [
     description: 'pv',
   },
 ];
+export const projectLocations = [...defaultLocations, ...minorLocations];

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)

runs.json

@@ -0,0 +1 @@
+{"message":"token is required","url":"https://git.infra.mintel.me/api/swagger"}

scripts/smoke.ts

@@ -29,7 +29,12 @@ async function run() {
     console.log(`  Waiting for potential Gatekeeper redirect...`);
     await new Promise((resolve) => setTimeout(resolve, 3000));
 
-    const isGatekeeper = await page.$('input[name="password"]');
+    let isGatekeeper = null;
+    try {
+      isGatekeeper = await page.$('input[name="password"]');
+    } catch (e) {
+      console.log('Navigation happened while checking gatekeeper:', e.message);
+    }
     if (isGatekeeper) {
       await page.type('input[name="password"]', gatekeeperPassword);
       await Promise.all([
@@ -65,7 +70,7 @@ async function run() {
           urls.map(async (url) => {
             if (url.includes('openstreetmap.org') || url.includes('unpkg.com')) return;
             try {
-              const res = await fetch(url, { method: 'HEAD' });
+              const res = await fetch(url, { method: 'GET' });
               if (res.status >= 400) {
                 // Diagnostic: check if the raw source is available
                 const rawUrlMatch = url.match(/[?&]url=([^&]+)/);
@@ -73,7 +78,7 @@ async function run() {
                   const rawPath = decodeURIComponent(rawUrlMatch[1]);
                   const baseUrl = new URL(url).origin;
                   const rawUrl = `${baseUrl}${rawPath}`;
-                  const rawRes = await fetch(rawUrl, { method: 'HEAD' });
+                  const rawRes = await fetch(rawUrl, { method: 'GET' });
                   broken.push(`${url} (Status: ${res.status}, Raw Status: ${rawRes.status})`);
                 } else {
                   broken.push(`${url} (Status: ${res.status})`);

test-contact-auth.cjs

@@ -0,0 +1,32 @@
+const puppeteer = require('puppeteer');
+(async () => {
+  const targetUrl = 'https://test.e-tib.com';
+  const gatekeeperPassword = process.env.GATEKEEPER_PASSWORD || 'klz2026';
+
+  const browser = await puppeteer.launch({ headless: true });
+  const page = await browser.newPage();
+  
+  await page.goto(targetUrl, { waitUntil: 'domcontentloaded' });
+  await new Promise((resolve) => setTimeout(resolve, 3000));
+  
+  const isGatekeeper = await page.$('input[name="password"]');
+  if (isGatekeeper) {
+    await page.type('input[name="password"]', gatekeeperPassword);
+    await Promise.all([
+      page.click('button[type="submit"]'),
+    ]);
+    await new Promise((resolve) => setTimeout(resolve, 5000));
+  }
+  
+  await page.screenshot({ path: 'after-login.png' });
+  
+  await page.goto(`${targetUrl}/de/kontakt`, { waitUntil: 'domcontentloaded' });
+  await new Promise(r => setTimeout(r, 2000));
+  
+  const html = await page.content();
+  const fs = require('fs');
+  fs.writeFileSync('contact-page-auth-debug.html', html);
+  await page.screenshot({ path: 'contact.png' });
+  
+  await browser.close();
+})();

test-contact.cjs

@@ -0,0 +1,12 @@
+const puppeteer = require('puppeteer');
+(async () => {
+  const browser = await puppeteer.launch({ headless: true });
+  const page = await browser.newPage();
+  
+  await page.goto('https://test.e-tib.com/de/kontakt', { waitUntil: 'networkidle0' });
+  const html = await page.content();
+  const fs = require('fs');
+  fs.writeFileSync('contact-page-debug.html', html);
+  
+  await browser.close();
+})();

test-contact.js

@@ -0,0 +1,12 @@
+const puppeteer = require('puppeteer');
+(async () => {
+  const browser = await puppeteer.launch({ headless: true });
+  const page = await browser.newPage();
+  
+  await page.goto('https://test.e-tib.com/de/kontakt', { waitUntil: 'networkidle0' });
+  const html = await page.content();
+  const fs = require('fs');
+  fs.writeFileSync('contact-page-debug.html', html);
+  
+  await browser.close();
+})();

test-login-error.cjs

@@ -0,0 +1,24 @@
+const puppeteer = require('puppeteer');
+(async () => {
+  const targetUrl = 'https://test.e-tib.com';
+  const gatekeeperPassword = process.env.GATEKEEPER_PASSWORD || 'klz2026';
+
+  const browser = await puppeteer.launch({ headless: true });
+  const page = await browser.newPage();
+  
+  await page.goto(targetUrl, { waitUntil: 'networkidle0' });
+  const isGatekeeper = await page.$('input[name="password"]');
+  if (isGatekeeper) {
+    await page.type('input[name="password"]', gatekeeperPassword);
+    await Promise.all([
+      page.click('button[type="submit"]'),
+      page.waitForNavigation({ waitUntil: 'networkidle0' }).catch(() => {})
+    ]);
+    const html = await page.content();
+    const fs = require('fs');
+    fs.writeFileSync('login-result.html', html);
+  } else {
+    console.log("No gatekeeper found!");
+  }
+  await browser.close();
+})();