Update footer

LaurierHawkHacks · Mar 26, 2024 · 9043805 · 9043805
1 parent 092a31e
commit 9043805
Showing 1 changed file with 10 additions and 22 deletions.
diff --git a/src/components/sections/Footer.section.tsx b/src/components/sections/Footer.section.tsx
@@ -1,33 +1,21 @@
-import {
-    MailIcon,
-    LinkedInIcon,
-    InstagramIcon,
-    TwitterIcon,
-    FacebookIcon,
-    DevpostIcon,
-} from '@assets';
+import { SocialIcons } from "@components";
 
 const FooterSection = () => {
     return (
-        <footer className="p-4 sm:text-center">
-            <div className="sm:space-x-2 md:space-x-3">
-                <MailIcon />
-                <LinkedInIcon />
-                <InstagramIcon />
-                <TwitterIcon />
-                <FacebookIcon />
-                <DevpostIcon />
+        <footer className="p-4 text-center bg-darkViolet py-20">
+            <div className="flex justify-center items-center pb-6">
+                <SocialIcons />
             </div>
-            <div className="links flex flex-col sm:flex-row sm:justify-center sm:gap-3 ">
+            <div className="links flex flex-col items-center gap-3 sm:flex-row sm:justify-center">
                 <a
-                    className="underline hover:text-[#0FA3B1] focus:text-[#1D7882]"
-                    href="#"
+                    className="underline text-weirdViolet hover:text-[#0FA3B1] focus:text-[#1D7882] mb-2 sm:mb-0" // Added mb-2 for spacing between links on mobile
+                    href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf"
                 >
                     Code of Conduct
                 </a>
                 <a
-                    className="underline hover:text-[#0FA3B1] focus:text-[#1D7882]"
-                    href="#"
+                    className="underline text-weirdViolet hover:text-[#0FA3B1] focus:text-[#1D7882]"
+                    href=""
                 >
                     Become a Sponsor
                 </a>
@@ -39,4 +27,4 @@ const FooterSection = () => {
     );
 };
 
-export { FooterSection };
+export { FooterSection };