From 27887838578780557e69860e5ced5e5f88c9abf3 Mon Sep 17 00:00:00 2001
From: Adwit Mukherji <66975870+4dw1tz@users.noreply.github.com>
Date: Fri, 25 Oct 2024 15:29:05 +0100
Subject: [PATCH] Footer Component

---
 app/Home.tsx                 |  7 ++-----
 components/custom/footer.tsx | 12 ++++++++++++
 2 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 components/custom/footer.tsx

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;