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