From 0859b86657e0e980eab7ff0bf585878894a23f02 Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Thu, 30 Apr 2026 17:52:05 -0400
Subject: [PATCH] Fix reel embed URL to correct Vimeo video ID

---
 src/components/OnSet.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/OnSet.tsx b/src/components/OnSet.tsx
index 9e73eef..904027d 100644
--- a/src/components/OnSet.tsx
+++ b/src/components/OnSet.tsx
@@ -5,7 +5,7 @@ import Image from "next/image";
 import ScrollReveal from "./ScrollReveal";
 import { X, Camera, Film, Package, Monitor } from "lucide-react";
 
-const REEL_URL = "https://player.vimeo.com/video/805286240";
+const REEL_URL = "https://player.vimeo.com/video/225920311?h=0&badge=0&autopause=0&player_id=0&app_id=58479";
 
 // Drop on-set stills into /public/images/on-set/ and add them here
 const photos: { src: string; alt: string; caption: string }[] = [];
@@ -97,14 +97,12 @@ export default function OnSet() {
               <p className="font-mono text-[10px] tracking-[0.3em] uppercase text-accent mb-6">
                 Reel
               </p>
-              <div
-                className="relative w-full rounded-xl overflow-hidden border border-neutral-200/80 shadow-lg shadow-neutral-200/40"
-                style={{ paddingBottom: "56.25%" }}
-              >
+              <div style={{ padding: "56.25% 0 0 0", position: "relative" }}>
                 <iframe
                   src={REEL_URL}
-                  className="absolute inset-0 w-full h-full"
-                  allow="autoplay; fullscreen; picture-in-picture"
+                  style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }}
+                  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"
                 />