diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index d121395..a99c7ff 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -18,23 +18,20 @@ export default function AboutPage() {
 
   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 AboutPage() {
       <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>
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>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index b94a28b..8dff5bb 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -18,23 +18,20 @@ export default function ContactPage() {
 
   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 ContactPage() {
       <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>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 880effa..08ee7c1 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,32 +3,19 @@ import { Figtree } from "next/font/google";
 import "./globals.css";
 
 const figtree = Figtree({
-  variable: "--font-figtree",
-  subsets: ["latin"],
+  variable: "--font-figtree",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Paw Haven - Give a Loving Home to a Rescued Animal",
-  description: "Find your new best friend at Paw Haven. Adopt a dog, cat, or other pet and support our mission to rescue and rehome animals in need.",
-  keywords: ["pet adoption", "animal shelter", "rescue animals", "adopt a dog", "adopt a cat", "pet charity", "volunteer", "animal welfare"],
+  title: "Paw Haven - Give a Loving Home to a Rescued Animal",  description: "Find your new best friend at Paw Haven. Adopt a dog, cat, or other pet and support our mission to rescue and rehome animals in need.",  keywords: ["pet adoption", "animal shelter", "rescue animals", "adopt a dog", "adopt a cat", "pet charity", "volunteer", "animal welfare"],
   openGraph: {
-    title: "Paw Haven - Give a Loving Home to a Rescued Animal",
-    description: "Find your new best friend at Paw Haven. Adopt a dog, cat, or other pet and support our mission to rescue and rehome animals in need.",
-    url: "/",
-    siteName: "Paw Haven",
-    images: [
+    title: "Paw Haven - Give a Loving Home to a Rescued Animal",    description: "Find your new best friend at Paw Haven. Adopt a dog, cat, or other pet and support our mission to rescue and rehome animals in need.",    url: "/",    siteName: "Paw Haven",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/pretty-girl-embarcing-cat-dog_8353-5281.jpg",
-        alt: "Happy dog and cat together",
-      },
+        url: "https://img.b2bpic.net/free-photo/pretty-girl-embarcing-cat-dog_8353-5281.jpg",        alt: "Happy dog and cat together"},
     ],
-    type: "website",
-  },
+    type: "website"},
   twitter: {
-    card: "summary_large_image",
-    title: "Paw Haven - Give a Loving Home to a Rescued Animal",
-    description: "Find your new best friend at Paw Haven. Adopt a dog, cat, or other pet and support our mission to rescue and rehome animals in need.",
-    images: ["https://img.b2bpic.net/free-photo/pretty-girl-embarcing-cat-dog_8353-5281.jpg"],
+    card: "summary_large_image",    title: "Paw Haven - Give a Loving Home to a Rescued Animal",    description: "Find your new best friend at Paw Haven. Adopt a dog, cat, or other pet and support our mission to rescue and rehome animals in need.",    images: ["https://img.b2bpic.net/free-photo/pretty-girl-embarcing-cat-dog_8353-5281.jpg"],
   },
   robots: {
     index: true,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ee88341..c885e17 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,23 +21,20 @@ export default function HomePage() {
 
   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: "#" },
@@ -61,7 +58,7 @@ export default function HomePage() {
       <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>
@@ -70,7 +67,7 @@ export default function HomePage() {
         <HeroSplitDualMedia
           title="Give a Loving Home to a Rescued Animal"
           description="Every paw deserves a second chance. Explore our adoptable pets and join our mission to connect them with their forever families."
-          background={{ "variant": "circleGradient" }}
+          background={{ "variant": "radial-gradient" }}
           tag="Paw Haven Animal Shelter"
           buttons={[
             { "text": "Adopt a Pet", "href": "/adopt" },