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

SEO/UX: footer links resolve from any page (use /#anchor and /services)

Browse source
This commit is contained in:
Zac Gaetano 2026-05-04 00:02:39 -04:00
parent 24b0842a6e
commit fd0af7616a
1 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/components/Footer.tsx
View file

@ -1,4 +1,5 @@
import Image from "next/image"; import Image from "next/image";
import Link from "next/link";
function LinkedinIcon({ size = 16, className = "" }: { size?: number; className?: string }) { function LinkedinIcon({ size = 16, className = "" }: { size?: number; className?: string }) {
return ( return (
@ -14,19 +15,19 @@ const navSections = [
{ {
title: "Navigation", title: "Navigation",
links: [ links: [
{ label: "About", href: "#about" }, { label: "About", href: "/#about" },
{ label: "Services", href: "#services" }, { label: "Services", href: "/services" },
{ label: "Projects", href: "#projects" }, { label: "Projects", href: "/#projects" },
{ label: "Contact", href: "#contact" }, { label: "Contact", href: "/#contact" },
], ],
}, },
{ {
title: "Expertise", title: "Expertise",
links: [ links: [
{ label: "Systems Design", href: "#about" }, { label: "Systems Design", href: "/services" },
{ label: "IP & Cloud Production", href: "#about" }, { label: "IP & Cloud Production", href: "/services" },
{ label: "Broadcast Integration", href: "#about" }, { label: "Broadcast Integration", href: "/services" },
{ label: "XR / Virtual Production", href: "#projects" }, { label: "XR / Virtual Production", href: "/projects/intuit-xr-facility" },
], ],
}, },
]; ];
@ -39,7 +40,7 @@ export default function Footer() {
<div className="grid grid-cols-1 md:grid-cols-12 gap-12 md:gap-8 pb-12 border-b border-neutral-800/40"> <div className="grid grid-cols-1 md:grid-cols-12 gap-12 md:gap-8 pb-12 border-b border-neutral-800/40">
{/* Brand column */} {/* Brand column */}
<div className="md:col-span-5"> <div className="md:col-span-5">
<div className="flex items-center gap-3 mb-5"> <Link href="/" className="flex items-center gap-3 mb-5" aria-label="Wild Dragon — home">
<Image <Image
src="/images/dragon-mark.png" src="/images/dragon-mark.png"
alt="Wild Dragon" alt="Wild Dragon"
@ -50,7 +51,7 @@ export default function Footer() {
<span className="font-mono text-[11px] tracking-[0.2em] uppercase text-neutral-500"> <span className="font-mono text-[11px] tracking-[0.2em] uppercase text-neutral-500">
Wild Dragon Wild Dragon
</span> </span>
</div> </Link>
<p className="text-sm text-neutral-500 leading-relaxed max-w-sm mb-6"> <p className="text-sm text-neutral-500 leading-relaxed max-w-sm mb-6">
Broadcast systems integration and production facility design for Broadcast systems integration and production facility design for
sports, corporate, financial services, and defense organizations. sports, corporate, financial services, and defense organizations.
@ -87,12 +88,21 @@ export default function Footer() {
<ul className="space-y-2.5"> <ul className="space-y-2.5">
{section.links.map((link) => ( {section.links.map((link) => (
<li key={link.label}> <li key={link.label}>
<a {link.href.startsWith("/#") ? (
href={link.href} <a
className="text-[13px] text-neutral-500 hover:text-neutral-300 transition-colors duration-200" href={link.href}
> className="text-[13px] text-neutral-500 hover:text-neutral-300 transition-colors duration-200"
{link.label} >
</a> {link.label}
</a>
) : (
<Link
href={link.href}
className="text-[13px] text-neutral-500 hover:text-neutral-300 transition-colors duration-200"
>
{link.label}
</Link>
)}
</li> </li>
))} ))}
</ul> </ul>