diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index fd73377..cebf6c7 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -16,7 +16,7 @@
         "axios": "^1.7.2",
         "eslint-config-next": "13.4.19",
         "framer-motion": "^11.1.2",
-        "next": "13.4.19",
+        "next": "13.4.12",
         "postcss": "8.4.29",
         "react": "18.2.0",
         "react-dom": "18.2.0",
@@ -242,9 +242,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.19.tgz",
-      "integrity": "sha512-FsAT5x0jF2kkhNkKkukhsyYOrRqtSxrEhfliniIq0bwWbuXLgyt3Gv0Ml+b91XwjwArmuP7NxCiGd++GGKdNMQ=="
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.12.tgz",
+      "integrity": "sha512-RmHanbV21saP/6OEPBJ7yJMuys68cIf8OBBWd7+uj40LdpmswVAwe1uzeuFyUsd6SfeITWT3XnQfn6wULeKwDQ=="
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "14.2.3",
@@ -302,9 +302,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.19.tgz",
-      "integrity": "sha512-vv1qrjXeGbuF2mOkhkdxMDtv9np7W4mcBtaDnHU+yJG+bBwa6rYsYSCI/9Xm5+TuF5SbZbrWO6G1NfTh1TMjvQ==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.12.tgz",
+      "integrity": "sha512-deUrbCXTMZ6ZhbOoloqecnUeNpUOupi8SE2tx4jPfNS9uyUR9zK4iXBvH65opVcA/9F5I/p8vDXSYbUlbmBjZg==",
       "cpu": [
         "arm64"
       ],
@@ -317,9 +317,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.19.tgz",
-      "integrity": "sha512-jyzO6wwYhx6F+7gD8ddZfuqO4TtpJdw3wyOduR4fxTUCm3aLw7YmHGYNjS0xRSYGAkLpBkH1E0RcelyId6lNsw==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.12.tgz",
+      "integrity": "sha512-WRvH7RxgRHlC1yb5oG0ZLx8F7uci9AivM5/HGGv9ZyG2Als8Ij64GC3d+mQ5sJhWjusyU6T6V1WKTUoTmOB0zQ==",
       "cpu": [
         "x64"
       ],
@@ -332,9 +332,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.19.tgz",
-      "integrity": "sha512-vdlnIlaAEh6H+G6HrKZB9c2zJKnpPVKnA6LBwjwT2BTjxI7e0Hx30+FoWCgi50e+YO49p6oPOtesP9mXDRiiUg==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.12.tgz",
+      "integrity": "sha512-YEKracAWuxp54tKiAvvq73PUs9lok57cc8meYRibTWe/VdPB2vLgkTVWFcw31YDuRXdEhdX0fWS6Q+ESBhnEig==",
       "cpu": [
         "arm64"
       ],
@@ -347,9 +347,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.19.tgz",
-      "integrity": "sha512-aU0HkH2XPgxqrbNRBFb3si9Ahu/CpaR5RPmN2s9GiM9qJCiBBlZtRTiEca+DC+xRPyCThTtWYgxjWHgU7ZkyvA==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.12.tgz",
+      "integrity": "sha512-LhJR7/RAjdHJ2Isl2pgc/JaoxNk0KtBgkVpiDJPVExVWA1c6gzY57+3zWuxuyWzTG+fhLZo2Y80pLXgIJv7g3g==",
       "cpu": [
         "arm64"
       ],
@@ -362,9 +362,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.19.tgz",
-      "integrity": "sha512-htwOEagMa/CXNykFFeAHHvMJeqZfNQEoQvHfsA4wgg5QqGNqD5soeCer4oGlCol6NGUxknrQO6VEustcv+Md+g==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.12.tgz",
+      "integrity": "sha512-1DWLL/B9nBNiQRng+1aqs3OaZcxC16Nf+mOnpcrZZSdyKHek3WQh6j/fkbukObgNGwmCoVevLUa/p3UFTTqgqg==",
       "cpu": [
         "x64"
       ],
@@ -377,9 +377,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.19.tgz",
-      "integrity": "sha512-4Gj4vvtbK1JH8ApWTT214b3GwUh9EKKQjY41hH/t+u55Knxi/0wesMzwQRhppK6Ddalhu0TEttbiJ+wRcoEj5Q==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.12.tgz",
+      "integrity": "sha512-kEAJmgYFhp0VL+eRWmUkVxLVunn7oL9Mdue/FS8yzRBVj7Z0AnIrHpTIeIUl1bbdQq1VaoOztnKicAjfkLTRCQ==",
       "cpu": [
         "x64"
       ],
@@ -392,9 +392,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.19.tgz",
-      "integrity": "sha512-bUfDevQK4NsIAHXs3/JNgnvEY+LRyneDN788W2NYiRIIzmILjba7LaQTfihuFawZDhRtkYCv3JDC3B4TwnmRJw==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.12.tgz",
+      "integrity": "sha512-GMLuL/loR6yIIRTnPRY6UGbLL9MBdw2anxkOnANxvLvsml4F0HNIgvnU3Ej4BjbqMTNjD4hcPFdlEow4XHPdZA==",
       "cpu": [
         "arm64"
       ],
@@ -407,9 +407,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.19.tgz",
-      "integrity": "sha512-Y5kikILFAr81LYIFaw6j/NrOtmiM4Sf3GtOc0pn50ez2GCkr+oejYuKGcwAwq3jiTKuzF6OF4iT2INPoxRycEA==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.12.tgz",
+      "integrity": "sha512-PhgNqN2Vnkm7XaMdRmmX0ZSwZXQAtamBVSa9A/V1dfKQCV1rjIZeiy/dbBnVYGdj63ANfsOR/30XpxP71W0eww==",
       "cpu": [
         "ia32"
       ],
@@ -422,9 +422,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.19.tgz",
-      "integrity": "sha512-YzA78jBDXMYiINdPdJJwGgPNT3YqBNNGhsthsDoWHL9p24tEJn9ViQf/ZqTbwSpX/RrkPupLfuuTH2sf73JBAw==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.12.tgz",
+      "integrity": "sha512-Z+56e/Ljt0bUs+T+jPjhFyxYBcdY2RIq9ELFU+qAMQMteHo7ymbV7CKmlcX59RI9C4YzN8PgMgLyAoi916b5HA==",
       "cpu": [
         "x64"
       ],
@@ -3490,11 +3490,11 @@
       "dev": true
     },
     "node_modules/next": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.4.19.tgz",
-      "integrity": "sha512-HuPSzzAbJ1T4BD8e0bs6B9C1kWQ6gv8ykZoRWs5AQoiIuqbGHHdQO7Ljuvg05Q0Z24E2ABozHe6FxDvI6HfyAw==",
+      "version": "13.4.12",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.4.12.tgz",
+      "integrity": "sha512-eHfnru9x6NRmTMcjQp6Nz0J4XH9OubmzOa7CkWL+AUrUxpibub3vWwttjduu9No16dug1kq04hiUUpo7J3m3Xw==",
       "dependencies": {
-        "@next/env": "13.4.19",
+        "@next/env": "13.4.12",
         "@swc/helpers": "0.5.1",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001406",
@@ -3510,18 +3510,19 @@
         "node": ">=16.8.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.4.19",
-        "@next/swc-darwin-x64": "13.4.19",
-        "@next/swc-linux-arm64-gnu": "13.4.19",
-        "@next/swc-linux-arm64-musl": "13.4.19",
-        "@next/swc-linux-x64-gnu": "13.4.19",
-        "@next/swc-linux-x64-musl": "13.4.19",
-        "@next/swc-win32-arm64-msvc": "13.4.19",
-        "@next/swc-win32-ia32-msvc": "13.4.19",
-        "@next/swc-win32-x64-msvc": "13.4.19"
+        "@next/swc-darwin-arm64": "13.4.12",
+        "@next/swc-darwin-x64": "13.4.12",
+        "@next/swc-linux-arm64-gnu": "13.4.12",
+        "@next/swc-linux-arm64-musl": "13.4.12",
+        "@next/swc-linux-x64-gnu": "13.4.12",
+        "@next/swc-linux-x64-musl": "13.4.12",
+        "@next/swc-win32-arm64-msvc": "13.4.12",
+        "@next/swc-win32-ia32-msvc": "13.4.12",
+        "@next/swc-win32-x64-msvc": "13.4.12"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
+        "fibers": ">= 3.1.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "sass": "^1.3.0"
@@ -3530,6 +3531,9 @@
         "@opentelemetry/api": {
           "optional": true
         },
+        "fibers": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         }
diff --git a/frontend/package.json b/frontend/package.json
index e1133f6..7aea3ff 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,7 +21,7 @@
     "axios": "^1.7.2",
     "eslint-config-next": "13.4.19",
     "framer-motion": "^11.1.2",
-    "next": "13.4.19",
+    "next": "13.4.12",
     "postcss": "8.4.29",
     "react": "18.2.0",
     "react-dom": "18.2.0",
diff --git a/frontend/src/components/Contacts/index.tsx b/frontend/src/components/Contacts/index.tsx
new file mode 100644
index 0000000..47781bd
--- /dev/null
+++ b/frontend/src/components/Contacts/index.tsx
@@ -0,0 +1,112 @@
+import Image from 'next/image';
+
+const boxStyling =
+  'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
+const socialsBoxStyling =
+  'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
+
+const Contacts = () => {
+  return (
+    <div className="md:mt-10 mt-5">
+    <div className="grid grid-cols-3 1 gap-x-9 gap-y-5 mb-10">
+      <a href="https://bit.ly/CSESocDiscord" target="_blank" className={socialsBoxStyling}>
+        <Image
+          src="assets/discord_logo.svg"
+          alt="discord logo"
+          width={25}
+          height={25}
+          className="mr-1"
+        />
+        <p className="text-xl font-bold m-2">DISCORD</p>
+      </a>
+      <a
+        href="https://www.facebook.com/csesoc/"
+        target="_blank"
+        className={socialsBoxStyling}
+      >
+        <Image
+          src="assets/fb_logo.svg"
+          alt="facebook logo"
+          width={25}
+          height={25}
+          className="mr-1"
+        />
+        <p className="text-xl font-bold m-2">FACEBOOK</p>
+      </a>
+      <a
+        href="https://www.facebook.com/groups/csesoc"
+        target="_blank"
+        className={socialsBoxStyling}
+      >
+        <Image
+          src="assets/group_icon.svg"
+          alt="facebook group"
+          width={25}
+          height={25}
+          className="mr-1"
+        />
+        <p className="text-xl font-bold m-2">FACEBOOK GROUP</p>
+      </a>
+    </div>
+
+    <div className="flex 1 justify-around xl:mx-40">
+      <a href="https://twitter.com/csesoc?lang=en" target="_blank">
+        <Image
+          src="assets/x_twitter_icon.svg"
+          alt="X/Twitter"
+          width={35}
+          height={35}
+          className="mr-1 fill-white hover:scale-105 transition-all"
+        />
+      </a>
+      <a href="https://www.youtube.com/@CSESocUNSW" target="_blank">
+        <Image
+          src="assets/youtube_logo.svg"
+          alt="Youtube"
+          width={35}
+          height={35}
+          className="mr-1 fill-white hover:scale-105 transition-all"
+        />
+      </a>
+      <a href="https://www.instagram.com/csesoc_unsw/?hl=en" target="_blank">
+        <Image
+          src="assets/instagram_logo.svg"
+          alt="Instagram"
+          width={35}
+          height={35}
+          className="mr-1 fill-white hover:scale-105 transition-all"
+        />
+      </a>
+      <a href="https://www.tiktok.com/@csesoc?lang=en" target="_blank">
+        <Image
+          src="assets/tiktok_logo.svg"
+          alt="TikTok"
+          width={35}
+          height={35}
+          className="mr-1 fill-white hover:scale-105 transition-all"
+        />
+      </a>
+      <a href="#" target="_blank">
+        <Image
+          src="assets/wechat_logo.svg"
+          alt="weChat"
+          width={40}
+          height={40}
+          className="mr-1 fill-white hover:scale-105 transition-all"
+        />
+      </a>
+      <a href="https://www.linkedin.com/company/csesoc?originalSubdomain=au" target="_blank">
+        <Image
+          src="assets/linkedin_logo.svg"
+          alt="LinkedIn"
+          width={35}
+          height={35}
+          className="mr-1 fill-white hover:scale-105 transition-all"
+        />
+      </a>
+    </div>
+  </div>
+  );
+};
+
+export default Contacts;
diff --git a/frontend/src/components/Hamburger.tsx b/frontend/src/components/Hamburger.tsx
index bbeb2c5..1e349b8 100644
--- a/frontend/src/components/Hamburger.tsx
+++ b/frontend/src/components/Hamburger.tsx
@@ -47,6 +47,9 @@ export default function Hamburger() {
               <li className="py-2 text-lg">
                 <Link href={'./sponsors'}>Sponsors</Link>
               </li>
+              <li className="py-2 text-lg">
+                <Link href={'./contact'}>Contact Us</Link>
+              </li>
             </ul>
           </motion.div>
         )}
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index feb71d3..4794a86 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -41,6 +41,10 @@ const Navbar = () => {
             <p className="text-[0.6rem] text-[#C4C5C8]">04</p>
             <div>{'//'} sponsors</div>
           </Link>
+          <Link href="contact">
+            <p className="text-[0.6rem] text-[#C4C5C8]">05</p>
+            <div>{'//'} contact Us</div>
+          </Link>
         </div>
         <div className="md:hidden xl:hidden lg:hidden text-right font-bold block">
           <Hamburger />
diff --git a/frontend/src/components/ResourcesAndContacts/index.tsx b/frontend/src/components/Resources/index.tsx
similarity index 58%
rename from frontend/src/components/ResourcesAndContacts/index.tsx
rename to frontend/src/components/Resources/index.tsx
index 459abbe..938fdfa 100644
--- a/frontend/src/components/ResourcesAndContacts/index.tsx
+++ b/frontend/src/components/Resources/index.tsx
@@ -6,7 +6,7 @@ const boxStyling =
 const socialsBoxStyling =
   'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
 
-const ResourcesAndContacts = () => {
+const Resources = () => {
   return (
     <section className="bg-no-repeat bg-center py-8 px-15 min-h-screen flex justify-center items-center">
       <div className="2xl:w-[90rem] xl:w-[75rem] w-[90%]">
@@ -118,109 +118,9 @@ const ResourcesAndContacts = () => {
             </div>
           </div>
         </div>
-
-        <div className="md:mt-10 mt-5">
-          <div className="grid grid-cols-3 1 gap-x-9 gap-y-5 mb-10">
-            <a href="https://bit.ly/CSESocDiscord" target="_blank" className={socialsBoxStyling}>
-              <Image
-                src="assets/discord_logo.svg"
-                alt="discord logo"
-                width={25}
-                height={25}
-                className="mr-1"
-              />
-              <p className="text-xl font-bold m-2">DISCORD</p>
-            </a>
-            <a
-              href="https://www.facebook.com/csesoc/"
-              target="_blank"
-              className={socialsBoxStyling}
-            >
-              <Image
-                src="assets/fb_logo.svg"
-                alt="facebook logo"
-                width={25}
-                height={25}
-                className="mr-1"
-              />
-              <p className="text-xl font-bold m-2">FACEBOOK</p>
-            </a>
-            <a
-              href="https://www.facebook.com/groups/csesoc"
-              target="_blank"
-              className={socialsBoxStyling}
-            >
-              <Image
-                src="assets/group_icon.svg"
-                alt="facebook group"
-                width={25}
-                height={25}
-                className="mr-1"
-              />
-              <p className="text-xl font-bold m-2">FACEBOOK GROUP</p>
-            </a>
-          </div>
-
-          <div className="flex 1 justify-around xl:mx-40">
-            <a href="https://twitter.com/csesoc?lang=en" target="_blank">
-              <Image
-                src="assets/x_twitter_icon.svg"
-                alt="X/Twitter"
-                width={35}
-                height={35}
-                className="mr-1 fill-white hover:scale-105 transition-all"
-              />
-            </a>
-            <a href="https://www.youtube.com/@CSESocUNSW" target="_blank">
-              <Image
-                src="assets/youtube_logo.svg"
-                alt="Youtube"
-                width={35}
-                height={35}
-                className="mr-1 fill-white hover:scale-105 transition-all"
-              />
-            </a>
-            <a href="https://www.instagram.com/csesoc_unsw/?hl=en" target="_blank">
-              <Image
-                src="assets/instagram_logo.svg"
-                alt="Instagram"
-                width={35}
-                height={35}
-                className="mr-1 fill-white hover:scale-105 transition-all"
-              />
-            </a>
-            <a href="https://www.tiktok.com/@csesoc?lang=en" target="_blank">
-              <Image
-                src="assets/tiktok_logo.svg"
-                alt="TikTok"
-                width={35}
-                height={35}
-                className="mr-1 fill-white hover:scale-105 transition-all"
-              />
-            </a>
-            <a href="#" target="_blank">
-              <Image
-                src="assets/wechat_logo.svg"
-                alt="weChat"
-                width={40}
-                height={40}
-                className="mr-1 fill-white hover:scale-105 transition-all"
-              />
-            </a>
-            <a href="https://www.linkedin.com/company/csesoc?originalSubdomain=au" target="_blank">
-              <Image
-                src="assets/linkedin_logo.svg"
-                alt="LinkedIn"
-                width={35}
-                height={35}
-                className="mr-1 fill-white hover:scale-105 transition-all"
-              />
-            </a>
-          </div>
-        </div>
       </div>
     </section>
   );
 };
 
-export default ResourcesAndContacts;
+export default Resources;
diff --git a/frontend/src/pages/contact.tsx b/frontend/src/pages/contact.tsx
new file mode 100644
index 0000000..fd3bed6
--- /dev/null
+++ b/frontend/src/pages/contact.tsx
@@ -0,0 +1,73 @@
+import Contacts from '@/components/Contacts';
+import Footer from '@/components/Footer';
+import Navbar from '@/components/Navbar';
+
+export default function ContactUs() {
+  return (
+    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
+      <Navbar />
+      <section>
+        <p className="text-xl pt-10">
+          CSESoc is the official representative body of computing students at UNSW. We are here to
+          fulfil the social, personal and professional needs of CSE students, and promote computing
+          through a variety of forms.
+        </p>
+        <ul>
+          <li>
+            <h3 className="text-2xl font-bold pt-5">
+              For general enquiries or feedback on our society
+            </h3>
+            <p className="text-xl">
+              Please email{' '}
+              <a className="underline" href="mailto:info@csesoc.org.au">
+                info@csesoc.org.au
+              </a>
+            </p>
+          </li>
+          <li>
+            <h3 className="text-2xl font-bold pt-5">For feedback on CSESoc Media</h3>
+            <p className="text-xl">
+              Please email{' '}
+              <a className="underline" href="mailto:media@csesoc.org.au">
+                media@csesoc.org.au
+              </a>
+            </p>
+          </li>
+          <li>
+            <h3 className="text-2xl font-bold pt-5">For enquiries about sponsorship</h3>
+            <p className="text-xl">
+              Please email{' '}
+              <a className="underline" href="mailto:sponsorship@csesoc.org.au">
+                sponsorship@csesoc.org.au
+              </a>
+            </p>
+          </li>
+          <li>
+            <h3 className="text-2xl font-bold pt-5">For sharing opportunities with our members</h3>
+            <p className="text-xl">
+              Please fill out{' '}
+              <a className="underline" href="https://forms.gle/7kk3RRBJbXo3Sip86">
+                this form
+              </a>
+            </p>
+            <iframe
+              className="w-1/2 h-[80vh] self-center"
+              src="https://forms.gle/7kk3RRBJbXo3Sip86"
+            ></iframe>
+          </li>
+        </ul>
+      </section>
+      <section className="py-5">
+        <p className="text-xl">
+          And be sure to follow us on social media to be notified of upcoming events and
+          opportunities!
+        </p>
+        <div className='pb-28'>
+          <Contacts />
+        </div>
+      </section>
+
+      <Footer />
+    </section>
+  );
+}
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 61f190d..d0ee2b7 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -2,15 +2,15 @@ import Landing from '@/components/Landing';
 import Sponsors from '@/components/Sponsors/index';
 import About from '@/components/About';
 import Event from '@/components/Event';
-import ResourcesAndContacts from '@/components/ResourcesAndContacts';
+import Resources from '@/components/Resources';
 
 export default function Home() {
   return (
     <section>
-      <Landing />
-      <About />
-      <Event />
-      <ResourcesAndContacts />
+      <Landing/>
+      <About/>
+      <Event/>
+      <Resources />
       <Sponsors />
     </section>
   );
diff --git a/frontend/src/pages/resources.tsx b/frontend/src/pages/resources.tsx
index b634ac2..89ca83b 100644
--- a/frontend/src/pages/resources.tsx
+++ b/frontend/src/pages/resources.tsx
@@ -1,12 +1,13 @@
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
-import ResourcesAndContacts from '@/components/ResourcesAndContacts';
+import Resources from '@/components/Resources';
+import Contacts from '@/components/Contacts';
 
 export default function ResourcesPage() {
   return (
     <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
       <Navbar />
-      <ResourcesAndContacts />
+      <Resources/>
       <Footer />
     </section>
   );
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 0ca7323..c0a5209 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -14,9 +18,18 @@
     "jsx": "preserve",
     "incremental": true,
     "paths": {
-      "@/*": ["./src/*"]
-    }
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "forceConsistentCasingInFileNames": true
   },
-  "include": ["./next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
+  "include": [
+    "./next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }