fix(lcp): revert unoptimized=true on HeroVideo to restore Next.js image optimization for massive CMS images

.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"

app/globals.css

@@ -88,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;
-}

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">

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', 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"

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;

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' }
     ],

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>

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>

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}"

next.config.mjs

@@ -449,7 +449,7 @@ const nextConfig = {
   },
   images: {
     qualities: [25, 50, 75, 100],
-    formats: ['image/avif', 'image/webp'],
+    formats: ['image/webp'],
     deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
     remotePatterns: [
       {

package.json

@@ -139,7 +139,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.4.27",
+  "version": "2.2.94",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",

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'");