diff --git a/app/Home.tsx b/app/Home.tsx
index e4e3696..642da0f 100644
--- a/app/Home.tsx
+++ b/app/Home.tsx
@@ -1,4 +1,5 @@
 import Header from '../components/custom/header';
+import Footer from '../components/custom/footer';
 
 export default function Home() {
   return (
@@ -20,12 +21,8 @@ export default function Home() {
             <li>Event 3 - Date</li>
           </ul>
         </section>
+        <Footer />
       </main>
-      <footer className="text-center mt-8">
-        <p className="text-gray-500">
-          &copy; 2024 Ticket Chain. All rights reserved.
-        </p>
-      </footer>
     </div>
   );
 }
diff --git a/components/custom/footer.tsx b/components/custom/footer.tsx
new file mode 100644
index 0000000..4012306
--- /dev/null
+++ b/components/custom/footer.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+
+const Footer = () => {
+  return (
+    <footer className="text-center mt-8">
+      <p className="text-gray-500">
+        &copy; 2024 Ticket Chain. All rights reserved.
+      </p>
+    </footer>
+  );
+};
+export default Footer;