Merge pull request #51 from hack-rpi/fix/fix-nav-alignment

fix nav bar alignment
hack-rpi · Apr 22, 2024 · bafd6f0 · bafd6f0
2 parents 6a4b85b + 9ed2f88
commit bafd6f0
Showing 1 changed file with 45 additions and 35 deletions.
diff --git a/pages/sponsor-us.tsx b/pages/sponsor-us.tsx
@@ -3,54 +3,64 @@ import Link from "next/link";
 import "../app/globals.css";
 import Footer from "../components/footer/footer";
 import NavBar from "@/components/nav-bar/nav-bar";
+import Head from "next/head";
 
 function SponsorUsPage() {
 	return (
-		<div className="flex flex-col items-center justify-center min-h-screen text-center w-5/6 mx-auto pt-36">
+		<>
+			<Head>
+				<title>Sponsor HackRPI</title>
+				<meta
+					name="description"
+					content="HackRPI is RPI's annual intercollegiate hackathon hosted by students for students. Get swag and free food as you compete for exciting prizes! With a broad range of workshops and mentors on-site, there’s no experience necessary to attend."
+				/>
+			</Head>
 			<NavBar showOnScroll={false} />
-			<div className="text-left w-full">
-				<h3 className="text-4xl font-bold mb-4">Last Year...</h3>
-			</div>
-			<div className="flex flex-col items-center w-full sm:w-1/2 p-2 sm:mr-4 mb-4 sm:mb-0">
-				<iframe
-					className="w-full aspect-[8.5/11] mx-auto"
-					src="https://drive.google.com/file/d/1K4YpXPlna2iuA-qaCtlRENl0_e4c7oM8/preview"
-					allow="autoplay"
-					sandbox="allow-scripts allow-same-origin allow-popups"
-				></iframe>
-			</div>
-
-			<div className="text-left w-full pt-20">
-				<h3 className="text-4xl font-bold mb-4">This year... we need your help!</h3>
-			</div>
-			<Link
-				href="https://tinyurl.com/hackrpi-donation"
-				className="btn btn-primary rounded-full bg-hackrpi-primary-blue border-none hover:bg-hackrpi-primary-blue-dark px-6 h-[50px] text-black text-[1.575rem]"
-			>
-				Donate Now!
-			</Link>
-			<div className="flex flex-col sm:flex-row justify-center w-full">
+			<div className="flex flex-col items-center justify-center min-h-screen text-center w-5/6 mx-auto pt-36">
+				<div className="text-left w-full">
+					<h3 className="text-4xl font-bold mb-4">Last Year...</h3>
+				</div>
 				<div className="flex flex-col items-center w-full sm:w-1/2 p-2 sm:mr-4 mb-4 sm:mb-0">
-					<h1 className="text-2xl font-bold mb-4">Individual Donations</h1>
 					<iframe
-						className="w-full aspect-[8.5/11]"
-						src="https://drive.google.com/file/d/1n0A94WUZPzI5g1w46pR1VZ4bSXKOiFsy/preview"
+						className="w-full aspect-[8.5/11] mx-auto"
+						src="https://drive.google.com/file/d/1K4YpXPlna2iuA-qaCtlRENl0_e4c7oM8/preview"
 						allow="autoplay"
 						sandbox="allow-scripts allow-same-origin allow-popups"
 					></iframe>
 				</div>
-				<div className="flex flex-col items-center w-full sm:w-1/2 p-2 sm:ml-4">
-					<h3 className="text-2xl font-bold mb-4">Company Sponsorships</h3>
-					<iframe
-						className="w-full aspect-[8.5/11]"
-						src="https://drive.google.com/file/d/17GguOFdq5aU5NuFXnHyLxxsXSzxryHQc/preview"
-						allow="autoplay"
-						sandbox="allow-scripts allow-same-origin allow-popups"
-					></iframe>
+
+				<div className="text-left w-full pt-20">
+					<h3 className="text-4xl font-bold mb-4">This year... we need your help!</h3>
+				</div>
+				<Link
+					href="https://tinyurl.com/hackrpi-donation"
+					className="btn btn-primary rounded-full bg-hackrpi-primary-blue border-none hover:bg-hackrpi-primary-blue-dark px-6 h-[50px] text-black text-[1.575rem]"
+				>
+					Donate Now!
+				</Link>
+				<div className="flex flex-col sm:flex-row justify-center w-full">
+					<div className="flex flex-col items-center w-full sm:w-1/2 p-2 sm:mr-4 mb-4 sm:mb-0">
+						<h1 className="text-2xl font-bold mb-4">Individual Donations</h1>
+						<iframe
+							className="w-full aspect-[8.5/11]"
+							src="https://drive.google.com/file/d/1n0A94WUZPzI5g1w46pR1VZ4bSXKOiFsy/preview"
+							allow="autoplay"
+							sandbox="allow-scripts allow-same-origin allow-popups"
+						></iframe>
+					</div>
+					<div className="flex flex-col items-center w-full sm:w-1/2 p-2 sm:ml-4">
+						<h3 className="text-2xl font-bold mb-4">Company Sponsorships</h3>
+						<iframe
+							className="w-full aspect-[8.5/11]"
+							src="https://drive.google.com/file/d/17GguOFdq5aU5NuFXnHyLxxsXSzxryHQc/preview"
+							allow="autoplay"
+							sandbox="allow-scripts allow-same-origin allow-popups"
+						></iframe>
+					</div>
 				</div>
 			</div>
 			<Footer />
-		</div>
+		</>
 	);
 }