From fd0af7616a2be7a435d8781300aec509c5f7460b Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Mon, 4 May 2026 00:02:39 -0400
Subject: [PATCH] SEO/UX: footer links resolve from any page (use /#anchor and
 /services)

---
 src/components/Footer.tsx | 42 ++++++++++++++++++++++++---------------
 1 file changed, 26 insertions(+), 16 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index af9ef60..d88d492 100755
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -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>