diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 774cc49..d17dd72 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,35 +1,7 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import Link from "next/link";
-
-function Footer() {
-  const navItems = [
-    { name: "Home", href: "/" },
-    { name: "Services", href: "/services" },
-    { name: "Success Stories", href: "/success-stories" },
-    { name: "Resources", href: "/resources" },
-    { name: "About", href: "/about" },
-    { name: "Book an Appointment", href: "/contact" },
-  ];
-
-  return (
-    <footer className="w-full py-8 text-foreground bg-background">
-      <div className="mx-auto px-4 md:px-6 max-w-7xl flex flex-col items-center justify-between gap-4 sm:flex-row">
-        <div className="text-sm">
-          &copy; {new Date().getFullYear()} TSBDC Knoxville Center. All rights reserved.
-        </div>
-        <nav className="flex flex-wrap justify-center gap-x-6 gap-y-2 text-sm">
-          {navItems.map((item) => (
-            <Link key={item.name} href={item.href} className="hover:underline">
-              {item.name}
-            </Link>
-          ))}
-        </nav>
-      </div>
-    </footer>
-  );
-}
+import Footer from '@/components/Footer/Footer';
 
 export default function AboutPage() {
   return (
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3abaee6..df5f3d0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,35 +1,7 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import Link from "next/link";
-
-function Footer() {
-  const navItems = [
-    { name: "Home", href: "/" },
-    { name: "Services", href: "/services" },
-    { name: "Success Stories", href: "/success-stories" },
-    { name: "Resources", href: "/resources" },
-    { name: "About", href: "/about" },
-    { name: "Book an Appointment", href: "/contact" },
-  ];
-
-  return (
-    <footer className="w-full py-8 text-foreground bg-background">
-      <div className="mx-auto px-4 md:px-6 max-w-7xl flex flex-col items-center justify-between gap-4 sm:flex-row">
-        <div className="text-sm">
-          &copy; {new Date().getFullYear()} TSBDC Knoxville Center. All rights reserved.
-        </div>
-        <nav className="flex flex-wrap justify-center gap-x-6 gap-y-2 text-sm">
-          {navItems.map((item) => (
-            <Link key={item.name} href={item.href} className="hover:underline">
-              {item.name}
-            </Link>
-          ))}
-        </nav>
-      </div>
-    </footer>
-  );
-}
+import Footer from '@/components/Footer/Footer';
 
 export default function HomePage() {
   return (
diff --git a/src/app/resources/page.tsx b/src/app/resources/page.tsx
index b1bb5e4..46598d5 100644
--- a/src/app/resources/page.tsx
+++ b/src/app/resources/page.tsx
@@ -1,35 +1,7 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import Link from "next/link";
-
-function Footer() {
-  const navItems = [
-    { name: "Home", href: "/" },
-    { name: "Services", href: "/services" },
-    { name: "Success Stories", href: "/success-stories" },
-    { name: "Resources", href: "/resources" },
-    { name: "About", href: "/about" },
-    { name: "Book an Appointment", href: "/contact" },
-  ];
-
-  return (
-    <footer className="w-full py-8 text-foreground bg-background">
-      <div className="mx-auto px-4 md:px-6 max-w-7xl flex flex-col items-center justify-between gap-4 sm:flex-row">
-        <div className="text-sm">
-          &copy; {new Date().getFullYear()} TSBDC Knoxville Center. All rights reserved.
-        </div>
-        <nav className="flex flex-wrap justify-center gap-x-6 gap-y-2 text-sm">
-          {navItems.map((item) => (
-            <Link key={item.name} href={item.href} className="hover:underline">
-              {item.name}
-            </Link>
-          ))}
-        </nav>
-      </div>
-    </footer>
-  );
-}
+import Footer from '@/components/Footer/Footer';
 
 export default function ResourcesPage() {
   return (
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 0dda82a..9bea8c1 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -1,35 +1,7 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import Link from "next/link";
-
-function Footer() {
-  const navItems = [
-    { name: "Home", href: "/" },
-    { name: "Services", href: "/services" },
-    { name: "Success Stories", href: "/success-stories" },
-    { name: "Resources", href: "/resources" },
-    { name: "About", href: "/about" },
-    { name: "Book an Appointment", href: "/contact" },
-  ];
-
-  return (
-    <footer className="w-full py-8 text-foreground bg-background">
-      <div className="mx-auto px-4 md:px-6 max-w-7xl flex flex-col items-center justify-between gap-4 sm:flex-row">
-        <div className="text-sm">
-          &copy; {new Date().getFullYear()} TSBDC Knoxville Center. All rights reserved.
-        </div>
-        <nav className="flex flex-wrap justify-center gap-x-6 gap-y-2 text-sm">
-          {navItems.map((item) => (
-            <Link key={item.name} href={item.href} className="hover:underline">
-              {item.name}
-            </Link>
-          ))}
-        </nav>
-      </div>
-    </footer>
-  );
-}
+import Footer from '@/components/Footer/Footer';
 
 export default function ServicesPage() {
   return (
diff --git a/src/app/success-stories/page.tsx b/src/app/success-stories/page.tsx
index 6dba6e8..568e061 100644
--- a/src/app/success-stories/page.tsx
+++ b/src/app/success-stories/page.tsx
@@ -1,35 +1,7 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import Link from "next/link";
-
-function Footer() {
-  const navItems = [
-    { name: "Home", href: "/" },
-    { name: "Services", href: "/services" },
-    { name: "Success Stories", href: "/success-stories" },
-    { name: "Resources", href: "/resources" },
-    { name: "About", href: "/about" },
-    { name: "Book an Appointment", href: "/contact" },
-  ];
-
-  return (
-    <footer className="w-full py-8 text-foreground bg-background">
-      <div className="mx-auto px-4 md:px-6 max-w-7xl flex flex-col items-center justify-between gap-4 sm:flex-row">
-        <div className="text-sm">
-          &copy; {new Date().getFullYear()} TSBDC Knoxville Center. All rights reserved.
-        </div>
-        <nav className="flex flex-wrap justify-center gap-x-6 gap-y-2 text-sm">
-          {navItems.map((item) => (
-            <Link key={item.name} href={item.href} className="hover:underline">
-              {item.name}
-            </Link>
-          ))}
-        </nav>
-      </div>
-    </footer>
-  );
-}
+import Footer from '@/components/Footer/Footer';
 
 export default function SuccessStoriesPage() {
   return (
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
new file mode 100644
index 0000000..7340330
--- /dev/null
+++ b/src/components/Footer/Footer.tsx
@@ -0,0 +1,32 @@
+import Link from "next/link";
+import React from "react";
+
+function Footer() {
+  const navItems = [
+    { name: "Home", href: "/" },
+    { name: "Services", href: "/services" },
+    { name: "Success Stories", href: "/success-stories" },
+    { name: "Resources", href: "/resources" },
+    { name: "About", href: "/about" },
+    { name: "Book an Appointment", href: "/contact" },
+  ];
+
+  return (
+    <footer className="w-full py-8 text-foreground bg-background">
+      <div className="mx-auto px-4 md:px-6 max-w-7xl flex flex-col items-center justify-between gap-4 sm:flex-row">
+        <div className="text-sm">
+          &copy; {new Date().getFullYear()} TSBDC Knoxville Center. All rights reserved.
+        </div>
+        <nav className="flex flex-wrap justify-center gap-x-6 gap-y-2 text-sm">
+          {navItems.map((item) => (
+            <Link key={item.name} href={item.href} className="hover:underline">
+              {item.name}
+            </Link>
+          ))}
+        </nav>
+      </div>
+    </footer>
+  );
+}
+
+export default Footer;