From 2e180bf86a6f0d63a2e56023fb6ade4e480f615e Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Mon, 4 May 2026 00:03:15 -0400
Subject: [PATCH] SEO: hero copy includes Washington DC keyword, semantic CTA
 wrapper for prev/next, Link routing

---
 src/components/Hero.tsx | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 17548fb..cc9e342 100755
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -48,7 +48,7 @@ export default function Hero() {
   }, [displayText, isTyping, roleIndex]);
 
   return (
-    <section className="relative h-screen flex items-center justify-center overflow-hidden bg-primary">
+    <section className="relative h-screen flex items-center justify-center overflow-hidden bg-primary" aria-labelledby="hero-name">
       {/* Hero background photo */}
       <div className="absolute inset-0">
         <Image
@@ -95,7 +95,7 @@ export default function Hero() {
           />
         </div>
 
-        {/* Animated role tagline — static version for crawlers */}
+        {/* Animated role tagline */}
         <div
           className={`h-5 mb-10 transition-all duration-1000 delay-150 ease-out ${
             loaded ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"
@@ -106,21 +106,27 @@ export default function Hero() {
             {displayText}
             <span className="animate-pulse ml-0.5 text-accent/40">|</span>
           </p>
-          {/* Screen-reader / crawler accessible static version */}
+          {/* Static semantic tagline for crawlers and assistive tech */}
           <p className="sr-only">
-            {roles.join(" · ")}
+            Broadcast Systems Integration · Production Facility Design · IP &amp; Cloud Production · Extended Reality Stages
           </p>
         </div>
 
-        {/* Name */}
+        {/* Name as visual H1 */}
         <h1
+          id="hero-name"
           className={`text-5xl md:text-6xl lg:text-7xl font-light text-white leading-[1.05] mb-8 transition-all duration-1000 delay-300 ease-out ${
             loaded ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"
           }`}
         >
-          Zachary
-          <br />
-          <span className="font-semibold tracking-tight">Gaetano</span>
+          <span className="sr-only">
+            Zachary Gaetano — Broadcast Systems Integrator, Washington DC
+          </span>
+          <span aria-hidden="true">
+            Zachary
+            <br />
+            <span className="font-semibold tracking-tight">Gaetano</span>
+          </span>
         </h1>
 
         {/* Accent line */}
@@ -136,8 +142,9 @@ export default function Hero() {
             loaded ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"
           }`}
         >
-          Designing and integrating broadcast production facilities for
-          sports, corporate, aerospace, and financial organizations.
+          Designing and integrating broadcast production facilities from the
+          Washington DC area for sports, corporate, aerospace, financial
+          services, and defense organizations.
         </p>
 
         {/* CTAs */}