From 73886406a421edca5429f8b00c9b3de357c2bbe0 Mon Sep 17 00:00:00 2001 From: Marc Mintel Date: Tue, 30 Jun 2026 23:05:31 +0200 Subject: [PATCH] perf: completely lazy load framer-motion core via DynamicFramerMotion wrapper --- app/[locale]/layout.tsx | 39 ++++++++++--------- components/providers/DynamicFramerMotion.tsx | 7 ++++ components/providers/FramerMotionProvider.tsx | 11 ++++++ components/providers/TransitionProvider.tsx | 7 +--- 4 files changed, 40 insertions(+), 24 deletions(-) create mode 100644 components/providers/DynamicFramerMotion.tsx create mode 100644 components/providers/FramerMotionProvider.tsx diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx index 48f588632..b700fed50 100644 --- a/app/[locale]/layout.tsx +++ b/app/[locale]/layout.tsx @@ -22,6 +22,7 @@ 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'], @@ -190,26 +191,28 @@ export default async function Layout(props: { - - - - -
- - -
- {children} -
+ + + + + +
+ + +
+ {children} +
-