perf: resolve Lighthouse issues, optimize CSS and JS payload

app/[locale]/layout.tsx

@@ -17,9 +17,12 @@ import { mapFileSlugToTranslated } from '@/lib/slugs';
 import { cookies } from 'next/headers';
 
 import { TransitionProvider } from '@/components/providers/TransitionProvider';
-import { PageTransitionShutter } from '@/components/providers/PageTransitionShutter';
 import { InitialLoader } from '@/components/providers/InitialLoader';
-import { CorporateBackground } from '@/components/decorations/CorporateBackground';
+import dynamic from 'next/dynamic';
+
+const CorporateBackground = dynamic(() => import('@/components/decorations/CorporateBackground').then(mod => mod.CorporateBackground), { ssr: false });
+const PageTransitionShutter = dynamic(() => import('@/components/providers/PageTransitionShutter').then(mod => mod.PageTransitionShutter), { ssr: false });
+
 const inter = Inter({
   subsets: ['latin'],
   display: 'swap',

components/providers/TransitionProvider.tsx

@@ -2,7 +2,9 @@
 
 import React, { createContext, useContext, useState, useCallback, ReactNode, useEffect } from 'react';
 import { useRouter, usePathname, useSearchParams } from 'next/navigation';
-import { LazyMotion, domAnimation } from 'framer-motion';
+import { LazyMotion } from 'framer-motion';
+
+const loadFeatures = () => import('@/lib/framer-features').then(res => res.default);
 
 interface TransitionContextType {
   isTransitioning: boolean;
@@ -69,7 +71,7 @@ export function TransitionProvider({ children }: { children: ReactNode }) {
           setTransitionMessage={setTransitionMessage}
         />
       </React.Suspense>
-      <LazyMotion features={domAnimation}>
+      <LazyMotion features={loadFeatures}>
         {children}
       </LazyMotion>
     </TransitionContext.Provider>

next.config.mjs

@@ -15,6 +15,7 @@ const nextConfig = {
     pagesBufferLength: 2,
   },
   experimental: {
+    optimizeCss: true,
     staleTimes: {
       dynamic: 0,
       static: 30,

package.json

@@ -157,8 +157,7 @@
     "last 2 chrome versions",
     "last 2 firefox versions",
     "last 2 edge versions",
-    "safari >= 15.4",
+    "safari >= 15.4"
-    "not dead"
   ],
   "peerDependencies": {
     "lucide-react": "^0.563.0"