From 348f3912fd31e82f1138b59036751683d66e8ea6 Mon Sep 17 00:00:00 2001
From: Richie <richie.phillips@proton.me>
Date: Mon, 13 Apr 2026 16:03:32 +1000
Subject: [PATCH] Promote hero h1 to display2 for visual hierarchy over section
 h2s

Hero heading was display3 (same as every section h2), giving no visual
distinction. Now display2 (52px/24px) vs display3 (40px/22px). Still
renders as semantic h1 for SEO.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/pages/HomePage/HomePage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/HomePage/HomePage.tsx b/src/components/pages/HomePage/HomePage.tsx
index c6b324b..30fc2f3 100644
--- a/src/components/pages/HomePage/HomePage.tsx
+++ b/src/components/pages/HomePage/HomePage.tsx
@@ -251,7 +251,7 @@ export const HomePage = React.forwardRef<HTMLDivElement, HomePageProps>(
                 }}
               >
                 <Typography
-                  variant="display3"
+                  variant="display2"
                   component="h1"
                   id="hero-heading"
                   tabIndex={-1}
@@ -316,7 +316,7 @@ export const HomePage = React.forwardRef<HTMLDivElement, HomePageProps>(
                   }}
                 >
                   <Typography
-                    variant="display3"
+                    variant="display2"
                     component="h1"
                     id="hero-heading"
                     tabIndex={-1}