WildDragonLLC/wilddragon-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SEO: hero copy includes Washington DC keyword, semantic CTA wrapper for prev/next, Link routing

Browse source
This commit is contained in:
Zac Gaetano 2026-05-04 00:03:15 -04:00
parent fd0af7616a
commit 2e180bf86a
1 changed files with 17 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/Hero.tsx
View file

@ -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 */}