Merge pull request #56 from UoaWDCC/fix/footer

Created footer

web/src/components/Footer.tsx

@@ -1,10 +1,47 @@
-function Footer() {
-  const currentTime = new Date().getFullYear();
+import { FaFacebook, FaInstagram } from "react-icons/fa";
+import peacockLogo from "../assets/peacock-logo.png";
+import whiteName from "../assets/auis_white.png";
+import { FacebookLink, InstagramLink } from "../data/data";
+
+const Footer = () => {
+  const currentYear = new Date().getFullYear();
   return (
-    <footer>
-      <h1>Footer | {currentTime}</h1>
+    <footer className="w-full bg-[#034159] flex flex-col justify-between px-4 sm:px-6 md:px-8 fixed bottom-0">
+      <div className="flex justify-between items-center py-3">
+        <div className="text-xl text-white flex items-center">
+          <img
+            src={peacockLogo}
+            alt="logo"
+            width={40}
+            height={40}
+            className="mr-3"
+          />
+          <span>© {currentYear}</span>
+          <img
+            src={whiteName}
+            alt="logo"
+            width={50}
+            height={50}
+            className="ml-3"
+          />
+        </div>
+        <div className="flex space-x-4">
+          <a href={FacebookLink} rel="noreferrer" target="_blank">
+            <FaFacebook
+              className="hover:-translate-y-1 transition-transform cursor-pointer text-white"
+              size={40}
+            />
+          </a>
+          <a href={InstagramLink} rel="noreferrer" target="_blank">
+            <FaInstagram
+              className="hover:-translate-y-1 transition-transform cursor-pointer text-white"
+              size={40}
+            />
+          </a>
+        </div>
+      </div>
     </footer>
   );
-}
+};
 
 export default Footer;

web/src/data/data.ts

@@ -44,3 +44,7 @@ export const execs: Exec[] = [
     bio: "Consectetur adipiscing elit...",
   },
 ];
+
+export const FacebookLink = "https://www.facebook.com/auis.uoa/";
+export const InstagramLink =
+  "https://www.instagram.com/au.indiansociety/?hl=en";