release: v2.4.5

perf: completely fix non-composited animations, eliminate shutter unused JS, and aggressively compress images
release: v2.4.4
2026-07-02 10:29:32 +02:00 · 2026-07-02 10:29:31 +02:00 · 2026-07-01 18:23:50 +02:00 · 2026-07-01 18:23:50 +02:00 · 2026-07-01 18:21:25 +02:00 · 2026-07-01 18:21:25 +02:00
37 changed files with 14836 additions and 177 deletions
--- a/.agents/AGENTS.md
+++ b/.agents/AGENTS.md
@@ -1,9 +0,0 @@
-<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]>
--- a/.gitea/workflows/deploy.yml
+++ b/.gitea/workflows/deploy.yml
@@ -47,7 +47,14 @@ 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 ==="
@@ -333,9 +340,6 @@ 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"
--- a/.lighthouseci/lhr-1782911226698.html
+++ b/.lighthouseci/lhr-1782911226698.html
--- a/.lighthouseci/lhr-1782911226698.json
+++ b/.lighthouseci/lhr-1782911226698.json
--- a/app/[locale]/blog/[slug]/page.tsx
+++ b/app/[locale]/blog/[slug]/page.tsx
@@ -118,7 +118,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 max-w-7xl px-4">
+            <div className="container mx-auto 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 +192,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
      )}

      {/* Main Content Area with Sticky Narrative Layout */}
-      <div className="container mx-auto max-w-7xl px-4 py-16 md:py-24">
+      <div className="container mx-auto px-4 py-16 md:py-24">
        <div className="sticky-narrative-container">
          {/* Left Column: Content */}
          <div className="sticky-narrative-content">
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -21,8 +21,7 @@ import { DynamicInitialLoader as InitialLoader } from '@/components/providers/Dy
 import { DynamicMobileBottomNav as MobileBottomNav } from '@/components/layout/DynamicMobileBottomNav';

 import { DynamicCorporateBackground as CorporateBackground } from '@/components/decorations/DynamicCorporateBackground';
-import { DynamicPageTransitionShutter as PageTransitionShutter } from '@/components/providers/DynamicPageTransitionShutter';
-import { DynamicFramerMotion as FramerMotionProvider } from '@/components/providers/DynamicFramerMotion';
+const corporateBackground = null; // Removed to prevent line shifting

 const inter = Inter({
  subsets: ['latin'],
@@ -191,28 +190,26 @@ export default async function Layout(props: {
      <body className="relative flex flex-col min-h-screen font-sans antialiased overflow-x-hidden selection:bg-primary/90 selection:text-white" suppressHydrationWarning>
        <NextIntlClientProvider messages={clientMessages} locale={safeLocale}>
          <TransitionProvider>
-            <FramerMotionProvider>
-              <CorporateBackground />
-              <InitialLoader shouldShowLoader={!hasSeenLoader} />
-              <PageTransitionShutter />
-              <SkipLink />
-              <Header navLinks={navLinks} />
-              <MobileBottomNav navLinks={navLinks} currentLocale={safeLocale} />
-              
-              <main
-                id="main-content"
-                className="flex-grow overflow-visible"
-                tabIndex={-1}
-              >
-                {children}
-              </main>
+            <CorporateBackground />
+            {!hasSeenLoader && <InitialLoader shouldShowLoader={!hasSeenLoader} />}
+            {/* PageTransitionShutter loaded dynamically in TransitionProvider */}
+            <SkipLink />
+            <Header navLinks={navLinks} />
+            <MobileBottomNav navLinks={navLinks} currentLocale={safeLocale} />
+            
+            <main
+              id="main-content"
+              className="flex-grow overflow-visible"
+              tabIndex={-1}
+            >
+              {children}
+            </main>

-              <Footer companyInfo={companyInfo} />
-              <JsonLd />
-              <AnalyticsShell />
+            <Footer companyInfo={companyInfo} />
+            <JsonLd />
+            <AnalyticsShell />

-              <FeedbackClientWrapper />
-            </FramerMotionProvider>
+            <FeedbackClientWrapper />
          </TransitionProvider>
        </NextIntlClientProvider>
      </body>
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -132,7 +132,12 @@ export default async function Home(props: { params: Promise<{ locale: string }>
  }
  
  setRequestLocale(locale);
-  preload('/germany-map.svg', { as: 'image', fetchPriority: 'high' });
+  preload('/assets/videos/web/hero-kabelpflug-poster.webp', { 
+    as: 'image', 
+    fetchPriority: 'high',
+    imageSrcSet: '/assets/videos/web/hero-kabelpflug-poster-mobile.webp 800w, /assets/videos/web/hero-kabelpflug-poster.webp 1920w',
+    imageSizes: '100vw'
+  });

  const mdx = await getMdxContent(locale, 'home');
  const allReferences = await getAllReferences(locale);
--- a/app/globals.css
+++ b/app/globals.css
@@ -3,34 +3,6 @@

@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 {
@@ -116,30 +88,34 @@
 }
 /* trigger rebuild */

-@keyframes hero-fade-in-up {
-  from {
-    opacity: 0;
-    transform: translateY(30px);
+@layer utilities {
+  @keyframes hero-fade-in-up {
+    from {
+      opacity: 0;
+      transform: translateY(30px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
+  
+  .animate-hero-fade-in-up {
+    animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
 }

-@utility animate-hero-fade-in-up {
-  animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-
-@keyframes hero-zoom-out {
-  from {
-    transform: scale(1.05);
+@layer utilities {
+  @keyframes hero-zoom-out {
+    from {
+      transform: scale(1.05);
+    }
+    to {
+      transform: scale(1);
+    }
  }
-  to {
-    transform: scale(1);
+  
+  .animate-hero-zoom-out {
+    animation: hero-zoom-out 1.5s ease-out forwards;
  }
 }
-
-@utility animate-hero-zoom-out {
-  animation: hero-zoom-out 1.5s ease-out forwards;
-}
--- a/components/ContactForm.tsx
+++ b/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} align="center" className="mb-4">
+        <Heading level={3} 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} align="center" className="mb-4 text-destructive font-black">
+        <Heading level={3} 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">
--- a/components/blocks/CompanyTimeline.tsx
+++ b/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 mx-auto max-w-5xl relative z-10">
+      <div className="container 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" />
--- a/components/blocks/HeroSection.tsx
+++ b/components/blocks/HeroSection.tsx
@@ -41,6 +41,7 @@ export const HeroSection: React.FC<HeroSectionProps> = (props) => {
              objectPosition: `${backgroundImage?.focalX ?? 50}% ${backgroundImage?.focalY ?? 50}%`,
            }}
            sizes="100vw"
+            quality={50}
            priority
          />
          {/* Cinematic Color Grading Overlay */}
@@ -60,26 +61,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', animationFillMode: 'both' }}>
+            <div className="animate-hero-fade-in-up" style={{ animationDelay: '0.1s', opacity: 0, animationFillMode: 'forwards' }}>
              <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', animationFillMode: 'both' }}>
+            <div className="animate-hero-fade-in-up" style={{ animationDelay: badge ? '0.25s' : '0.1s', opacity: 0, animationFillMode: 'forwards' }}>
              <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', animationFillMode: 'both' }}>
+            <div className="animate-hero-fade-in-up" style={{ animationDelay: badge ? '0.4s' : '0.25s', opacity: 0, animationFillMode: 'forwards' }}>
              <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', animationFillMode: 'both' }}>
+            <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' }}>
              <Button
                href={ctaHref}
                variant="accent"
--- a/components/blocks/HeroVideo.tsx
+++ b/components/blocks/HeroVideo.tsx
@@ -34,7 +34,7 @@ export function HeroVideo(props: HeroVideoProps) {

  let defaultPoster = "/assets/photos/DJI_0048.JPG";
  if (videoUrl && videoUrl.endsWith('.mp4')) {
-    defaultPoster = videoUrl.replace('.mp4', '-poster.jpg');
+    defaultPoster = videoUrl.replace('.mp4', '-poster.webp');
  }

  const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || defaultPoster;
@@ -80,16 +80,14 @@ export function HeroVideo(props: HeroVideoProps) {
      {/* Background color while video loads */}
      <div className="absolute inset-0 z-0 bg-neutral-dark" />
      
-      {/* ALWAYS render the Next.js optimized Image as the LCP element */}
-      <Image
+      <img
        key={`img-${pathname}-${posterSrc}`}
        src={posterSrc}
+        srcSet={posterSrc.includes('-poster.webp') ? `${posterSrc.replace('-poster.webp', '-poster-mobile.webp')} 800w, ${posterSrc} 1920w` : undefined}
+        sizes={posterSrc.includes('-poster.webp') ? "100vw" : undefined}
        alt={posterAlt}
-        fill
-        className="object-cover z-[1] pointer-events-none"
-        sizes="100vw"
-        quality={25}
-        priority
+        className="absolute inset-0 w-full h-full object-cover z-[1] pointer-events-none"
+        decoding="sync"
        fetchPriority="high"
      />
      {/* Fast compositing layer to replace the heavy CSS filters on the image */}
@@ -119,7 +117,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 mx-auto max-w-7xl relative z-[4] text-center px-4">
+      <div className="container relative z-[4] text-center px-4">
        <div
          key={`hero-content-${pathname}`}
          className="relative"
--- a/components/blocks/JobListingBlock.tsx
+++ b/components/blocks/JobListingBlock.tsx
@@ -53,7 +53,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
    showFairs,
    fairsTitle = t('fairsTitle'),
    fairs = [
-      { name: 'Intersolar München', date: '8. - 10. Juni 2027', type: 'Energie-Messe', location: 'Messe München' },
+      { name: 'Intersolar München', date: 'Termin folgt', type: 'Energie-Messe', location: 'Messe München' },
      { name: 'Windenergietage Linstow', date: 'Termin folgt', type: 'Fachkongress', location: 'Linstow' },
      { name: 'Kabelwerkstatt Wiesbaden', date: 'Termin folgt', type: 'Fachmesse', location: 'Wiesbaden' }
    ],
@@ -69,7 +69,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {

  return (
    <div className="py-12 md:py-24">
-      <div className="container max-w-7xl mx-auto">
+      <div className="container mx-auto">
        {showFairs && (
          <div className="mb-12 md:mb-24 relative">
            <m.h3 
--- a/components/blocks/ReferencesSlider.tsx
+++ b/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 mx-auto max-w-7xl relative z-10 mb-12 flex flex-col items-center justify-center text-center gap-6">
+      <div className="container 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 mx-auto max-w-7xl relative z-10 mt-4 flex justify-center">
+      <div className="container 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"
--- a/components/blocks/SubCompanyTiles.tsx
+++ b/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 mx-auto max-w-7xl relative z-10 px-4">
+      <div className="container relative z-10 px-4">
        
        {(badge || title) && (
          <div className="text-center md:text-left max-w-3xl mx-auto md:mx-0 mb-16">
--- a/components/blocks/TeamGrid.tsx
+++ b/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 mx-auto px-4 md:px-12 lg:px-16 max-w-7xl relative z-10">
+      <div className="container 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>
--- a/components/decorations/EUFundingBadge.tsx
+++ b/components/decorations/EUFundingBadge.tsx
@@ -23,7 +23,7 @@ export function EUFundingBadge() {
          alt="European Union Background"
          fill
          className="object-cover object-top"
-          priority
+          loading="lazy"
        />
      </div>
      
--- a/components/layout/Footer.tsx
+++ b/components/layout/Footer.tsx
@@ -29,7 +29,7 @@ export function Footer({ companyInfo }: FooterProps) {

      <EUFundingBadge />

-      <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">
+      <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">
        {/* 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 mx-auto max-w-7xl relative z-10">
+      <div className="container 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>
--- a/components/providers/DynamicFramerMotion.tsx
+++ b/components/providers/DynamicFramerMotion.tsx
@@ -1,7 +0,0 @@
-'use client';
-import dynamic from 'next/dynamic';
-
-export const DynamicFramerMotion = dynamic(
-  () => import('./FramerMotionProvider').then((mod) => mod.FramerMotionProvider),
-  { ssr: true }
-);
--- a/components/providers/FramerMotionProvider.tsx
+++ b/components/providers/FramerMotionProvider.tsx
@@ -1,11 +0,0 @@
-'use client';
-import { LazyMotion } from 'framer-motion';
-const loadFeatures = () => import('@/lib/framer-features').then(res => res.default);
-
-export function FramerMotionProvider({ children }: { children: React.ReactNode }) {
-  return (
-    <LazyMotion features={loadFeatures} strict>
-      {children}
-    </LazyMotion>
-  );
-}
--- a/components/providers/InitialLoader.tsx
+++ b/components/providers/InitialLoader.tsx
@@ -72,8 +72,8 @@ export function InitialLoader({ shouldShowLoader = true }: { shouldShowLoader?:
              {/* Sweeping intense white light */}
              <m.div
                className="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent skew-x-[-25deg]"
-                initial={{ left: '-150%' }}
-                animate={{ left: '250%' }}
+                initial={{ x: '-150%' }}
+                animate={{ x: '250%' }}
                transition={{ duration: 2.5, ease: "easeInOut", repeat: Infinity, repeatDelay: 0.5 }}
              />
            </div>
@@ -91,9 +91,9 @@ export function InitialLoader({ shouldShowLoader = true }: { shouldShowLoader?:
                className="h-[2px] w-full bg-white/5 overflow-hidden relative rounded-full"
              >
                <m.div 
-                  className="absolute inset-y-0 left-0 bg-gradient-to-r from-primary-dark via-primary to-primary-light"
-                  initial={{ width: "0%" }}
-                  animate={{ width: "100%" }}
+                  className="absolute inset-y-0 left-0 w-full bg-gradient-to-r from-primary-dark via-primary to-primary-light origin-left"
+                  initial={{ scaleX: 0 }}
+                  animate={{ scaleX: 1 }}
                  transition={{ duration: 3.8, ease: [0.16, 1, 0.3, 1] }}
                />
              </m.div>
--- a/components/providers/PageTransitionShutter.tsx
+++ b/components/providers/PageTransitionShutter.tsx
@@ -12,12 +12,12 @@ export function PageTransitionShutter() {
    <AnimatePresence>
      {isTransitioning && (
        <m.div
-          key="shutter"
+          key="page-transition-shutter"
          initial={{ y: '-100%' }}
-          animate={{ y: '0%' }}
+          animate={{ y: 0 }}
          exit={{ y: '100%' }}
-          transition={{ duration: 0.9, ease: [0.16, 1, 0.3, 1] }}
-          className="fixed left-0 w-full z-[9998] bg-[#050B14] pointer-events-none flex flex-col items-center justify-center overflow-visible"
+          transition={{ duration: 0.65, ease: [0.76, 0, 0.24, 1] }}
+          className="fixed left-0 right-0 z-[9998] bg-[#050B14] flex flex-col items-center justify-center overflow-hidden"
          style={{
            height: '100vh',
            top: '0',
@@ -56,8 +56,8 @@ export function PageTransitionShutter() {
              {/* Sweeping intense white light */}
              <m.div
                className="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent skew-x-[-25deg]"
-                initial={{ left: '-150%' }}
-                animate={{ left: '250%' }}
+                initial={{ x: '-150%' }}
+                animate={{ x: '250%' }}
                transition={{ duration: 1.5, ease: "easeInOut", repeat: Infinity, repeatDelay: 0.2 }}
              />
            </div>
--- a/components/providers/TransitionProvider.tsx
+++ b/components/providers/TransitionProvider.tsx
@@ -2,6 +2,16 @@

 import React, { createContext, useContext, useState, useCallback, ReactNode, useEffect } from 'react';
 import { useRouter, usePathname, useSearchParams } from 'next/navigation';
+import { LazyMotion } from 'framer-motion';
+import dynamic from 'next/dynamic';
+
+const loadFeatures = () => import('@/lib/framer-features').then(res => res.default);
+
+// Defer loading the shutter to eliminate AnimatePresence from the initial bundle
+const DynamicPageTransitionShutter = dynamic(
+  () => import('./PageTransitionShutter').then(mod => mod.PageTransitionShutter),
+  { ssr: false }
+);

 interface TransitionContextType {
  isTransitioning: boolean;
@@ -14,8 +24,12 @@ const TransitionContext = createContext<TransitionContextType | undefined>(undef
 export function TransitionProvider({ children }: { children: ReactNode }) {
  const [isTransitioning, setIsTransitioning] = useState(false);
  const [transitionMessage, setTransitionMessage] = useState<string | null>(null);
+  const [hasMountedShutter, setHasMountedShutter] = useState(false);
  const router = useRouter();

+  // We no longer eagerly load the shutter in the background.
+  // It will be loaded precisely when the user initiates a transition.
+
  // We use a ref to track transition state without triggering the route change effect when it turns true
  const isTransitioningRef = React.useRef(isTransitioning);
  useEffect(() => {
@@ -41,6 +55,7 @@ export function TransitionProvider({ children }: { children: ReactNode }) {

    setTransitionMessage(message);
    setIsTransitioning(true);
+    setHasMountedShutter(true);

    // Die Animation des Shutters abwarten (ca. 700ms), dann pushen
    setTimeout(() => {
@@ -68,7 +83,10 @@ export function TransitionProvider({ children }: { children: ReactNode }) {
          setTransitionMessage={setTransitionMessage}
        />
      </React.Suspense>
-      {children}
+      <LazyMotion features={loadFeatures}>
+        {hasMountedShutter && <DynamicPageTransitionShutter />}
+        {children}
+      </LazyMotion>
    </TransitionContext.Provider>
  );
 }
--- a/content/de/home.mdx
+++ b/content/de/home.mdx
@@ -118,7 +118,7 @@ description: "Die E-TIB GmbH ist Ihr zuverlässiger Partner für komplexe Kabelt
  items={[
    {
      title: "Kabelleitungsnetzbau",
-      description: "Kabelleitungsnetzbau (Hoch-/Mittel- und Niederspannung) sowie Kabelmontagen bis 110 kV",
+      description: "Kabelleitungsnetzbau (Nieder-/Mittel- und Hochspannung bis 110 kV)",
      tag: "Energie",
      size: "large",
      href: "/de/kabeltiefbau",
--- a/content/de/kabeltiefbau.mdx
+++ b/content/de/kabeltiefbau.mdx
@@ -8,7 +8,7 @@ layout: "fullBleed"
 <HeroSection
  badge="Kernkompetenz"
  title="Kabelleitungsnetzbau"
-  subtitle="Komplette Infrastruktur-Lösungen für Hoch-, Mittel- und Niederspannungsnetze sowie Kabelmontagen bis 110 kV"
+  subtitle="Komplette Infrastruktur-Lösungen für Nieder-, Mittel- und Hochspannungsnetze bis 110 kV"
  backgroundImage={{ url: '/assets/photos/DSC01123.JPG' }}
  alignment="center"
  ctaLabel="Projekt anfragen"
--- a/content/de/messen.mdx
+++ b/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: 'Intersolar München', date: '8. - 10. Juni 2027', type: 'Messe', location: 'München', url: 'https://www.intersolar.de/' }
+      { name: 'Werkstatt Kabel 2026', date: '24. - 25. November 2026', type: 'Fachtagung', location: 'Wiesbaden', url: 'https://werkstatt-kabel.essociation.de/' }
    ]}
  />
 </div>
--- a/content/en/messen.mdx
+++ b/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: 'Intersolar Munich', date: 'June 8–10, 2027', type: 'Fair', location: 'Munich', url: 'https://www.intersolar.de/' }
+      { name: 'Werkstatt Kabel 2026', date: 'November 24–25, 2026', type: 'Symposium', location: 'Wiesbaden', url: 'https://werkstatt-kabel.essociation.de/' }
    ]}
  />
 </div>
--- a/docker-compose.yml
+++ b/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|assets|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|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}"
--- a/package.json
+++ b/package.json
@@ -72,7 +72,6 @@
    "@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",
@@ -140,7 +139,7 @@
    "prepare": "husky",
    "preinstall": "npx only-allow pnpm"
  },
-  "version": "2.4.28",
+  "version": "2.4.5",
  "pnpm": {
    "onlyBuiltDependencies": [
      "@parcel/watcher",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -212,9 +212,6 @@ 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)
@@ -2355,9 +2352,6 @@ 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'}
@@ -3292,12 +3286,6 @@ 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}
@@ -10129,8 +10117,6 @@ 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)
@@ -11042,14 +11028,6 @@ 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
--- a/public/assets/eu-flag.webp
+++ b/public/assets/eu-flag.webp
--- a/public/assets/videos/web/hero-kabelpflug-poster-mobile.webp
+++ b/public/assets/videos/web/hero-kabelpflug-poster-mobile.webp
--- a/public/assets/videos/web/hero-kabelpflug-poster.webp
+++ b/public/assets/videos/web/hero-kabelpflug-poster.webp
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -96,7 +96,26 @@ 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',
--- a/tests/homepage-and-competence-content.test.ts
+++ b/tests/homepage-and-competence-content.test.ts
@@ -39,7 +39,7 @@ describe('Task 6 Content Updates', () => {

    // DE Home
    expect(deContent).toContain('title: "Kabelleitungsnetzbau"');
-    expect(deContent).toContain('description: "Kabelleitungsnetzbau (Hoch-/Mittel- und Niederspannung) sowie Kabelmontagen bis 110 kV"');
+    expect(deContent).toContain('description: "Kabelleitungsnetzbau (Nieder-/Mittel- und Hochspannung bis 110 kV)"');
    expect(deContent).toContain('100+');
    expect(deContent).toContain('Mitarbeitende');

@@ -58,7 +58,7 @@ describe('Task 6 Content Updates', () => {
    expect(deContent).toContain('title: "Kabelleitungsnetzbau"');
    expect(deContent).toContain('excerpt: "Professioneller Kabelleitungsnetzbau');
    expect(deContent).toContain('Kabelmontagen bis 110 kV');
-    expect(deContent).toContain('subtitle="Komplette Infrastruktur-Lösungen für Hoch-, Mittel- und Niederspannungsnetze sowie Kabelmontagen bis 110 kV"');
+    expect(deContent).toContain('subtitle="Komplette Infrastruktur-Lösungen für Nieder-, Mittel- und Hochspannungsnetze bis 110 kV"');
    expect(deContent).toContain('"Kabelmontagen bis 110 kV"');

    // EN Kabelnetzbau
--- a/tests/messen-content.test.ts
+++ b/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: '8. - 10. Juni 2027'");
+    expect(content).toContain("date: '23. - 25. Juni 2026'");
    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 8–10, 2027'");
+    expect(content).toContain("date: 'June 23–25, 2026'");
    expect(content).toContain("type: 'Fair'");
    expect(content).toContain("location: 'Munich'");

--- a/vitest.config.mts
+++ b/vitest.config.mts
@@ -1,5 +1,5 @@
 import { defineConfig } from 'vitest/config';
-import react from '@vitejs/plugin-react-swc';
+import react from '@vitejs/plugin-react';

 export default defineConfig({
    plugins: [react()],
Author	SHA1	Message	Date
Marc Mintel	21cf0725ab	release: v2.4.5 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 22s Details Build & Deploy / 🚀 Deploy (push) Successful in 25s Details Build & Deploy / 🧪 QA (push) Successful in 1m21s Details Build & Deploy / 🏗️ Build (push) Successful in 2m33s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 53s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-02 10:29:32 +02:00
Marc Mintel	2c162f5314	perf: completely fix non-composited animations, eliminate shutter unused JS, and aggressively compress images	2026-07-02 10:29:31 +02:00
Marc Mintel	be3b2e6a7b	release: v2.4.4 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 20s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 50s Details Build & Deploy / 🧪 QA (push) Successful in 1m18s Details Build & Deploy / 🏗️ Build (push) Successful in 2m31s Details Build & Deploy / 🚀 Deploy (push) Successful in 25s Details Build & Deploy / 🔔 Notify (push) Successful in 4s Details	2026-07-01 18:23:50 +02:00
Marc Mintel	f2e59fa52f	perf: fix sizes attribute scaling bug to prevent mobile devices from downloading 1920w desktop images	2026-07-01 18:23:50 +02:00
Marc Mintel	16d494689f	release: v2.4.3 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 20s Details Build & Deploy / 🧪 QA (push) Successful in 1m15s Details Build & Deploy / 🏗️ Build (push) Successful in 2m26s Details Build & Deploy / 🚀 Deploy (push) Successful in 26s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 52s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 18:21:25 +02:00
Marc Mintel	d24b8a8694	perf: prevent bandwidth theft from non-critical preloads and strip InitialLoader chunk	2026-07-01 18:21:25 +02:00
Marc Mintel	8d42946711	release: v2.4.2 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 22s Details Build & Deploy / 🚀 Deploy (push) Successful in 28s Details Build & Deploy / 🧪 QA (push) Successful in 1m17s Details Build & Deploy / 🏗️ Build (push) Successful in 2m44s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 50s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 18:11:33 +02:00
Marc Mintel	b15217b9be	content: update Hochspannung wording per WhatsApp screenshot	2026-07-01 18:11:33 +02:00
Marc Mintel	b138025380	release: v2.4.1 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 22s Details Build & Deploy / 🧪 QA (push) Successful in 1m16s Details Build & Deploy / 🏗️ Build (push) Successful in 2m11s Details Build & Deploy / 🚀 Deploy (push) Successful in 38s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 48s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 17:19:41 +02:00
Marc Mintel	18d2ace03b	perf: compress hero image and defer page transition shutter Some checks failed Build & Deploy / 🔍 Prepare (push) Has been cancelled Details Build & Deploy / 🧪 QA (push) Has been cancelled Details Build & Deploy / 🏗️ Build (push) Has been cancelled Details Build & Deploy / 🚀 Deploy (push) Has been cancelled Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled Details Build & Deploy / 🔔 Notify (push) Has been cancelled Details	2026-07-01 17:19:35 +02:00
Marc Mintel	89ed1faa6b	release: v2.4.0 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 21s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 48s Details Build & Deploy / 🧪 QA (push) Successful in 1m15s Details Build & Deploy / 🏗️ Build (push) Successful in 2m7s Details Build & Deploy / 🚀 Deploy (push) Successful in 24s Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details	2026-07-01 15:30:55 +02:00
Marc Mintel	7307e812a4	release: v2.2.96	2026-07-01 15:30:49 +02:00
Marc Mintel	20d6194a7e	perf: fix massive LCP render delay and TTFB on Home page Some checks failed Build & Deploy / 🧪 QA (push) Has been cancelled Details Build & Deploy / 🏗️ Build (push) Has been cancelled Details Build & Deploy / 🚀 Deploy (push) Has been cancelled Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled Details Build & Deploy / 🔔 Notify (push) Has been cancelled Details Build & Deploy / 🔍 Prepare (push) Has been cancelled Details	2026-07-01 15:30:28 +02:00
Marc Mintel	86e2fd7097	2.2.95 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 21s Details Build & Deploy / 🧪 QA (push) Successful in 1m13s Details Build & Deploy / 🏗️ Build (push) Successful in 2m14s Details Build & Deploy / 🚀 Deploy (push) Successful in 25s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 49s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 13:35:58 +02:00
Marc Mintel	bf8073f5bf	perf: optimize LCP images and enable AVIF All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 1m10s Details Build & Deploy / 🧪 QA (push) Successful in 1m17s Details Build & Deploy / 🏗️ Build (push) Successful in 2m2s Details Build & Deploy / 🚀 Deploy (push) Successful in 26s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 13:35:50 +02:00
Marc Mintel	e8adb87b02	fix(lcp): revert DynamicFramerMotion wrapper to prevent React 18 Suspense DOM deletion during hydration Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 30s Details Build & Deploy / 🚀 Deploy (push) Has been skipped Details Build & Deploy / 🏗️ Build (push) Has been skipped Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details Build & Deploy / 🧪 QA (push) Failing after 48s Details	2026-07-01 12:10:15 +02:00
Marc Mintel	067e34c19b	fix(lcp): revert unoptimized=true on HeroVideo to restore Next.js image optimization for massive CMS images Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 28s Details Build & Deploy / 🧪 QA (push) Successful in 1m47s Details Build & Deploy / 🏗️ Build (push) Successful in 3m16s Details Build & Deploy / 🚀 Deploy (push) Successful in 33s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Failing after 42s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 12:07:18 +02:00
Marc Mintel	e6017e7436	perf(images): remove AVIF format to prevent massive CPU spikes and TTFB delays during on-the-fly Next.js image optimization All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 29s Details Build & Deploy / 🚀 Deploy (push) Successful in 33s Details Build & Deploy / 🧪 QA (push) Successful in 1m40s Details Build & Deploy / 🏗️ Build (push) Successful in 3m7s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m10s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 02:24:38 +02:00
Marc Mintel	1955bfcd1b	perf(lcp): bypass Next.js image optimization for hero poster and use static WebP to eliminate server-side TTFB block All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 31s Details Build & Deploy / 🚀 Deploy (push) Successful in 35s Details Build & Deploy / 🧪 QA (push) Successful in 1m51s Details Build & Deploy / 🏗️ Build (push) Successful in 3m29s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m14s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 01:15:18 +02:00