Add sponsors (#590)

* Uncommented SponsorTiers

* Uncommented styles in Sponsors.module.scss
- Commented unused sponsor tiers to remove extra bottom space

apps/site/src/app/(main)/(home)/sections/Sponsors/Sponsors.module.scss

@@ -7,13 +7,13 @@
 	background: #0c071b;
 
 	// What a crazy way to do the inner border lines
-	// &::before,
-	// &::after,
-	// .horizontalLine {
-	// 	content: "";
-	// 	position: absolute;
-	// 	background: white;
-	// }
+	&::before,
+	&::after,
+	.horizontalLine {
+		content: "";
+		position: absolute;
+		background: white;
+	}
 
 	// Vertical lines
 	&::before {
@@ -90,12 +90,8 @@
 		margin-top: 2rem;
 	}
 	.sponsorsContainer {
-		// padding: 3rem;
-		// padding-bottom: 8rem;
-
-		// temp padding for before we put sponsors
-		padding: 1rem;
-		padding-bottom: 2rem;
+		padding: 3rem;
+		padding-bottom: 8rem;
 	}
 }
 
@@ -116,12 +112,8 @@
 		max-height: 300px;
 	}
 	.sponsorsContainer {
-		// padding: 6rem;
-		// padding-bottom: 16rem;
-
-		// temp padding for before we put sponsors
-		padding: 1rem;
-		padding-bottom: 2rem;
+		padding: 6rem;
+		padding-bottom: 16rem;
 	}
 	.sponsorsGrid {
 		gap: 1.5rem;

apps/site/src/app/(main)/(home)/sections/Sponsors/Sponsors.tsx

@@ -1,18 +1,19 @@
-// import { getSponsors } from "./getSponsors";
-// import SponsorTier from "./components/SponsorTier/SponsorTier";
+import { getSponsors } from "./getSponsors";
+import SponsorTier from "./components/SponsorTier/SponsorTier";
 import styles from "./Sponsors.module.scss";
 
-// const TIERS = [
-// 	"platinum",
-// 	"gold",
-// 	"silver",
-// 	"bronze",
-// 	"sponsored-prize",
-// 	"in-kind",
-// ];
+// no sponsors under bronze for IH 2025
+const TIERS = [
+	"platinum",
+	"gold",
+	"silver",
+	// "bronze",
+	// "sponsored-prize",
+	// "in-kind",
+];
 
 const Sponsors = async () => {
-	// const sponsors = await getSponsors();
+	const sponsors = await getSponsors();
 
 	return (
 		<section className="container py-24 md:my-16 relative items-center flex flex-col md:p-8 w-4/5 mx-auto text-center">
@@ -35,22 +36,22 @@ const Sponsors = async () => {
 					<div className="h-[2px] bg-white flex-grow mr-[2rem] mt-[0.5rem]" />
 				</div>
 
-				{/* {TIERS.map((tier) => (
+				{TIERS.map((tier) => (
 					<div key={tier}>
 						<SponsorTier
 							sponsors={sponsors.get(tier)}
 							className={styles[tier]}
 						/>
 					</div>
-				))} */}
+				))}
 
-				{/* <div className={`${styles.horizontalLine} ${styles.bottom}`} /> */}
-				{/* <div className={styles.cornerSquares}>
+				<div className={`${styles.horizontalLine} ${styles.bottom}`} />
+				<div className={styles.cornerSquares}>
 					<div className={styles.topLeft} />
 					<div className={styles.topRight} />
 					<div className={styles.bottomLeft} />
 					<div className={styles.bottomRight} />
-				</div> */}
+				</div>
 			</div>
 		</section>
 	);