[CW2-33] Organise Landing Page

frontend/src/components/About/index.tsx

@@ -44,7 +44,28 @@ const About = () => {
               <p className="text-xs">
                 csesoc/README<span className="text-[#7A8192]">.md</span>
               </p>
-              <p className="mt-5">Lorem Ipsum</p>
+              <p className="mt-5">
+                We're UNSW's Computer Science and Engineering (CSE) Society. We meet the social, personal, and professional needs of CSE students, and promote computing by:
+              </p>
+                <ul>
+                  <li>
+                    - Runing weekly events, like trivia, movies, board
+                    games nights, LAN parties, workshops, coding competitions, tech talks, and our free weekly BBQ.
+                  </li>
+                  <li>
+                    - Create Podcasts, articles, YouTube videos,
+                    and live streams
+                  </li>
+                  <li>
+                    - Run events like First Year Camp and Peer Mentoring programs.
+                  </li>
+                  <li>
+                    - Engage students with our industry sponsors and representatives.
+                  </li>
+                  <li>
+                    - Develop open-source projects to learn and give to our community.
+                  </li>
+                </ul>
             </div>
             <div className="mt-10">
               Pinned

frontend/src/components/Event/index.tsx

@@ -3,7 +3,7 @@ const Event = () => {
     <section className="py-8 xl:px-24 sm:px-10 px-5" id="events">
       <div className="text-center my-10">
         <p className="text-[#3977F8] font-game text-xl">02</p>
-        <h1 className="font-bold text-6xl">EVENTS</h1>
+        <h1 className="font-bold text-6xl">UPCOMING EVENTS</h1>
       </div>
       <div className="flex items-center">
         <p className="text-center text-3xl">

frontend/src/components/Landing/index.tsx

@@ -25,22 +25,6 @@ const Landing = () => {
             <p>{'</h2>'}</p>
           </div>
         </div>
-        <div className="w-72 font-semibold text-xl lg:block hidden">
-          <p className="font-bold bg-[#3977F8] inline px-3 py-1">STATS</p>
-          <hr className="mb-3 mt-5" />
-          <div className="flex justify-between">
-            <p>323,000</p>
-            <p>Members</p>
-          </div>
-          <div className="flex justify-between">
-            <p>300</p>
-            <p>Team Members</p>
-          </div>
-          <div className="flex justify-between">
-            <p>52</p>
-            <p>Events held</p>
-          </div>
-        </div>
       </div>
     </section>
   );

frontend/src/components/Sponsors/index.tsx

@@ -13,7 +13,7 @@ const Sponsors = () => {
       id="sponsors"
     >
       <div className="text-center">
-        <p className="text-[#3977F8] font-game text-xl">04</p>
+        <p className="text-[#3977F8] font-game text-xl">03</p>
         <h2 className="font-bold text-6xl">SUPPORT CSESOC</h2>
       </div>
       <div className="flex-1 flex justify-center items-center my-20">

frontend/src/pages/index.tsx

@@ -2,15 +2,13 @@ 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';
 
 export default function Home() {
   return (
     <section>
       <Landing />
       <About />
       <Event />
-      <ResourcesAndContacts />
       <Sponsors />
     </section>
   );