Re-add sponsors section

src/app/(main)/page.tsx

@@ -53,7 +53,7 @@ export default function Home() {
           />
         </div>
       </section>
-      {/* <Sponsors /> */}
+      <Sponsors />
     </>
   );
 }

src/components/Sponsors/index.tsx

@@ -3,53 +3,49 @@ import Link from 'next/link';
 import NextImage from 'next/image';
 import Transition from '@/components/Transition';
 
-import NumeradeLogo from './Numerade_Logo.png';
-import IMCLogo from './IMC_logo.svg';
-
 const mailToUrl =
-  'mailto:[email protected], [email protected]?subject=%5BCOMPANY%20NAME%5D%20Interest%20in%20ACM%20%40%20UIUC';
+  'mailto:[email protected]?subject=%5BCOMPANY%20NAME%5D%20Interest%20in%20ACM%20%40%20UIUC';
+
+type SponsorEntry = {
+  name: string;
+  url: string;
+  logo: string;
+};
+const sponsors: SponsorEntry[] = [];
 
 function Sponsors() {
   return (
     <>
       <Transition bgClass="bg-surface-100" />
       <section id="sponsors" className="bg-surface-100 pt-6 pb-24">
         <div className="container flex flex-col gap-6">
-          <h1>Sponsors</h1>
+          <h1>{sponsors.length > 0 ? 'Sponsors' : 'Sponsor Us'}</h1>
           <p className="text-xl max-w-prose">
-            ACM is thankful to these generous companies who support our
-            organization. Sponsor companies get access to our resume book and
-            some other cool things. If you&apos;re interested in sponsoring ACM,
-            please contact{' '}
+            {sponsors.length > 0 &&
+              'ACM is thankful to these generous companies who support our organization.'}{' '}
+            Sponsor companies get access to our resume book, ability to hold
+            sponsored events, and other cool benefits! If you&apos;re interested
+            in sponsoring ACM @ UIUC, please{' '}
             <Link
               href={mailToUrl}
               className="underline text-primary hover:text-secondary"
             >
-              us here
+              contact us
             </Link>
             .
           </p>
           <div className="grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-16 items-center">
-            <a
-              href="https://numerade.com"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <NextImage
-                className="w-full h-auto"
-                src={NumeradeLogo}
-                alt="Numerade Logo"
-                loading="lazy"
-              />
-            </a>
-            <a href="https://imc.com" target="_blank" rel="noopener noreferrer">
-              <NextImage
-                className="w-full h-auto"
-                src={IMCLogo}
-                alt="IMC Logo"
-                loading="lazy"
-              />
-            </a>
+            {sponsors.length > 0 &&
+              sponsors.map((x) => (
+                <a href={x.url} target="_blank" rel="noopener noreferrer">
+                  <NextImage
+                    className="w-full h-auto"
+                    src={x.logo}
+                    alt={`${x.name} logo`}
+                    loading="lazy"
+                  />
+                </a>
+              ))}
           </div>
         </div>
       </section>

src/sections/about/LeadershipSection.tsx

@@ -14,11 +14,11 @@ export default function LeadershipSection() {
       name="Jacob Levine"
       img={chair}
     />,
-    <LeadershipCard 
-      key={"vicechair"}
+    <LeadershipCard
+      key={'vicechair'}
       title="Vice Chair"
-      name="Sherry Long" 
-      img={vicechair} 
+      name="Sherry Long"
+      img={vicechair}
     />,
     <LeadershipCard
       key={'treasurer'}
@@ -31,9 +31,8 @@ export default function LeadershipSection() {
       title="Secretary"
       name="Krish Gangal"
       img={secretary}
-    />
-
-  ]
+    />,
+  ];
   return (
     <section id="leadership" className="container flex flex-col">
       <h1>Leadership</h1>

src/utils/api.ts

@@ -5,7 +5,9 @@ const baseurl = process.env.NEXT_PUBLIC_EVENTS_API_BASE_URL || '';
 
 export async function fetchUpcomingEvents() {
   try {
-    const response = await fetch(`${baseurl}/api/v1/events?upcomingOnly=true&featuredOnly=true`);
+    const response = await fetch(
+      `${baseurl}/api/v1/events?upcomingOnly=true&featuredOnly=true`,
+    );
     const rawDates = (await response.json()) as IEvent[];
     return transformApiDates(rawDates);
   } catch (err: any) {