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

Add Film/Operator button linking to wilddragon.net

Browse source
This commit is contained in:
Zac Gaetano 2026-04-30 17:26:54 -04:00
parent ccaaffe04b
commit e152fe92e1
1 changed files with 34 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/components/Navigation.tsx
View file

@ -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>