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