From 8a8240e9759038b101cbe7e863617e845c767b30 Mon Sep 17 00:00:00 2001
From: shye <113232835+justshye@users.noreply.github.com>
Date: Fri, 17 May 2024 16:48:02 -0700
Subject: [PATCH 1/2] Add footer component

---
 src/components/ui/footer.jsx | 40 ++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/components/ui/footer.jsx

diff --git a/src/components/ui/footer.jsx b/src/components/ui/footer.jsx
new file mode 100644
index 0000000..548f39d
--- /dev/null
+++ b/src/components/ui/footer.jsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import Link from 'next/link';
+
+function Footer() {
+  return (
+    <footer className="bg-gray-900 p-6 md:py-12 w-full text-gray-50">
+      <div className="container max-w-7xl grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8 text-sm">
+        <div className="grid gap-1">
+          <h3 className="font-semibold">Company</h3>
+          <Link href="#">About Us</Link>
+          <Link href="#">Our Team</Link>
+          <Link href="#">Careers</Link>
+          <Link href="#">News</Link>
+        </div>
+        <div className="grid gap-1">
+          <h3 className="font-semibold">Job Sites</h3>
+          <Link href="#">Indigenous</Link>
+          <Link href="#">New Comers</Link>
+          <Link href="#">People with Disabilities</Link>
+          <Link href="#">Vulnerable Youth</Link>
+          <Link href="#">Asylum-Refugees</Link>
+        </div>
+        <div className="grid gap-1">
+          <h3 className="font-semibold">Legal</h3>
+          <Link href="#">Privacy Policy</Link>
+          <Link href="#">Terms of Service</Link>
+          <Link href="#">Cookie Policy</Link>
+        </div>
+        <div className="grid gap-1">
+          <h3 className="font-semibold">Contact</h3>
+          <Link href="#">Support</Link>
+          <Link href="#">Sales</Link>
+          <Link href="#">Partnerships</Link>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+export default Footer;

From add5229ed5fd9b99c006b6c2ed6341916a0fd0d1 Mon Sep 17 00:00:00 2001
From: shye <113232835+justshye@users.noreply.github.com>
Date: Fri, 17 May 2024 16:48:16 -0700
Subject: [PATCH 2/2] Replace hard-coded footer with component

---
 src/app/page.js | 33 ++-------------------------------
 1 file changed, 2 insertions(+), 31 deletions(-)

diff --git a/src/app/page.js b/src/app/page.js
index a469216..8f385d6 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -10,6 +10,7 @@ import React from 'react';
 import { useUser } from '@auth0/nextjs-auth0/client';
 import { redirect } from 'next/navigation';
 import Navbar from '@/components/ui/navbar';
+import Footer from '@/components/ui/footer';
 
 export default function Component() {
   const { user, error } = useUser();
@@ -108,37 +109,7 @@ export default function Component() {
           </div>
         </section>
       </main>
-      <footer className="bg-gray-900 p-6 md:py-12 w-full text-gray-50">
-        <div className="container max-w-7xl grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8 text-sm">
-          <div className="grid gap-1">
-            <h3 className="font-semibold">Company</h3>
-            <Link href="#">About Us</Link>
-            <Link href="#">Our Team</Link>
-            <Link href="#">Careers</Link>
-            <Link href="#">News</Link>
-          </div>
-          <div className="grid gap-1">
-            <h3 className="font-semibold">Job Sites</h3>
-            <Link href="#">Indigenous</Link>
-            <Link href="#">New Comers</Link>
-            <Link href="#">People with Disabilities</Link>
-            <Link href="#">Vulnerable Youth</Link>
-            <Link href="#">Asylum-Refugees</Link>
-          </div>
-          <div className="grid gap-1">
-            <h3 className="font-semibold">Legal</h3>
-            <Link href="#">Privacy Policy</Link>
-            <Link href="#">Terms of Service</Link>
-            <Link href="#">Cookie Policy</Link>
-          </div>
-          <div className="grid gap-1">
-            <h3 className="font-semibold">Contact</h3>
-            <Link href="#">Support</Link>
-            <Link href="#">Sales</Link>
-            <Link href="#">Partnerships</Link>
-          </div>
-        </div>
-      </footer>
+      <Footer />
     </div>
   );
 }