Add Film/Operator button linking to wilddragon.net

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>