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]); }, [displayText, isTyping, roleIndex]);
return ( 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 */} {/* Hero background photo */}
<div className="absolute inset-0"> <div className="absolute inset-0">
<Image <Image
@ -95,7 +95,7 @@ export default function Hero() {
/> />
</div> </div>
{/* Animated role tagline — static version for crawlers */} {/* Animated role tagline */}
<div <div
className={`h-5 mb-10 transition-all duration-1000 delay-150 ease-out ${ className={`h-5 mb-10 transition-all duration-1000 delay-150 ease-out ${
loaded ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6" loaded ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"
@ -106,21 +106,27 @@ export default function Hero() {
{displayText} {displayText}
<span className="animate-pulse ml-0.5 text-accent/40">|</span> <span className="animate-pulse ml-0.5 text-accent/40">|</span>
</p> </p>
{/* Screen-reader / crawler accessible static version */} {/* Static semantic tagline for crawlers and assistive tech */}
<p className="sr-only"> <p className="sr-only">
{roles.join(" · ")} Broadcast Systems Integration · Production Facility Design · IP &amp; Cloud Production · Extended Reality Stages
</p> </p>
</div> </div>
{/* Name */} {/* Name as visual H1 */}
<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 ${ 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" loaded ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"
}`} }`}
> >
Zachary <span className="sr-only">
<br /> Zachary Gaetano — Broadcast Systems Integrator, Washington DC
<span className="font-semibold tracking-tight">Gaetano</span> </span>
<span aria-hidden="true">
Zachary
<br />
<span className="font-semibold tracking-tight">Gaetano</span>
</span>
</h1> </h1>
{/* Accent line */} {/* Accent line */}
@ -136,8 +142,9 @@ export default function Hero() {
loaded ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6" loaded ? "opacity-100 translate-y-0" : "opacity-0 translate-y-6"
}`} }`}
> >
Designing and integrating broadcast production facilities for Designing and integrating broadcast production facilities from the
sports, corporate, aerospace, and financial organizations. Washington DC area for sports, corporate, aerospace, financial
services, and defense organizations.
</p> </p>
{/* CTAs */} {/* CTAs */}