feat: add footer section on homepage

Added club's email, insta, github and linkedin.

Author: Aksh-Bansal-dev

frontend/src/components/HomeFooter/index.tsx

@@ -0,0 +1,27 @@
+import { Email, GitHub, Instagram, LinkedIn } from "@material-ui/icons";
+import React from "react";
+import styles from "./style.module.css";
+
+const HomeFooter: React.FC = () => {
+  return (
+    <div className={styles.container}>
+      <a href="https://www.instagram.com/bitbyte.tpc/" target="_blank">
+        <Instagram className={styles.icon} />
+      </a>
+      <a href="mailto:theprogclub@iiitdmj.ac.in" target="_blank">
+        <Email className={styles.icon} />
+      </a>
+      <a
+        href="https://www.linkedin.com/company/bitbyte-tpc/about/"
+        target="_blank"
+      >
+        <LinkedIn className={styles.icon} />
+      </a>
+      <a href="https://github.com/BitByte-TPC" target="_blank">
+        <GitHub className={styles.icon} />
+      </a>
+    </div>
+  );
+};
+
+export default HomeFooter;

frontend/src/components/HomeFooter/style.module.css

@@ -0,0 +1,11 @@
+.container {
+  display: flex;
+  height: 10vh;
+  justify-content: space-around;
+  align-items: center;
+  padding: 0 20vw;
+}
+.icon {
+  color: white;
+  font-size: 2rem;
+}

frontend/src/pages/homePage/index.tsx

@@ -5,6 +5,7 @@ import Nav2 from "../../components/Navs/Nav_v2";
 import WhyUs from "src/components/WhyUs";
 import Mission from "src/components/Mission_vision/Mission";
 import Vision from "src/components/Mission_vision/Vision";
+import HomeFooter from "src/components/HomeFooter";
 
 const HomePage: React.FC = () => {
   return (
@@ -37,6 +38,7 @@ const HomePage: React.FC = () => {
       <WhyUs />
       <Mission />
       <Vision />
+      <HomeFooter />
     </div>
   );
 };