diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 927b5ba..abf7d21 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -1,28 +1,75 @@
-import Link from "next/link";
+import { socialMedia } from '../constants/socialMedia';
+
 
 const Footer = () => {
-    return (
-        <footer>
-            <nav className="flex flex-row justify-between w-full">
-                <ul className="flex flex-row">
-                    <li>
-                    <Link href="/">Home</Link>
-                    </li>
-                    <li>
-                    <Link href="/events">Events</Link>
-                    </li>
-                    <li>
-                    <Link href="/newsletters">Newsletters</Link>
-                    </li>
-                </ul>
-                {/* <ul>
-                    <li>
-                    <Link href="/discord">Join our discord</Link>
-                    </li>
-                </ul> */}
-            </nav>
-        </footer>
-    );
-    }
-
-export default Footer;
+  return (
+    <footer className="bg-google-lightGrey dark:bg-google-black text-google-black dark:text-google-lightGrey py-6 mt-8">
+      <div className="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 gap-6 px-4">
+        
+        {/* Contact Us */}
+        <div className="sm:text-left text-center sm:col-span-1 col-span-full">  
+          <h4 className="text-lg sm:text-xl font-bold text-google-black dark:text-google-lightGrey py-2">
+            McMaster University
+          </h4>
+          <a
+            className="text-base sm:text-lg text-google-grey hover:text-google-mediumBlue dark:hover:text-google-lightBlue cursor-pointer"
+            href="mailto:dsc.mcmaster@gmail.com">
+            dsc.mcmasteru@gmail.com
+          </a>
+        </div>
+
+        {/* Follow Us / Site Links */}
+        <div className="grid grid-cols-1 sm:grid-cols-3 gap-4 sm:text-left text-center">
+          
+          {/* Follow Us */}
+          <div className="sm:text-left text-center sm:col-span-1 col-span-full">  
+            <h4 className="font-bold text-google-black dark:text-google-lightGrey mb-2">Follow Us</h4>
+            <ul className="space-y-1">
+              {socialMedia.map((media, index) => (
+                <li key={index} className="flex items-center justify-center sm:justify-start">
+                  <div className="mr-2 h-5 w-5">
+                    {media.icon}
+                  </div>
+                  <a
+                    href={media.href}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="hover:underline text-google-grey hover:text-google-mediumBlue dark:hover:text-google-lightBlue"
+                  >
+                    {media.name}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          {/* Site Map */}
+          <div>
+            <h4 className="font-bold text-google-black dark:text-google-lightGrey mb-2">Site Map</h4>
+            <ul className="space-y-1">
+              <li><a href="/home" className="hover:underline text-google-grey hover:text-google-mediumBlue">Home</a></li>
+              <li><a href="/events" className="hover:underline text-google-grey hover:text-google-mediumBlue">Events</a></li>
+              <li><a href="/newsletter" className="hover:underline text-google-grey hover:text-google-mediumBlue">Newsletter</a></li>
+            </ul>
+          </div>
+
+          {/* Programs */}
+          <div>
+            <h4 className="font-bold text-google-black dark:text-google-lightGrey mb-2">Programs</h4>
+            <ul className="space-y-1">
+              <li><a href="#" className="hover:underline text-google-grey hover:text-google-mediumBlue">Solutions Challenge</a></li>
+            </ul>
+          </div>
+
+        </div>
+      </div>
+
+      {/* Footer Bottom Section */}
+      <div className="max-w-7xl mx-auto text-left mt-4 px-4">
+        <p className="text-sm text-google-grey dark:text-google-lightGrey">&copy; {new Date().getFullYear()} | All rights reserved.</p>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;
\ No newline at end of file
diff --git a/app/constants/socialMedia.tsx b/app/constants/socialMedia.tsx
index 148655b..40ad605 100644
--- a/app/constants/socialMedia.tsx
+++ b/app/constants/socialMedia.tsx
@@ -1,21 +1,45 @@
-import { SiInstagram, SiDiscord, SiLinkedin } from "react-icons/si";
+import { SiInstagram, SiDiscord, SiLinkedin, SiGithub, SiYoutube, SiFacebook, SiX } from "react-icons/si";
 
 export interface SocialMedia {
+    name: string;
     href: string;
     icon: JSX.Element;
 }
 
 export const socialMedia = [
     {
+        name: "Instagram",
         href: "https://www.instagram.com/gdscmcmasteru/",
         icon: <SiInstagram className="w-full h-full" />,
     },
     {
+        name: "Discord",
         href: "https://discord.gg/gdscmcmasteru",
         icon: <SiDiscord className="w-full h-full" />,
     },
     {
+        name: "LinkedIn",
         href: "https://www.linkedin.com/company/gdscmcmasteru/",
         icon: <SiLinkedin className="w-full h-full" />,
     },
+    {
+        name: "Github",
+        href: "https://github.com/DSC-McMaster-U/", 
+        icon: <SiGithub className="w-full h-full" />
+    },
+    {
+        name: "YouTube",
+        href: "https://www.youtube.com/channel/UCyxVVPDEYRCjL0lcwoX9lzA/videos", 
+        icon: <SiYoutube className="w-full h-full" />
+    },
+    {
+        name: "Facebook",
+        href: "https://www.facebook.com/GDSCMcMasterU", 
+        icon: <SiFacebook className="w-full h-full" />
+    },
+    {
+        name: "X",
+        href: "https://twitter.com/dscmcmasteru", 
+        icon: <SiX className="w-full h-full" />
+    },
 ];
\ No newline at end of file
diff --git a/app/page.tsx b/app/page.tsx
index a7c235b..ae21ae8 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -13,6 +13,7 @@ import { ChevronArrowButton, ChevronArrowSpan } from "@/app/components/ChevronAr
 import { MdHandyman, MdForum, MdCode, MdGroup, MdArticle, MdCalendarToday, MdLightbulb } from "react-icons/md";
 import newsletter from "@/assets/illustrations/newsletter.svg";
 
+
 const HeroSection = () => (
   <section id="hero" className="min-h-screen flex justify-center items-center text-center">
     <div id="hero-content">
@@ -230,4 +231,4 @@ export default async function Index() {
       <Footer />
     </>
   );
-}
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 6ee101f..f145ff0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,8 @@
       "name": "website",
       "version": "0.1.0",
       "dependencies": {
+        "@fortawesome/free-brands-svg-icons": "^6.6.0",
+        "@fortawesome/react-fontawesome": "^0.2.2",
         "@portabletext/react": "^3.1.0",
         "@sanity/image-url": "^1.0.2",
         "@sanity/vision": "^3.59.0",
@@ -25,8 +27,8 @@
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.1",
         "@types/jest": "^29.5.13",
-        "@types/node": "^20",
-        "@types/react": "^18",
+        "@types/node": "20.16.10",
+        "@types/react": "18.3.11",
         "@types/react-dom": "^18",
         "babel-jest": "^29.7.0",
         "eslint": "^8",
@@ -37,7 +39,7 @@
         "tailwindcss": "^3.4.1",
         "ts-jest": "^29.2.5",
         "ts-node": "^10.9.2",
-        "typescript": "^5"
+        "typescript": "5.6.2"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -2808,6 +2810,49 @@
       "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
       "license": "MIT"
     },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.6.0.tgz",
+      "integrity": "sha512-xyX0X9mc0kyz9plIyryrRbl7ngsA9jz77mCZJsUkLl+ZKs0KWObgaEBoSgQiYWAsSmjz/yjl0F++Got0Mdp4Rw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-svg-core": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.6.0.tgz",
+      "integrity": "sha512-KHwPkCk6oRT4HADE7smhfsKudt9N/9lm6EJ5BVg0tD1yPA5hht837fB87F8pn15D8JfTqQOjhKTktwmLMiD7Kg==",
+      "peer": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-brands-svg-icons": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.6.0.tgz",
+      "integrity": "sha512-1MPD8lMNW/earme4OQi1IFHtmHUwAKgghXlNwWi9GO7QkTfD+IIaYpIai4m2YJEzqfEji3jFHX1DZI5pbY/biQ==",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/react-fontawesome": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.2.tgz",
+      "integrity": "sha512-EnkrprPNqI6SXJl//m29hpaNzOp1bruISWaOiRtkMi/xSvHJlzc2j2JAYS7egxt/EbjSNV/k6Xy0AQI6vB2+1g==",
+      "dependencies": {
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
+        "react": ">=16.3"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.13.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
@@ -5061,7 +5106,6 @@
       "version": "20.16.10",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.16.10.tgz",
       "integrity": "sha512-vQUKgWTjEIRFCvK6CyriPH3MZYiYlNy0fKiEYHWbcoWLEgs4opurGGKlebrTLqdSMIbXImH6XExNiIyNUv3WpA==",
-      "license": "MIT",
       "dependencies": {
         "undici-types": "~6.19.2"
       }
@@ -5091,7 +5135,6 @@
       "version": "18.3.11",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.11.tgz",
       "integrity": "sha512-r6QZ069rFTjrEYgFdOck1gK7FLVsgJE7tTz0pQBczlBNUhBNk0MQH4UbnFSwjpQLMkLzgqvBBa+qGpLje16eTQ==",
-      "license": "MIT",
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
@@ -14736,7 +14779,6 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz",
       "integrity": "sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==",
-      "license": "MIT",
       "peerDependencies": {
         "react": "*"
       }
@@ -17151,7 +17193,6 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
       "integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==",
       "dev": true,
-      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
diff --git a/package.json b/package.json
index 51cb1c8..bf1a331 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,8 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
+    "@fortawesome/free-brands-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
     "@portabletext/react": "^3.1.0",
     "@sanity/image-url": "^1.0.2",
     "@sanity/vision": "^3.59.0",
@@ -28,8 +30,8 @@
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@types/jest": "^29.5.13",
-    "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/node": "20.16.10",
+    "@types/react": "18.3.11",
     "@types/react-dom": "^18",
     "babel-jest": "^29.7.0",
     "eslint": "^8",
@@ -40,6 +42,6 @@
     "tailwindcss": "^3.4.1",
     "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
-    "typescript": "^5"
+    "typescript": "5.6.2"
   }
 }