fix pages

Author: derekxu04

frontend/src/pages/about/index.tsx

@@ -17,7 +17,9 @@ export default function AboutPage() {
               </div>
               <h2 className="mt-10 text-3xl font-extrabold">CSESoc</h2>
               <p className="text-[#727B8C] font-medium">unsw-computer-science-engineering-society</p>
-              <button className="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button>
+              <a href="https://www.facebook.com/csesoc/" target="_blank">
+                <button className="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button>
+              </a>
               <p>
                 CSESoc is the principal representative body for UNSW computing students.
               </p>
@@ -34,7 +36,7 @@ export default function AboutPage() {
               </div>
               <div className="flex gap-5">
                 <Image src="/assets/mail_icon.svg" alt="Mail" width={20} height={20} />
-                [email protected]
+                <a href="mailto:[email protected]" className="hover:underline">[email protected]</a>
               </div>
             </div>
             {/* RIGHT SIDE */}

frontend/src/pages/contact-us.tsx

@@ -7,49 +7,49 @@ export default function ContactUsPage() {
   return (
     <Layout>
       <PageTitle title="CONTACT US" />
-      
+
       <PageBody>
         <ul>
           <li>
             <h3 className="text-2xl font-semibold pt-5">
               For general enquiries or feedback on our society
             </h3>
             <p className="text-xl my-2">
-              Please email{' '}
+              <span>Please email </span>
               <a className="underline" href="mailto:[email protected]">
                 [email protected]
               </a>
-              .
+              <span>.</span>
             </p>
           </li>
           <li>
             <h3 className="text-2xl font-semibold pt-5">For feedback on CSESoc Media</h3>
             <p className="text-xl my-2">
-              Please email{' '}
+              <span>Please email </span>
               <a className="underline" href="mailto:[email protected]">
                 [email protected]
               </a>
-              .
+              <span>.</span>
             </p>
           </li>
           <li>
             <h3 className="text-2xl font-semibold pt-5">For enquiries about sponsorship</h3>
             <p className="text-xl my-2">
-              Please email{' '}
+              <span>Please email </span>
               <a className="underline" href="mailto:[email protected]">
                 [email protected]
               </a>
-              .
+              <span>.</span>
             </p>
           </li>
           <li>
             <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">
+              <span>Please fill out </span>
+              <a className="underline" href="https://forms.gle/7kk3RRBJbXo3Sip86" target="_blank">
                 this form
               </a>
-              .
+              <span>.</span>
             </p>
           </li>
         </ul>
@@ -59,9 +59,7 @@ export default function ContactUsPage() {
             And be sure to follow us on social media to be notified of upcoming events and
             opportunities!
           </p>
-          <div className='pb-28'>
-            <Contacts />
-          </div>
+          <Contacts />
         </div>
       </PageBody>
     </Layout>