constrain sponsors and clubs assets to width 500px and clean up code

HackAtUCI · Nov 2, 2024 · a8f147d · a8f147d
1 parent f40153e
commit a8f147d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 12 deletions.
diff --git a/apps/site/src/app/(home)/page.tsx b/apps/site/src/app/(home)/page.tsx
@@ -4,17 +4,17 @@ import Landing from "./sections/Landing";
 import GetInvolved from "./sections/GetInvolved";
 import Sponsors from "./sections/Sponsors";
 import FAQ from "./sections/FAQ";
+import Clubs from "./sections/Clubs/Clubs";
 
 import styles from "./page.module.scss";
 
 const Home = () => {
 	return (
 		<div className={styles.home}>
 			<Landing />
-			{/* <Intro />
-			<Mentor /> */}
 			<GetInvolved />
 			<Sponsors />
+			<Clubs />
 			<FAQ />
 		</div>
 	);

diff --git a/apps/site/src/app/(home)/sections/Clubs/Clubs.tsx b/apps/site/src/app/(home)/sections/Clubs/Clubs.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable @next/next/no-img-element */
+import Container from "react-bootstrap/Container";
+import imageUrlBuilder from "@sanity/image-url";
+import { client } from "@/lib/sanity/client";
 import { getClubs } from "./getClubs";
 import styles from "./Clubs.module.scss";
-import { client } from "@/lib/sanity/client";
-import imageUrlBuilder from "@sanity/image-url";
-import Container from "react-bootstrap/Container";
 
 const builder = imageUrlBuilder(client);
 
@@ -23,7 +23,7 @@ const Clubs = async () => {
 						className={styles.logo}
 					>
 						<img
-							src={builder.image(logo).format("webp").url()}
+							src={builder.image(logo).width(500).format("webp").url()}
 							alt={name + " logo"}
 						/>
 					</a>

diff --git a/apps/site/src/app/(home)/sections/Sponsors/Sponsors.tsx b/apps/site/src/app/(home)/sections/Sponsors/Sponsors.tsx
@@ -1,10 +1,9 @@
 /* eslint-disable @next/next/no-img-element */
+import Container from "react-bootstrap/Container";
+import imageUrlBuilder from "@sanity/image-url";
+import { client } from "@/lib/sanity/client";
 import { getSponsors } from "./getSponsors";
 import styles from "./Sponsors.module.scss";
-import { client } from "@/lib/sanity/client";
-import imageUrlBuilder from "@sanity/image-url";
-import Container from "react-bootstrap/Container";
-import Clubs from "../Clubs/Clubs";
 
 const builder = imageUrlBuilder(client);
 
@@ -24,13 +23,12 @@ const Sponsors = async () => {
 						className={`${styles.logo} ${styles[tier]}`}
 					>
 						<img
-							src={builder.image(logo).format("webp").url()}
+							src={builder.image(logo).width(500).format("webp").url()}
 							alt={name + " logo"}
 						/>
 					</a>
 				))}
 			</div>
-			<Clubs />
 		</Container>
 	);
 };