remove sponsors box

Author: derekxu04

frontend/src/components/About/AboutHomepage.tsx

@@ -4,7 +4,7 @@ export default function AboutHomePage() {
     return (
         <section className="py-8 xl:px-24 sm:px-10 px-5" id="about">
           <div className="text-center my-10">
-            <h2 className="font-bold text-6xl">ABOUT</h2>
+            <h2 className="font-bold text-6xl mb-16">ABOUT</h2>
           </div>
           <div className="flex justify-center items-center">
             <div className="lg:grid grid-cols-6 flex-1 max-w-[90rem]">

frontend/src/components/Event/EventsBrief.tsx

@@ -6,7 +6,7 @@ const EventBrief = () => {
   return (
     <section className="py-8 xl:px-24 sm:px-10 px-5" id="events">
       <div className="text-center my-10">
-        <h1 className="font-bold text-6xl">UPCOMING EVENTS</h1>
+        <h1 className="font-bold text-6xl mb-16">UPCOMING EVENTS</h1>
       </div>
       {events.length !== 0 ?
         <EventsCarousel/> :

frontend/src/components/Sponsors/index.tsx

@@ -11,9 +11,9 @@ const Sponsors = () => {
       <div className="text-center">
         <h2 className="font-bold text-6xl">OUR SPONSORS</h2>
       </div>
-      <div className="flex-1 flex justify-center items-center my-15">
+      <div className="flex-1 flex justify-center items-center">
         <div
-          className="rounded border border-[#595F6D] h-auto overflow-hidden w-[90rem] flex flex-col gap-8 py-8"
+          className="rounded h-auto overflow-hidden w-[90rem] flex flex-col gap-8"
         >
           <SponsorCarousel />
           <div className="flex justify-center items-center">