2.2.95

perf: optimize LCP images and enable AVIF
fix(lcp): revert DynamicFramerMotion wrapper to prevent React 18 Suspense DOM deletion during hydration
2026-07-01 13:35:58 +02:00 · 2026-07-01 13:35:50 +02:00 · 2026-07-01 12:10:15 +02:00
7 changed files with 27 additions and 42 deletions
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -22,7 +22,6 @@ import { DynamicMobileBottomNav as MobileBottomNav } from '@/components/layout/D

 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 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 />
+            <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>

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

-              <FeedbackClientWrapper />
-            </FramerMotionProvider>
+            <FeedbackClientWrapper />
          </TransitionProvider>
        </NextIntlClientProvider>
      </body>
--- 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 */}
--- 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/TransitionProvider.tsx
+++ b/components/providers/TransitionProvider.tsx
@@ -2,6 +2,9 @@

 import React, { createContext, useContext, useState, useCallback, ReactNode, useEffect } from 'react';
 import { useRouter, usePathname, useSearchParams } from 'next/navigation';
+import { LazyMotion } from 'framer-motion';
+
+const loadFeatures = () => import('@/lib/framer-features').then(res => res.default);

 interface TransitionContextType {
  isTransitioning: boolean;
@@ -68,7 +71,9 @@ export function TransitionProvider({ children }: { children: ReactNode }) {
          setTransitionMessage={setTransitionMessage}
        />
      </React.Suspense>
-      {children}
+      <LazyMotion features={loadFeatures}>
+        {children}
+      </LazyMotion>
    </TransitionContext.Provider>
  );
 }
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -449,7 +449,7 @@ const nextConfig = {
  },
  images: {
    qualities: [25, 50, 75, 100],
-    formats: ['image/webp'],
+    formats: ['image/avif', 'image/webp'],
    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
    remotePatterns: [
      {
--- a/package.json
+++ b/package.json
@@ -139,7 +139,7 @@
    "prepare": "husky",
    "preinstall": "npx only-allow pnpm"
  },
-  "version": "2.2.94",
+  "version": "2.2.95",
  "pnpm": {
    "onlyBuiltDependencies": [
      "@parcel/watcher",
Author	SHA1	Message	Date
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