From 5e38676b8728e7af76fdd8f2e07d081fb0765136 Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Thu, 30 Apr 2026 21:53:32 -0400
Subject: [PATCH] seo: descriptive iframe title, improved H2 for on-set section

---
 src/components/OnSet.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/OnSet.tsx b/src/components/OnSet.tsx
index d59e419..0cd02d4 100644
--- a/src/components/OnSet.tsx
+++ b/src/components/OnSet.tsx
@@ -87,12 +87,14 @@ export default function OnSet() {
                 On Set
               </p>
               <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>
               <p className="text-muted leading-relaxed">
-                Camera Operator &amp; DP local to the DMV. Certified Arri Trinity owner and operator
-                with RED camera packages and specialized live production gear — from run-and-gun
-                documentary to multi-camera sports and political campaigns.
+                Certified Arri Trinity owner and operator with RED camera packages and
+                specialized live production gear — from run-and-gun documentary to
+                multi-camera sports and political campaigns. Available for commercial,
+                corporate, sports, and narrative work throughout the DMV.
               </p>
             </div>
           </ScrollReveal>
@@ -110,7 +112,7 @@ export default function OnSet() {
                   className="rounded-xl border border-neutral-200/80 shadow-lg shadow-neutral-200/40"
                   allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media"
                   allowFullScreen
-                  title="Showreel"
+                  title="Zachary Gaetano — Camera Operator & DP Showreel"
                 />
               </div>
             </div>
@@ -220,7 +222,7 @@ export default function OnSet() {
           <button
             onClick={() => setLightbox(null)}
             className="absolute top-6 right-6 text-white/60 hover:text-white transition-colors"
-            aria-label="Close"
+            aria-label="Close lightbox"
           >
             <X size={28} />
           </button>
@@ -245,14 +247,14 @@ export default function OnSet() {
             <button
               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"
-              aria-label="Previous"
+              aria-label="Previous photo"
             >&#8249;</button>
           )}
           {lightbox < photos.length - 1 && (
             <button
               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"
-              aria-label="Next"
+              aria-label="Next photo"
             >&#8250;</button>
           )}
         </div>