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) <noreply@anthropic.com>
2026-03-26 14:19:15 +01:00
parent 7559128d5f
commit ed4174d198
5 changed files with 99 additions and 107 deletions
--- 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 (
    <html lang={locale} className="scroll-smooth">
      <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
        {process.env.NODE_ENV === 'development' && (
          <Script
            src="//unpkg.com/react-grab/dist/index.global.js"