fix up contact page

Author: derekxu04

frontend/src/components/Footer.tsx

@@ -1,6 +1,6 @@
 import Image from 'next/image';
 import Link from 'next/link';
-import { socialLinks } from '../../public/data/data';
+import { socialLinks } from '@/../public/data/data';
 
 const Footer = () => {
   return (

frontend/src/components/Navbar.tsx

@@ -41,9 +41,9 @@ const Navbar = () => {
             <p className="text-[0.6rem] text-[#C4C5C8]">04</p>
             <div>{'//'} sponsors</div>
           </Link>
-          <Link href="contact">
+          <Link href="/contact-us">
             <p className="text-[0.6rem] text-[#C4C5C8]">05</p>
-            <div>{'//'} contact Us</div>
+            <div>{'//'} contact us</div>
           </Link>
         </div>
         <div className="md:hidden xl:hidden lg:hidden text-right font-bold block">

frontend/src/components/Resources/index.tsx

@@ -1,4 +1,3 @@
-// import DiscordLogo from "@/public/assets/discord_logo.svg"
 import Image from 'next/image';
 
 const boxStyling =
@@ -15,7 +14,7 @@ const Resources = () => {
 
           <div className="text-center my-10">
             <p className="text-[#3977F8] font-game text-xl">03</p>
-            <h2 className="font-bold text-6xl">RESOURCES & CONTACTS</h2>
+            <h2 className="font-bold text-6xl">RESOURCES</h2>
           </div>
 
           <div className="py-8 bg-no-repeat bg-center">

frontend/src/pages/contact.tsx frontend/src/pages/contact-us.tsxfrontend/src/pages/contact.tsx renamed to frontend/src/pages/contact-us.tsx

@@ -6,67 +6,71 @@ 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>
+      <section className="py-8 xl:px-24 sm:px-10 px-5" id="contact-us">
+        <div className="text-center my-10">
+          <p className="text-[#3977F8] font-game text-xl">05</p>
+          <h1 className="font-bold text-6xl">CONTACT US</h1>
+        </div>
+
         <ul>
           <li>
-            <h3 className="text-2xl font-bold pt-5">
+            <h3 className="text-2xl font-semibold pt-5">
               For general enquiries or feedback on our society
             </h3>
-            <p className="text-xl">
+            <p className="text-xl my-2">
               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">
+            <h3 className="text-2xl font-semibold pt-5">For feedback on CSESoc Media</h3>
+            <p className="text-xl my-2">
               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">
+            <h3 className="text-2xl font-semibold pt-5">For enquiries about sponsorship</h3>
+            <p className="text-xl my-2">
               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">
+            <h3 className="text-2xl font-semibold pt-5">For sharing opportunities with our members</h3>
+            <p className="text-xl my-2">
               Please fill out{' '}
               <a className="underline" href="https://forms.gle/7kk3RRBJbXo3Sip86">
                 this form
               </a>
+              .
             </p>
-            <iframe
+            {/* <iframe
               className="w-1/2 h-[80vh] self-center"
               src="https://forms.gle/7kk3RRBJbXo3Sip86"
-            ></iframe>
+            ></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 className="my-10">
+          <p className="text-2xl font-semibold pt-5">
+            And be sure to follow us on social media to be notified of upcoming events and
+            opportunities!
+          </p>
+          <div className='pb-28'>
+            <Contacts />
+          </div>
         </div>
       </section>
-
       <Footer />
     </section>
   );