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 (