diff --git a/src/app/adopt/page.tsx b/src/app/adopt/page.tsx
index bfa6980..48fbdfd 100644
--- a/src/app/adopt/page.tsx
+++ b/src/app/adopt/page.tsx
@@ -18,23 +18,20 @@ export default function AdoptPage() {
 
   const footerColumns = [
     {
-      title: "Quick Links",
-      items: [
+      title: "Quick Links",      items: [
         { label: "Adopt", href: "/adopt" },
         { label: "Volunteer", href: "/contact" },
         { label: "Donate", href: "/contact" },
       ],
     },
     {
-      title: "About",
-      items: [
+      title: "About",      items: [
         { label: "Our Mission", href: "/about" },
         { label: "Success Stories", href: "/about" },
       ],
     },
     {
-      title: "Support",
-      items: [
+      title: "Support",      items: [
         { label: "FAQ", href: "/adopt" },
         { label: "Contact Us", href: "/contact" },
         { label: "Privacy Policy", href: "#" },
@@ -58,7 +55,7 @@ export default function AdoptPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleApple
           brandName="Paw Haven"
-          navItems={navItems}
+          navItems={navItems.map(item => ({...item, name: <Link href={item.id}>{item.name}</Link>}))}
           logoHref="/"
         />
       </div>