Add sponsor packet (#77)

src/components/Navbar/index.tsx

@@ -60,6 +60,13 @@ function Toolbar({ collapsed }: { collapsed: Boolean }) {
 							>
 								/events
 							</Link>
+							<Link
+								href="/sponsors"
+								passHref
+								className={`link ${styles.navLink}`}
+							>
+								/sponsors
+							</Link>
 						</div>
 					</div>
 				) : null}
@@ -89,6 +96,13 @@ function Toolbar({ collapsed }: { collapsed: Boolean }) {
 				>
 					/events
 				</Link>
+				<Link
+					href="/sponsors"
+					passHref
+					className={`link ${styles.navLink}`}
+				>
+					/sponsors
+				</Link>
 			</div>
 		</div>
 	);

src/pages/sponsors.tsx

@@ -0,0 +1,28 @@
+import BaseLayout from 'layouts/BaseLayout';
+import styles from 'styles/Sponsors.module.scss';
+
+export default function Sponsors() {
+	const sponsorPacketURL = 'Sponsorship_24_25.pdf';
+
+	return (
+		<BaseLayout collapsedNavBar>
+			<div className={styles.pageContent}>
+				<div className={styles.sponsorPacketContainer}>
+					<object
+						data={sponsorPacketURL}
+						type="application/pdf"
+						className={styles.sponsorPacket}
+					>
+						<p>
+							You don`&apos;`t have a PDF viewer for this browser.
+							You can{' '}
+							<a href={sponsorPacketURL}>
+								click here to download the sponsor packet.
+							</a>
+						</p>
+					</object>
+				</div>
+			</div>
+		</BaseLayout>
+	);
+}

src/styles/Sponsors.module.scss

@@ -0,0 +1,12 @@
+.sponsorPacketContainer {
+  width: 100%;
+  height: calc(100vh - 64px);
+  padding: 20px;
+  box-sizing: border-box;
+}
+
+.sponsorPacket {
+  width: 100%;
+  height: 100%;
+  border: none;
+}