diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index bae9377..4901c09 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -11,6 +11,40 @@ import Link from "next/link";
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
 
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Adopt", id: "/adopt" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
+        { name: "Donate", id: "/donate" },
+        { name: "Shop", id: "/shop" },
+        { name: "Blog", id: "/blog" }
+    ];
+
+    const footerColumns = [
+        {
+            title: "About Us",            items: [
+                { label: "Our Mission", href: "/about" },
+                { label: "Meet the Team", href: "/about#team" },
+                { label: "Impact Report", href: "/about#impact" }
+            ]
+        },
+        {
+            title: "Get Involved",            items: [
+                { label: "Adopt a Pet", href: "/adopt" },
+                { label: "Volunteer", href: "/contact" },
+                { label: "Foster a Pet", href: "/contact" }
+            ]
+        },
+        {
+            title: "Resources",            items: [
+                { label: "FAQs", href: "/faq" },
+                { label: "Pet Care Tips", href: "/blog" },
+                { label: "Contact Us", href: "/contact" }
+            ]
+        }
+    ];
+
     return (
         <ThemeProvider
             defaultButtonVariant="hover-bubble"
@@ -27,15 +61,7 @@ export default function BlogPage() {
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarStyleCentered
-                        navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "Adopt", id: "/adopt" },
-                            { name: "About", id: "/about" },
-                            { name: "Contact", id: "/contact" },
-                            { name: "Donate", id: "/donate" },
-                            { name: "Shop", id: "/shop" },
-                            { name: "Blog", id: "/blog" }
-                        ].map(item => ({...item, id: item.id.startsWith('/') ? item.id : `#${item.id}`}))}
+                        navItems={navItems}
                         button={{ text: "Donate", href: "/donate" }}
                         brandName="Hope Haven"
                         className="py-4"
@@ -63,32 +89,9 @@ export default function BlogPage() {
 
                 <div id="footer" data-section="footer">
                     <FooterBase
-                        columns={[
-                            {
-                                title: "About Us",                                items: [
-                                    { label: "Our Mission", href: "/about" },
-                                    { label: "Meet the Team", href: "/about#team" },
-                                    { label: "Impact Report", href: "/about#impact" }
-                                ]
-                            },
-                            {
-                                title: "Get Involved",                                items: [
-                                    { label: "Adopt a Pet", href: "/adopt" },
-                                    { label: "Volunteer", href: "/contact" },
-                                    { label: "Foster a Pet", href: "/contact" }
-                                ]
-                            },
-                            {
-                                title: "Resources",                                items: [
-                                    { label: "FAQs", href: "/faq" },
-                                    { label: "Pet Care Tips", href: "/blog" },
-                                    { label: "Contact Us", href: "/contact" }
-                                ]
-                            }
-                        ]}
+                        columns={footerColumns}
                         logoText="Hope Haven"
                         copyrightText="© 2024 Hope Haven Animal Shelter. All rights reserved."
-                        useInvertedBackground={false}
                     />
                 </div>
             </ReactLenis>