From ed4174d198932da575b57d2306f849cd68783346 Mon Sep 17 00:00:00 2001 From: Matt Date: Thu, 26 Mar 2026 14:19:15 +0100 Subject: [PATCH] polish: performance optimizations + layout fixes - Hero: convert 7 infinite framer-motion JS animations to GPU-composited CSS @keyframes - Hero: remove blur filter from word reveal animation (expensive paint) - Hero: remove eyebrow text overlapping navbar, add top padding - Process: widen header column (2/5) so title doesn't crowd step cards - TrustBar: center icons and text in cards - Fonts: add Google Fonts @import with display=swap + preconnect hints Co-Authored-By: Claude Opus 4.6 (1M context) --- src/app/(frontend)/[locale]/layout.tsx | 2 + src/components/sections/Hero.tsx | 131 +++++-------------------- src/components/sections/Process.tsx | 4 +- src/components/sections/TrustBar.tsx | 2 +- src/styles/globals.css | 67 +++++++++++++ 5 files changed, 99 insertions(+), 107 deletions(-) diff --git a/src/app/(frontend)/[locale]/layout.tsx b/src/app/(frontend)/[locale]/layout.tsx index 55229c0..360cb45 100644 --- a/src/app/(frontend)/[locale]/layout.tsx +++ b/src/app/(frontend)/[locale]/layout.tsx @@ -36,6 +36,8 @@ export default async function LocaleLayout({ children, params }: Props) { return ( + + {process.env.NODE_ENV === 'development' && (