seo: descriptive iframe title, improved H2 for on-set section

This commit is contained in:
Zac Gaetano 2026-04-30 21:53:32 -04:00
parent 2e070e2331
commit 5e38676b87

View file

@ -87,12 +87,14 @@ export default function OnSet() {
On Set On Set
</p> </p>
<h2 className="text-3xl md:text-4xl font-semibold text-primary leading-tight mb-5"> <h2 className="text-3xl md:text-4xl font-semibold text-primary leading-tight mb-5">
Behind the lens. Camera Operator &amp; DP,{" "}
<span className="font-light">Washington DC.</span>
</h2> </h2>
<p className="text-muted leading-relaxed"> <p className="text-muted leading-relaxed">
Camera Operator &amp; DP local to the DMV. Certified Arri Trinity owner and operator Certified Arri Trinity owner and operator with RED camera packages and
with RED camera packages and specialized live production gear — from run-and-gun specialized live production gear — from run-and-gun documentary to
documentary to multi-camera sports and political campaigns. multi-camera sports and political campaigns. Available for commercial,
corporate, sports, and narrative work throughout the DMV.
</p> </p>
</div> </div>
</ScrollReveal> </ScrollReveal>
@ -110,7 +112,7 @@ export default function OnSet() {
className="rounded-xl border border-neutral-200/80 shadow-lg shadow-neutral-200/40" className="rounded-xl border border-neutral-200/80 shadow-lg shadow-neutral-200/40"
allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media"
allowFullScreen allowFullScreen
title="Showreel" title="Zachary Gaetano — Camera Operator & DP Showreel"
/> />
</div> </div>
</div> </div>
@ -220,7 +222,7 @@ export default function OnSet() {
<button <button
onClick={() => setLightbox(null)} onClick={() => setLightbox(null)}
className="absolute top-6 right-6 text-white/60 hover:text-white transition-colors" className="absolute top-6 right-6 text-white/60 hover:text-white transition-colors"
aria-label="Close" aria-label="Close lightbox"
> >
<X size={28} /> <X size={28} />
</button> </button>
@ -245,14 +247,14 @@ export default function OnSet() {
<button <button
onClick={(e) => { e.stopPropagation(); setLightbox(lightbox - 1); }} onClick={(e) => { e.stopPropagation(); setLightbox(lightbox - 1); }}
className="absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center text-white transition-colors" className="absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center text-white transition-colors"
aria-label="Previous" aria-label="Previous photo"
>&#8249;</button> >&#8249;</button>
)} )}
{lightbox < photos.length - 1 && ( {lightbox < photos.length - 1 && (
<button <button
onClick={(e) => { e.stopPropagation(); setLightbox(lightbox + 1); }} onClick={(e) => { e.stopPropagation(); setLightbox(lightbox + 1); }}
className="absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center text-white transition-colors" className="absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center text-white transition-colors"
aria-label="Next" aria-label="Next photo"
>&#8250;</button> >&#8250;</button>
)} )}
</div> </div>