chore(release): 2.4.42

.agents/AGENTS.md

@@ -0,0 +1,9 @@
+<RULE[zero_trust_no_proof]>
+# 🚫 ZERO TRUST & BEWEISPFLICHT
+
+Dein Wort hat absolut keinen Wert, wenn du es nicht mit einem harten Test beweisen kannst.
+
+- **Keine Behauptungen:** Wenn du sagst, dass etwas funktioniert, ist das wertlos. Code, der nicht getestet ist, gilt als defekt.
+- **Beweispflicht:** Jede Code-Änderung, jeder Fix und jede Logik-Anpassung MUSS durch einen begleitenden, erfolgreichen automatisierten Test bewiesen werden.
+- **TDD (Test-Driven Development) ist Gesetz:** Ohne einen fehlschlagenden Test darfst du keinen Code schreiben. Ohne einen grünen Test darfst du keinen Code als fertig deklarieren.
+</RULE[zero_trust_no_proof]>

.env

@@ -27,7 +27,7 @@ UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me
 # Error Tracking (GlitchTip/Sentry)
 # ────────────────────────────────────────────────────────────────────────────
 # Optional: Leave empty to disable error tracking
-SENTRY_DSN=https://dcb81958-dbf2-4a3d-b422-875f4672c14b@glitchtip.infra.mintel.me/5
+SENTRY_DSN=https://dcb81958dbf24a3db422875f4672c14b@errors.infra.mintel.me/5
 
 # ────────────────────────────────────────────────────────────────────────────
 # Email Configuration (SMTP)
@@ -45,7 +45,6 @@ MAIL_RECIPIENTS=info@e-tib.com
 # ────────────────────────────────────────────────────────────────────────────
 LOG_LEVEL=info
 GATEKEEPER_PASSWORD=klz2026
-SENTRY_DSN=
 # SENTRY_ENVIRONMENT is set automatically by CI
 
 # ────────────────────────────────────────────────────────────────────────────

.env.example

@@ -45,7 +45,6 @@ MAIL_RECIPIENTS=info@e-tib.com
 # ────────────────────────────────────────────────────────────────────────────
 LOG_LEVEL=info
 GATEKEEPER_PASSWORD=klz2026
-SENTRY_DSN=
 # SENTRY_ENVIRONMENT is set automatically by CI
 
 # ────────────────────────────────────────────────────────────────────────────

.env.production

@@ -16,7 +16,7 @@ UMAMI_WEBSITE_ID=d773ea10-a3b3-4ccf-9024-987e14c4d669
 UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me
 
 # Error Tracking (GlitchTip/Sentry)
-SENTRY_DSN=
+SENTRY_DSN=https://dcb81958dbf24a3db422875f4672c14b@errors.infra.mintel.me/5
 
 # Email Configuration (Mailgun)
 MAIL_HOST=smtp.eu.mailgun.org

.gitea/workflows/deploy.yml

@@ -47,14 +47,7 @@ jobs:
         run: |
           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 skipped to prevent runner corruption."
-          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 ==="
@@ -340,6 +333,9 @@ jobs:
           {
             echo "# Generated by CI - $TARGET"
             echo "IMAGE_TAG=$IMAGE_TAG"
+            if [[ "$TARGET" != "production" ]]; then
+              echo "NODE_TLS_REJECT_UNAUTHORIZED=0"
+            fi
             echo "NEXT_PUBLIC_BASE_URL=$NEXT_PUBLIC_BASE_URL"
             echo "GATEKEEPER_ORIGIN=$GATEKEEPER_ORIGIN"
             echo "SENTRY_DSN=$SENTRY_DSN"

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

@@ -1,4 +1,5 @@
 import { notFound, redirect } from 'next/navigation';
+import { getImageProps } from 'next/image';
 import { Container, Badge, Heading } from '@/components/ui';
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
@@ -49,10 +50,33 @@ const mdxComponents = {
   JsonLd,
   Button,
   Badge,
+  Heading,
   AnimatedCounter,
   GrowthChart,
   DeepDrillAnimation,
   DataGridPulse,
+  ResponsiveImage: (props: any) => {
+    let src = props.src;
+    if (typeof src === 'string' && src.startsWith('/_next/image')) {
+      try {
+        const urlParam = new URLSearchParams(src.split('?')[1]).get('url');
+        if (urlParam) src = decodeURIComponent(urlParam);
+      } catch (_e) {
+        // Ignore invalid URL parsing
+      }
+    }
+    const { props: { srcSet, src: finalSrc, sizes } } = getImageProps({
+      src,
+      alt: props.alt || '',
+      width: 1920,
+      height: 1080,
+      sizes: '(max-width: 768px) 100vw, (max-width: 1200px) 75vw, 50vw',
+      quality: 80,
+    });
+    return (
+      <img {...props} src={finalSrc} srcSet={srcSet} sizes={sizes} loading="lazy" decoding="async" />
+    );
+  },
   // 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} />,

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

@@ -1,4 +1,5 @@
 import { notFound, redirect } from 'next/navigation';
+import { getImageProps } from 'next/image';
 import JsonLd from '@/components/JsonLd';
 import { SITE_URL } from '@/lib/schema';
 import {
@@ -24,6 +25,28 @@ const mdxComponents = {
   h2: (props: any) => <Heading level={2} size="3" className="mt-16 mb-6 border-b border-neutral-100 pb-4" {...props} />,
   h3: (props: any) => <Heading level={3} size="4" className="mt-12 mb-4 text-primary" {...props} />,
   h4: (props: any) => <Heading level={4} size="5" className="mt-8 mb-4 uppercase tracking-widest text-neutral-500" {...props} />,
+  ResponsiveImage: (props: any) => {
+    let src = props.src;
+    if (typeof src === 'string' && src.startsWith('/_next/image')) {
+      try {
+        const urlParam = new URLSearchParams(src.split('?')[1]).get('url');
+        if (urlParam) src = decodeURIComponent(urlParam);
+      } catch (_e) {
+        // Ignore invalid URL parsing
+      }
+    }
+    const { props: { srcSet, src: finalSrc, sizes } } = getImageProps({
+      src,
+      alt: props.alt || '',
+      width: 1920,
+      height: 1080,
+      sizes: '(max-width: 768px) 100vw, (max-width: 1200px) 75vw, 50vw',
+      quality: 80,
+    });
+    return (
+      <img {...props} src={finalSrc} srcSet={srcSet} sizes={sizes} loading="lazy" decoding="async" />
+    );
+  },
   p: (props: any) => <p className="text-base md:text-lg text-text-secondary leading-[1.8] mb-6 font-normal max-w-3xl" {...props} />,
   ul: (props: any) => <ul className="list-none mb-8 space-y-3 text-base md:text-lg text-text-secondary font-normal max-w-3xl" {...props} />,
   ol: (props: any) => <ol className="list-decimal pl-6 mb-8 space-y-3 text-base md:text-lg text-text-secondary font-normal max-w-3xl" {...props} />,
@@ -118,7 +141,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
 
           {/* Title overlay on image */}
           <div className="absolute inset-0 flex flex-col justify-end pb-16 md:pb-24">
-            <div className="container mx-auto px-4">
+            <div className="container mx-auto max-w-7xl px-4">
               <div className="max-w-4xl bg-neutral-dark/40 backdrop-blur-md p-6 rounded-2xl border border-white/10">
                 {post.frontmatter.category && (
                   <div className="overflow-hidden mb-6">
@@ -192,7 +215,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
       )}
 
       {/* Main Content Area with Sticky Narrative Layout */}
-      <div className="container mx-auto px-4 py-16 md:py-24">
+      <div className="container mx-auto max-w-7xl px-4 py-16 md:py-24">
         <div className="sticky-narrative-container">
           {/* Left Column: Content */}
           <div className="sticky-narrative-content">

app/[locale]/errors/api/relay/route.ts

@@ -1,13 +1,83 @@
 import { NextResponse } from 'next/server';
+import https from 'https';
+
+const ALLOWED_HOSTS = ['glitchtip.infra.mintel.me', 'errors.infra.mintel.me'];
 
 export async function POST(req: Request) {
   try {
     const rawText = await req.text();
-    // Sentry sends NDJSON (Newline Delimited JSON). Split by newline to parse safely.
+    const items = rawText.split('\n');
-    const items = rawText.split('\n').filter(Boolean).map(line => JSON.parse(line));
+    
-    console.log("CLIENT ERROR INTERCEPTED:", JSON.stringify(items[0], null, 2));
+    if (items.length === 0 || !items[0]) {
+      return NextResponse.json({ error: 'Empty payload' }, { status: 400 });
+    }
+
+    const header = JSON.parse(items[0]);
+    // Use the server's configured DSN (if available) to override the client's potentially fake DSN
+    // This allows the client to work without exposing NEXT_PUBLIC_SENTRY_DSN
+    const dsn = process.env.SENTRY_DSN || header.dsn;
+    if (!dsn) {
+      return NextResponse.json({ error: 'No DSN found' }, { status: 400 });
+    }
+
+    const url = new URL(dsn);
+    const projectId = url.pathname.replace('/', '');
+    const host = url.hostname;
+
+    if (!ALLOWED_HOSTS.includes(host)) {
+      return NextResponse.json({ error: 'Invalid Sentry Host' }, { status: 400 });
+    }
+
+    // Rewrite the DSN in the envelope header so Glitchtip doesn't reject the fake client DSN
+    if (process.env.SENTRY_DSN) {
+      header.dsn = process.env.SENTRY_DSN;
+      items[0] = JSON.stringify(header);
+    }
+
+    const sentryIngestUrl = `https://${host}/api/${projectId}/envelope/`;
+    const payloadToForward = items.join('\n');
+
+    return new Promise<NextResponse>((resolve) => {
+      const req = https.request(
+        sentryIngestUrl,
+        {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/x-sentry-envelope',
+          },
+          // Bypass self-signed cert error since glitchtip.infra.mintel.me uses an internal CA
+          // that the Next.js docker container doesn't trust by default.
+          rejectUnauthorized: false,
+        },
+        (res) => {
+          res.on('data', () => {
+            // Consume data to free up memory
+          });
+          res.on('end', () => {
+            if (res.statusCode && res.statusCode >= 200 && res.statusCode < 300) {
+              resolve(NextResponse.json({ success: true }));
+            } else {
+              resolve(
+                NextResponse.json(
+                  { error: `Relay rejected (${res.statusCode})` },
+                  { status: res.statusCode || 500 }
+                )
+              );
+            }
+          });
+        }
+      );
+
+      req.on('error', (err) => {
+        console.error('[Sentry Tunnel] https.request failed', err);
+        resolve(NextResponse.json({ error: 'Relay failed' }, { status: 500 }));
+      });
+
+      req.write(payloadToForward);
+      req.end();
+    });
   } catch (e) {
-    console.log("Failed to parse relay body (NDJSON)", e);
+    console.error("[Sentry Tunnel] Failed to parse or relay body", e);
+    return NextResponse.json({ error: 'Relay failed' }, { status: 500 });
   }
-  return NextResponse.json({ success: true });
 }

app/[locale]/referenzen/page.tsx

@@ -1,4 +1,5 @@
 import { Container, Heading, Badge } from '@/components/ui';
+import { getImageProps } from 'next/image';
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
 import { getAllReferences } from '@/lib/references';
@@ -39,6 +40,29 @@ const mdxComponents = {
   ul: (props: any) => <ul className="grid grid-cols-1 gap-2 mb-6" {...props} />,
   li: CustomLi,
   p: (props: any) => <p className="text-neutral-600 text-sm mb-4 leading-relaxed" {...props} />,
+  Heading,
+  ResponsiveImage: (props: any) => {
+    let src = props.src;
+    if (typeof src === 'string' && src.startsWith('/_next/image')) {
+      try {
+        const urlParam = new URLSearchParams(src.split('?')[1]).get('url');
+        if (urlParam) src = decodeURIComponent(urlParam);
+      } catch (_e) {
+        // Ignore invalid URL parsing
+      }
+    }
+    const { props: { srcSet, src: finalSrc, sizes } } = getImageProps({
+      src,
+      alt: props.alt || '',
+      width: 1920,
+      height: 1080,
+      sizes: '(max-width: 768px) 100vw, (max-width: 1200px) 75vw, 50vw',
+      quality: 80,
+    });
+    return (
+      <img {...props} src={finalSrc} srcSet={srcSet} sizes={sizes} loading="lazy" decoding="async" />
+    );
+  },
 };
 
 interface PageProps {

app/globals.css

@@ -3,6 +3,34 @@
 
 @config "../tailwind.config.cjs";
 
+/* Tailwind v4 Container Polyfill */
+@utility container {
+  width: 100%;
+  margin-inline: auto !important;
+  padding-inline: 1rem;
+
+  @media (min-width: 640px) {
+    max-width: 640px;
+    padding-inline: 1.5rem;
+  }
+  @media (min-width: 768px) {
+    max-width: 768px;
+    padding-inline: 2rem;
+  }
+  @media (min-width: 1024px) {
+    max-width: 1024px;
+    padding-inline: 2.5rem;
+  }
+  @media (min-width: 1280px) {
+    max-width: 1280px;
+    padding-inline: 3rem;
+  }
+  @media (min-width: 1536px) {
+    max-width: 1536px;
+    padding-inline: 4rem;
+  }
+}
+
 /* E-TIB Custom Utilities */
 @layer utilities {
   .text-balance {
@@ -88,34 +116,30 @@
 }
 /* trigger rebuild */
 
-@layer utilities {
+@keyframes hero-fade-in-up {
-  @keyframes hero-fade-in-up {
+  from {
-    from {
+    opacity: 0;
-      opacity: 0;
+    transform: translateY(30px);
-      transform: translateY(30px);
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
   }
-  
+  to {
-  .animate-hero-fade-in-up {
+    opacity: 1;
-    animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+    transform: translateY(0);
   }
 }
 
-@layer utilities {
+@utility animate-hero-fade-in-up {
-  @keyframes hero-zoom-out {
+  animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-    from {
+}
-      transform: scale(1.05);
+
-    }
+@keyframes hero-zoom-out {
-    to {
+  from {
-      transform: scale(1);
+    transform: scale(1.05);
-    }
   }
-  
+  to {
-  .animate-hero-zoom-out {
+    transform: scale(1);
-    animation: hero-zoom-out 1.5s ease-out forwards;
   }
 }
+
+@utility animate-hero-zoom-out {
+  animation: hero-zoom-out 1.5s ease-out forwards;
+}

components/ContactForm.tsx

@@ -81,7 +81,7 @@ export default function ContactForm() {
             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
           </svg>
         </div>
-        <Heading level={3} className="mb-4">
+        <Heading level={3} align="center" className="mb-4">
           {t('form.successTitle') || 'Message Sent!'}
         </Heading>
         <p className="text-text-secondary text-lg mb-8">
@@ -115,7 +115,7 @@ export default function ContactForm() {
             <line x1="9" y1="9" x2="15" y2="15" strokeLinecap="round" strokeLinejoin="round" />
           </svg>
         </div>
-        <Heading level={3} className="mb-4 text-destructive font-black">
+        <Heading level={3} align="center" className="mb-4 text-destructive font-black">
           {t('form.errorTitle') || 'Submission Failed!'}
         </Heading>
         <p className="text-destructive/80 text-lg mb-8 leading-relaxed font-medium">

components/analytics/AnalyticsShell.tsx

@@ -22,11 +22,18 @@ export default function AnalyticsShell() {
       return;
     }
 
+    const initServices = () => {
+      import('@/lib/services/create-services').then(({ getAppServices }) => {
+        getAppServices();
+        setShouldLoad(true);
+      }).catch(console.error);
+    };
+
     // Wait until browser is completely idle before loading heavy analytics/logger/sentry SDKs
     if (typeof window !== 'undefined' && 'requestIdleCallback' in window) {
-      window.requestIdleCallback(() => setShouldLoad(true), { timeout: 3000 });
+      window.requestIdleCallback(initServices, { timeout: 3000 });
     } else {
-      const timer = setTimeout(() => setShouldLoad(true), 2500);
+      const timer = setTimeout(initServices, 2500);
       return () => clearTimeout(timer);
     }
   }, []);

components/blocks/CertificatesBlock.tsx

@@ -148,7 +148,8 @@ export function CertificatesBlock({ badge, title, description, certificates = de
             const wrapperProps = cert.pdfUrl ? {
               href: encodeURI(cert.pdfUrl),
               target: "_blank",
-              rel: "noopener noreferrer"
+              rel: "noopener noreferrer",
+              download: cert.pdfUrl.split('/').pop()
             } : {};
             
             return (

components/blocks/CompanyTimeline.tsx

@@ -85,7 +85,7 @@ export function CompanyTimeline({
       <div className="absolute top-0 right-0 w-[600px] h-[600px] bg-primary/5 rounded-full blur-[100px] pointer-events-none -translate-y-1/2 translate-x-1/3" />
       <div className="absolute bottom-0 left-0 w-[800px] h-[800px] bg-neutral-200/40 rounded-full blur-[120px] pointer-events-none translate-y-1/3 -translate-x-1/3" />
 
-      <div className="container max-w-5xl relative z-10">
+      <div className="container mx-auto max-w-5xl relative z-10">
         <div className="text-center mb-12 md: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" />

components/blocks/HeroSection.tsx

@@ -60,26 +60,26 @@ export const HeroSection: React.FC<HeroSectionProps> = (props) => {
           className={`max-w-4xl ${alignment === 'center' ? 'mx-auto' : ''}`}
         >
           {badge && (
-            <div className="animate-hero-fade-in-up" style={{ animationDelay: '0.1s', opacity: 0, animationFillMode: 'forwards' }}>
+            <div className="animate-hero-fade-in-up" style={{ animationDelay: '0.1s', animationFillMode: 'both' }}>
               <Badge variant="saturated" className="mb-4 md:mb-8 shadow-lg">
                 {badge}
               </Badge>
             </div>
           )}
-            <div className="animate-hero-fade-in-up" style={{ animationDelay: badge ? '0.25s' : '0.1s', opacity: 0, animationFillMode: 'forwards' }}>
+            <div className="animate-hero-fade-in-up" style={{ animationDelay: badge ? '0.25s' : '0.1s', animationFillMode: 'both' }}>
               <Heading level={1} size="section" variant="white" align={alignment || 'left'} className="mb-4 md:mb-8">
                 {title}
               </Heading>
             </div>
           {subtitle && (
-            <div className="animate-hero-fade-in-up" style={{ animationDelay: badge ? '0.4s' : '0.25s', opacity: 0, animationFillMode: 'forwards' }}>
+            <div className="animate-hero-fade-in-up" style={{ animationDelay: badge ? '0.4s' : '0.25s', animationFillMode: 'both' }}>
               <p className={`text-lg md:text-2xl text-white/70 font-medium leading-relaxed max-w-2xl ${alignment === 'center' ? 'mx-auto' : ''}`}>
                 {subtitle}
               </p>
             </div>
           )}
           {ctaLabel && ctaHref && (
-            <div className={`mt-8 animate-hero-fade-in-up ${alignment === 'center' ? 'flex flex-wrap justify-center gap-4' : 'flex flex-wrap gap-4'}`} style={{ animationDelay: badge ? '0.55s' : '0.4s', opacity: 0, animationFillMode: 'forwards' }}>
+            <div className={`mt-8 animate-hero-fade-in-up ${alignment === 'center' ? 'flex flex-wrap justify-center gap-4' : 'flex flex-wrap gap-4'}`} style={{ animationDelay: badge ? '0.55s' : '0.4s', animationFillMode: 'both' }}>
               <Button
                 href={ctaHref}
                 variant="accent"

components/blocks/HeroVideo.tsx

@@ -119,7 +119,7 @@ export function HeroVideo(props: HeroVideoProps) {
       {/* Top Fade for Header Navigation Readability */}
       <div className="absolute top-0 left-0 w-full h-48 bg-gradient-to-b from-black/70 to-transparent z-[3] pointer-events-none" />
       
-      <div className="container relative z-[4] text-center px-4">
+      <div className="container mx-auto max-w-7xl relative z-[4] text-center px-4">
         <div
           key={`hero-content-${pathname}`}
           className="relative"

components/blocks/JobListingBlock.tsx

@@ -53,7 +53,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
     showFairs,
     fairsTitle = t('fairsTitle'),
     fairs = [
-      { name: 'Intersolar München', date: 'Termin folgt', type: 'Energie-Messe', location: 'Messe München' },
+      { name: 'Intersolar München', date: '8. - 10. Juni 2027', 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' }
     ],
@@ -69,7 +69,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
 
   return (
     <div className="py-12 md:py-24">
-      <div className="container mx-auto">
+      <div className="container max-w-7xl mx-auto">
         {showFairs && (
           <div className="mb-12 md:mb-24 relative">
             <m.h3 

components/blocks/ReferencesSlider.tsx

@@ -98,7 +98,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
     <section id="referenzen" className="pt-16 pb-8 md:py-24 lg:py-32 bg-neutral-dark text-white relative overflow-hidden">
       <div className="absolute inset-0 bg-gradient-to-b from-neutral-dark via-neutral-900 to-neutral-dark z-0" />
       
-      <div className="container relative z-10 mb-12 flex flex-col items-center justify-center text-center gap-6">
+      <div className="container mx-auto max-w-7xl relative z-10 mb-12 flex flex-col items-center justify-center text-center gap-6">
         <div>
           <h2 className="text-primary-light font-bold tracking-wider uppercase text-sm mb-3">{badge}</h2>
           <h3 className="font-heading text-3xl md:text-5xl font-extrabold">{title}</h3>
@@ -179,7 +179,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
 
       </div>
 
-      <div className="container relative z-10 mt-4 flex justify-center">
+      <div className="container mx-auto max-w-7xl relative z-10 mt-4 flex justify-center">
         <Link 
           href={ctaHref} 
           className="px-8 py-4 rounded-xl bg-white/5 border border-white/20 hover:bg-white hover:text-neutral-dark hover:shadow-[0_0_20px_rgba(255,255,255,0.3)] transition-all font-bold flex items-center gap-3 backdrop-blur-sm"

components/blocks/SubCompanyTiles.tsx

@@ -69,7 +69,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
   
   return (
     <section id="unternehmen" className="pt-12 pb-16 md:py-24 lg:py-32 bg-neutral-dark border-b border-neutral-800 relative overflow-hidden">
-      <div className="container relative z-10 px-4">
+      <div className="container mx-auto max-w-7xl relative z-10 px-4">
         
         {(badge || title) && (
           <div className="text-center md:text-left max-w-3xl mx-auto md:mx-0 mb-16">

components/blocks/TeamGrid.tsx

@@ -29,7 +29,7 @@ export function TeamGrid({ members }: TeamGridProps) {
 
   return (
     <section className="py-16 md:py-24 lg:py-32 bg-white relative overflow-hidden">
-      <div className="container relative z-10">
+      <div className="container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl relative z-10">
         <div className="mb-12">
           <h2 className="text-primary font-bold tracking-wider uppercase text-sm mb-3">{t('badge')}</h2>
           <h3 className="font-heading text-3xl md:text-4xl font-extrabold text-neutral-dark mb-4">{t('title')}</h3>

components/layout/Footer.tsx

@@ -29,7 +29,7 @@ export function Footer({ companyInfo }: FooterProps) {
 
       <EUFundingBadge />
 
-      <div className="container relative z-10 grid grid-cols-1 md:grid-cols-4 lg:grid-cols-12 gap-4 md:gap-6 lg:gap-8 mb-4 md:mb-12">
+      <div className="container mx-auto max-w-7xl relative z-10 grid grid-cols-1 md:grid-cols-4 lg:grid-cols-12 gap-4 md:gap-6 lg:gap-8 mb-4 md:mb-12">
         {/* Brand Column Bento */}
         <div className="col-span-1 md:col-span-4 lg:col-span-5 flex flex-col justify-between bg-white/[0.02] border border-white/5 rounded-3xl p-5 md:p-8 lg:p-10 backdrop-blur-md relative group overflow-hidden">
           <div className="absolute inset-0 bg-gradient-to-br from-white/[0.04] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" />
@@ -217,7 +217,7 @@ export function Footer({ companyInfo }: FooterProps) {
         </div>
       </div>
 
-      <div className="container relative z-10">
+      <div className="container mx-auto max-w-7xl relative z-10">
         <div className="flex flex-col md:flex-row justify-between items-center gap-4 md:gap-6 py-4 px-5 md:py-6 md:px-8 rounded-2xl bg-white/[0.02] border border-white/5 backdrop-blur-md text-center md:text-left">
           <div className="flex flex-col md:flex-row items-center gap-4 md:gap-6 h-full">
             <p className="text-neutral-400 text-xs font-medium m-0">&copy; {new Date().getFullYear()} E-TIB GmbH. {locale === 'de' ? 'Alle Rechte vorbehalten.' : 'All rights reserved.'}</p>

content/de/messen.mdx

@@ -20,9 +20,9 @@ layout: "fullBleed"
     showFairs={true} 
     showJobs={false} 
     fairs={[
-      { name: 'Intersolar München', date: '23. - 25. Juni 2026', type: 'Messe', location: 'München', url: 'https://www.intersolar.de/' },
       { name: 'Windenergietage Linstow', date: '10. - 12. November 2026', type: 'Fachkongress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
-      { name: 'Werkstatt Kabel 2026', date: '24. - 25. November 2026', type: 'Fachtagung', location: 'Wiesbaden', url: 'https://werkstatt-kabel.essociation.de/' }
+      { name: 'Werkstatt Kabel 2026', date: '24. - 25. November 2026', type: 'Fachtagung', location: 'Wiesbaden', url: 'https://werkstatt-kabel.essociation.de/' },
+      { name: 'Intersolar München', date: '8. - 10. Juni 2027', type: 'Messe', location: 'München', url: 'https://www.intersolar.de/' }
     ]}
   />
 </div>

content/de/team.mdx

@@ -23,6 +23,14 @@ layout: "fullBleed"
       phone: "+49 1520 7230518",
       image: "/assets/photos/team/danny.jpg"
     },
+    {
+      id: "kathrin-lemanski",
+      name: "Kathrin Lemanski",
+      position: "Kaufmännische Leitung",
+      email: "k.lemanski@e-tib.com",
+      phone: "+49 3561 6857733",
+      image: "/assets/photos/team/kathrin.jpg"
+    },
     {
       id: "dirk-schmidt",
       name: "Dirk Schmidt",
@@ -47,22 +55,6 @@ layout: "fullBleed"
       phone: "+49 171 3868167",
       image: "/assets/photos/team/martin.jpg"
     },
-    {
-      id: "kerstin-joseph",
-      name: "Kerstin Joseph",
-      position: "Sekretariat / Buchhaltung",
-      email: "k.joseph@e-tib.com",
-      phone: "+49 3561 6851692",
-      image: "/assets/photos/team/kerstin.jpg"
-    },
-    {
-      id: "kathrin-lemanski",
-      name: "Kathrin Lemanski",
-      position: "Sachbearbeitung",
-      email: "k.lemanski@e-tib.com",
-      phone: "+49 3561 6857733",
-      image: "/assets/photos/team/kathrin.jpg"
-    },
     {
       id: "sven-kirbs",
       name: "Sven Kirbs",
@@ -71,6 +63,21 @@ layout: "fullBleed"
       phone: "+49 151 29603652",
       image: "/assets/photos/team/sven.jpg"
     },
+    {
+      id: "kerstin-joseph",
+      name: "Kerstin Joseph",
+      position: "Buchhaltung / Controlling",
+      email: "k.joseph@e-tib.com",
+      phone: "+49 3561 6857733",
+      image: "/assets/photos/team/kerstin.jpg"
+    },
+    {
+      id: "katrin-haigold",
+      name: "Katrin Haigold",
+      position: "Buchhaltung / Personalwesen",
+      email: "k.haigold@e-tib.com",
+      phone: "+49 3561 6851692"
+    },
     {
       id: "maik-weichert",
       name: "Maik Weichert",

content/en/messen.mdx

@@ -20,9 +20,9 @@ layout: "fullBleed"
     showFairs={true} 
     showJobs={false} 
     fairs={[
-      { name: 'Intersolar Munich', date: 'June 23–25, 2026', type: 'Fair', location: 'Munich', url: 'https://www.intersolar.de/' },
       { name: 'Wind Energy Days Linstow', date: 'November 10–12, 2026', type: 'Specialist Congress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
-      { name: 'Werkstatt Kabel 2026', date: 'November 24–25, 2026', type: 'Symposium', location: 'Wiesbaden', url: 'https://werkstatt-kabel.essociation.de/' }
+      { name: 'Werkstatt Kabel 2026', date: 'November 24–25, 2026', type: 'Symposium', location: 'Wiesbaden', url: 'https://werkstatt-kabel.essociation.de/' },
+      { name: 'Intersolar Munich', date: 'June 8–10, 2027', type: 'Fair', location: 'Munich', url: 'https://www.intersolar.de/' }
     ]}
   />
 </div>

content/en/team.mdx

@@ -23,6 +23,14 @@ layout: "fullBleed"
       phone: "+49 1520 7230518",
       image: "/assets/photos/team/danny.jpg"
     },
+    {
+      id: "kathrin-lemanski",
+      name: "Kathrin Lemanski",
+      position: "Commercial Management",
+      email: "k.lemanski@e-tib.com",
+      phone: "+49 3561 6857733",
+      image: "/assets/photos/team/kathrin.jpg"
+    },
     {
       id: "dirk-schmidt",
       name: "Dirk Schmidt",
@@ -47,22 +55,6 @@ layout: "fullBleed"
       phone: "+49 171 3868167",
       image: "/assets/photos/team/martin.jpg"
     },
-    {
-      id: "kerstin-joseph",
-      name: "Kerstin Joseph",
-      position: "Secretariat / Accounting",
-      email: "k.joseph@e-tib.com",
-      phone: "+49 3561 6851692",
-      image: "/assets/photos/team/kerstin.jpg"
-    },
-    {
-      id: "kathrin-lemanski",
-      name: "Kathrin Lemanski",
-      position: "Administration",
-      email: "k.lemanski@e-tib.com",
-      phone: "+49 3561 6857733",
-      image: "/assets/photos/team/kathrin.jpg"
-    },
     {
       id: "sven-kirbs",
       name: "Sven Kirbs",
@@ -71,6 +63,21 @@ layout: "fullBleed"
       phone: "+49 151 29603652",
       image: "/assets/photos/team/sven.jpg"
     },
+    {
+      id: "kerstin-joseph",
+      name: "Kerstin Joseph",
+      position: "Accounting / Controlling",
+      email: "k.joseph@e-tib.com",
+      phone: "+49 3561 6857733",
+      image: "/assets/photos/team/kerstin.jpg"
+    },
+    {
+      id: "katrin-haigold",
+      name: "Katrin Haigold",
+      position: "Accounting / Human Resources",
+      email: "k.haigold@e-tib.com",
+      phone: "+49 3561 6851692"
+    },
     {
       id: "maik-weichert",
       name: "Maik Weichert",

docker-compose.yml

@@ -27,7 +27,7 @@ services:
       - "traefik.http.routers.${PROJECT_NAME:-klz}.middlewares=${AUTH_MIDDLEWARE:-etib-ratelimit,etib-forward,etib-compress}"
 
       # Public Router – paths that bypass Gatekeeper auth (health, SEO, static assets, OG images)
-      - "traefik.http.routers.${PROJECT_NAME:-klz}-public.rule=(${TRAEFIK_HOST_RULE:-Host(`${TRAEFIK_HOST:-e-tib.com}`) || Host(`staging.${TRAEFIK_HOST:-e-tib.com}`) || Host(`testing.${TRAEFIK_HOST:-e-tib.com}`)}) && PathRegexp(`^/([a-z]{2}/)?(health|login|gatekeeper|uploads|media|robots\\.txt|manifest\\.webmanifest|sitemap(-[0-9]+)?\\.xml|(.*/)?api/og(/.*)?|(.*/)?opengraph-image.*)`)"
+      - "traefik.http.routers.${PROJECT_NAME:-klz}-public.rule=(${TRAEFIK_HOST_RULE:-Host(`${TRAEFIK_HOST:-e-tib.com}`) || Host(`staging.${TRAEFIK_HOST:-e-tib.com}`) || Host(`testing.${TRAEFIK_HOST:-e-tib.com}`)}) && PathRegexp(`^/([a-z]{2}/)?(health|login|gatekeeper|uploads|media|assets|robots\\.txt|manifest\\.webmanifest|sitemap(-[0-9]+)?\\.xml|(.*/)?api/og(/.*)?|(.*/)?opengraph-image.*)`)"
       - "traefik.http.routers.${PROJECT_NAME:-klz}-public.entrypoints=${TRAEFIK_ENTRYPOINT:-web}"
       - "traefik.http.routers.${PROJECT_NAME:-klz}-public.tls.certresolver=${TRAEFIK_CERT_RESOLVER:-}"
       - "traefik.http.routers.${PROJECT_NAME:-klz}-public.tls=${TRAEFIK_TLS:-false}"

lib/services/create-services.ts

@@ -2,6 +2,7 @@ import { AppServices } from './app-services';
 import { NoopAnalyticsService } from './analytics/noop-analytics-service';
 import { UmamiAnalyticsService } from './analytics/umami-analytics-service';
 import { MemoryCacheService } from './cache/memory-cache-service';
+import { GlitchtipErrorReportingService } from './errors/glitchtip-error-reporting-service';
 import { NoopErrorReportingService } from './errors/noop-error-reporting-service';
 import { NoopLoggerService } from './logging/noop-logger-service';
 import { PinoLoggerService } from './logging/pino-logger-service';
@@ -67,7 +68,17 @@ export function getAppServices(): AppServices {
   logger.info('Notification service initialized (noop)');
 
   // Create error reporting service (GlitchTip/Sentry or no-op)
-  const errors = new NoopErrorReportingService();
+  const errors = sentryEnabled
+    ? new GlitchtipErrorReportingService(
+        {
+          enabled: true,
+          dsn: config.errors.glitchtip.dsn,
+          tracesSampleRate: 0.1, // Client-side we usually want lower sample rate
+        },
+        logger,
+        notifications,
+      )
+    : new NoopErrorReportingService();
 
   if (sentryEnabled) {
     logger.info(

messages/de.json

@@ -280,7 +280,7 @@
   "TeamGrid": {
     "badge": "Persönliche Beratung",
     "title": "Ihre Ansprechpartner",
-    "subtitle": "Sprechen Sie direkt mit unseren Experten für Ihr regionales Projekt.",
+    "subtitle": "Sprechen Sie direkt mit unseren Experten für Ihr Projekt.",
     "management": "Geschäftsführung",
     "branchETIB": "E-TIB GmbH",
     "branchIng": "Ingenieurgesellschaft",

messages/en.json

@@ -280,7 +280,7 @@
   "TeamGrid": {
     "badge": "Personal Consultation",
     "title": "Your Contacts",
-    "subtitle": "Speak directly with our experts for your regional project.",
+    "subtitle": "Speak directly with our experts for your project.",
     "management": "Management",
     "branchETIB": "E-TIB GmbH",
     "branchIng": "Engineering Company",

package.json

@@ -72,6 +72,7 @@
     "@types/sharp": "^0.31.1",
     "@types/three": "^0.183.1",
     "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react-swc": "^4.3.1",
     "@vitest/ui": "^4.0.16",
     "autoprefixer": "^10.4.23",
     "cheerio": "^1.2.0",
@@ -139,7 +140,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.2.94",
+  "version": "2.4.42",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",

pnpm-lock.yaml

@@ -212,6 +212,9 @@ importers:
       '@vitejs/plugin-react':
         specifier: ^5.1.4
         version: 5.2.0(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@22.19.15)(esbuild@0.27.4)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))
+      '@vitejs/plugin-react-swc':
+        specifier: ^4.3.1
+        version: 4.3.1(@swc/helpers@0.5.20)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@22.19.15)(esbuild@0.27.4)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))
       '@vitest/ui':
         specifier: ^4.0.16
         version: 4.1.2(vitest@4.1.2)
@@ -2352,6 +2355,9 @@ packages:
   '@rolldown/pluginutils@1.0.0-rc.3':
     resolution: {integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==}
 
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
   '@rollup/plugin-commonjs@28.0.1':
     resolution: {integrity: sha512-+tNWdlWKbpB3WgBN7ijjYkq9X5uhjmcvyjEght4NmH5fAU++zfQzAJ6wumLS+dNcvwEZhKx2Z+skY8m7v0wGSA==}
     engines: {node: '>=16.0.0 || 14 >= 14.17'}
@@ -3286,6 +3292,12 @@ packages:
     peerDependencies:
       react: '>= 16.8.0'
 
+  '@vitejs/plugin-react-swc@4.3.1':
+    resolution: {integrity: sha512-PaeokKjAGraNN+s5SIApgsktnJprIyt3zgEIu7awnEdfn29QiB2crTcCzyi2XGpX9rUnTc0cKU07Wm0N0g7H2w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^4 || ^5 || ^6 || ^7 || ^8
+
   '@vitejs/plugin-react@5.2.0':
     resolution: {integrity: sha512-YmKkfhOAi3wsB1PhJq5Scj3GXMn3WvtQ/JC0xoopuHoXSdmtdStOpFrYaT1kie2YgFBcIe64ROzMYRjCrYOdYw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -10117,6 +10129,8 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.0-rc.3': {}
 
+  '@rolldown/pluginutils@1.0.1': {}
+
   '@rollup/plugin-commonjs@28.0.1(rollup@4.60.1)':
     dependencies:
       '@rollup/pluginutils': 5.3.0(rollup@4.60.1)
@@ -11028,6 +11042,14 @@ snapshots:
       '@use-gesture/core': 10.3.1
       react: 19.2.4
 
+  '@vitejs/plugin-react-swc@4.3.1(@swc/helpers@0.5.20)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@22.19.15)(esbuild@0.27.4)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.1
+      '@swc/core': 1.15.21(@swc/helpers@0.5.20)
+      vite: 8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@22.19.15)(esbuild@0.27.4)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3)
+    transitivePeerDependencies:
+      - '@swc/helpers'
+
   '@vitejs/plugin-react@5.2.0(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@22.19.15)(esbuild@0.27.4)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))':
     dependencies:
       '@babel/core': 7.29.0

tailwind.config.cjs

@@ -96,26 +96,7 @@ module.exports = {
         'lg': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
         'xl': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
       },
-      container: {
+
-        center: true,
-        padding: {
-          DEFAULT: '1rem',
-          sm: '1.5rem',
-          md: '2rem',
-          lg: '2.5rem',
-          xl: '3rem',
-          '2xl': '4rem',
-        },
-        screens: {
-          xs: '475px',
-          sm: '640px',
-          md: '768px',
-          lg: '1024px',
-          xl: '1280px',
-          '2xl': '1400px',
-          '3xl': '1600px',
-        },
-      },
       maxWidth: {
         'xs': '20rem',
         'sm': '24rem',

tests/create-services.test.ts

@@ -0,0 +1,26 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { getAppServices } from '../lib/services/create-services';
+import { GlitchtipErrorReportingService } from '../lib/services/errors/glitchtip-error-reporting-service';
+
+// Mock config to ensure sentry is enabled
+vi.mock('../lib/config', () => ({
+  config: {
+    analytics: { umami: { enabled: false } },
+    errors: { glitchtip: { enabled: true, dsn: 'https://test@glitchtip.infra.mintel.me/5' } },
+    logging: { level: 'info' },
+    notifications: { gotify: { enabled: false } },
+  },
+  getMaskedConfig: () => ({}),
+}));
+
+describe('AppServices (Client)', () => {
+  beforeEach(() => {
+    // Reset singleton
+    globalThis.__appServices = undefined;
+  });
+
+  it('should instantiate GlitchtipErrorReportingService when enabled', () => {
+    const services = getAppServices();
+    expect(services.errors).toBeInstanceOf(GlitchtipErrorReportingService);
+  });
+});

tests/messen-content.test.ts

@@ -11,7 +11,7 @@ describe('Messen Content and Translations', () => {
 
     // 1. Intersolar München
     expect(content).toContain("name: 'Intersolar München'");
-    expect(content).toContain("date: '23. - 25. Juni 2026'");
+    expect(content).toContain("date: '8. - 10. Juni 2027'");
     expect(content).toContain("type: 'Messe'");
     expect(content).toContain("location: 'München'");
 
@@ -34,7 +34,7 @@ describe('Messen Content and Translations', () => {
 
     // 1. Intersolar Munich
     expect(content).toContain("name: 'Intersolar Munich'");
-    expect(content).toContain("date: 'June 23–25, 2026'");
+    expect(content).toContain("date: 'June 8–10, 2027'");
     expect(content).toContain("type: 'Fair'");
     expect(content).toContain("location: 'Munich'");
 

tests/sentry-config.test.ts

@@ -0,0 +1,20 @@
+import { readFileSync } from 'fs';
+import { resolve } from 'path';
+import { describe, it, expect } from 'vitest';
+import * as dotenv from 'dotenv';
+
+describe('Sentry Configuration', () => {
+  it('should have a valid SENTRY_DSN in .env', () => {
+    // Read the .env file as a string
+    const envPath = resolve(process.cwd(), '.env');
+    const envContent = readFileSync(envPath, 'utf8');
+
+    // Parse it using dotenv
+    const envConfig = dotenv.parse(envContent);
+
+    // Assert that SENTRY_DSN is defined and not empty
+    expect(envConfig.SENTRY_DSN).toBeDefined();
+    expect(envConfig.SENTRY_DSN.length).toBeGreaterThan(0);
+    expect(envConfig.SENTRY_DSN).toMatch(/^https:\/\/.+@(?:glitchtip|errors)\.infra\.mintel\.me\/\d+$/);
+  });
+});

vitest.config.mts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'vitest/config';
-import react from '@vitejs/plugin-react';
+import react from '@vitejs/plugin-react-swc';
 
 export default defineConfig({
     plugins: [react()],