WildDragonLLC/wilddragon-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add On Set nav link, remove external Film Work link

Browse source
This commit is contained in:
Zac Gaetano 2026-04-30 17:32:34 -04:00
parent fdd474e7f3
commit e0d3d30cda
1 changed files with 3 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/components/Navigation.tsx
View file

@ -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() {
)}
</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 ${
@ -163,29 +148,13 @@ 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 + 1) * 80 + 100}ms` : "0ms" }}
style={{ transitionDelay: mobileOpen ? `${navLinks.length * 80 + 100}ms` : "0ms" }}
>
Hire Me
</a>