From e152fe92e1d2d8f98d592565f3f830270c19e0e5 Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Thu, 30 Apr 2026 17:26:54 -0400
Subject: [PATCH] Add Film/Operator button linking to wilddragon.net

---
 src/components/Navigation.tsx | 36 +++++++++++++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 90b5220..51faa97 100755
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import { Menu, X } from "lucide-react";
+import { Menu, X, Clapperboard } from "lucide-react";
 import Image from "next/image";
 
 const navLinks = [
@@ -94,6 +94,22 @@ export default function Navigation() {
               )}
             </a>
           ))}
+
+          {/* Film / Operator link */}
+          <a
+            href="https://www.wilddragon.net"
+            target="_blank"
+            rel="noopener noreferrer"
+            className={`flex items-center gap-1.5 text-[12px] font-medium transition-all duration-200 ${
+              scrolled
+                ? "text-muted hover:text-primary"
+                : "text-white/60 hover:text-white"
+            }`}
+          >
+            <Clapperboard size={14} />
+            Film Work
+          </a>
+
           <a
             href="#contact"
             className={`ml-2 px-5 py-2 text-[12px] font-medium rounded-md transition-all duration-200 ${
@@ -147,13 +163,29 @@ export default function Navigation() {
               {link.label}
             </a>
           ))}
+
+          {/* Film Work — mobile */}
+          <a
+            href="https://www.wilddragon.net"
+            target="_blank"
+            rel="noopener noreferrer"
+            onClick={() => setMobileOpen(false)}
+            className={`flex items-center gap-2 text-xl font-light text-muted hover:text-accent transition-all duration-300 ${
+              mobileOpen ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"
+            }`}
+            style={{ transitionDelay: mobileOpen ? `${navLinks.length * 80 + 100}ms` : "0ms" }}
+          >
+            <Clapperboard size={18} />
+            Film Work
+          </a>
+
           <a
             href="#contact"
             onClick={() => setMobileOpen(false)}
             className={`mt-4 px-8 py-3.5 bg-accent text-white text-base font-medium rounded-md transition-all duration-300 ${
               mobileOpen ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"
             }`}
-            style={{ transitionDelay: mobileOpen ? `${navLinks.length * 80 + 100}ms` : "0ms" }}
+            style={{ transitionDelay: mobileOpen ? `${(navLinks.length + 1) * 80 + 100}ms` : "0ms" }}
           >
             Hire Me
           </a>