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" },