From ce86742593200e37a52eba4b9879bfc64e4f4b52 Mon Sep 17 00:00:00 2001
From: Naren Rohan <nroh555@aucklanduni.ac.nz>
Date: Fri, 7 Jun 2024 12:24:13 +1200
Subject: [PATCH] Created footer

---
 web/src/components/Footer.tsx | 47 +++++++++++++++++++++++++++++++----
 web/src/data/data.ts          |  4 +++
 2 files changed, 46 insertions(+), 5 deletions(-)

diff --git a/web/src/components/Footer.tsx b/web/src/components/Footer.tsx
index d7c1ac51..f8808ca3 100644
--- a/web/src/components/Footer.tsx
+++ b/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;
diff --git a/web/src/data/data.ts b/web/src/data/data.ts
index 1c6609d8..fb53fe54 100644
--- a/web/src/data/data.ts
+++ b/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";