diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 51faa97..3325ab7 100755
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -1,13 +1,14 @@
"use client";
import { useState, useEffect } from "react";
-import { Menu, X, Clapperboard } from "lucide-react";
+import { Menu, X } from "lucide-react";
import Image from "next/image";
const navLinks = [
{ href: "#about", label: "About" },
{ href: "#services", label: "Services" },
{ href: "#projects", label: "Projects" },
+ { href: "#on-set", label: "On Set" },
{ href: "#contact", label: "Contact" },
];
@@ -94,22 +95,6 @@ export default function Navigation() {
)}
))}
-
- {/* Film / Operator link */}
-
-
- Film Work
-
-
))}
-
- {/* Film Work — mobile */}
- 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" }}
- >
-
- Film Work
-
-
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 + 1) * 80 + 100}ms` : "0ms" }}
+ style={{ transitionDelay: mobileOpen ? `${navLinks.length * 80 + 100}ms` : "0ms" }}
>
Hire Me