Merge pull request #67 from hack-rpi/feature/update-text

Update Main Page Text and Fix Bugs

app/page.tsx

@@ -38,7 +38,7 @@ export default function Home() {
 
 	return (
 		<>
-			<div className="flex flex-col items-start desktop:items-center justify-start">
+			<div className="flex flex-col items-start desktop:items-center justify-start w-screen">
 				<NavBar showOnScroll={true} />
 				<div className="w-5/6 desktop:w-full pl-8 desktop:px-8">
 					<TitleComponent />

components/about-us.tsx

@@ -52,19 +52,25 @@ export default function AboutUs() {
 				<h1 className="text-white text-4xl mb-2 font-bold font-sans-Helvetica">About HackRPI</h1>
 
 				<div>
-					<p className="pb-4">
-						HackRPI 11 is the 11th annual intercollegiate hackathon hosted by RPI for students not only from RPI but
-						also from all around the world. Get swag and free food as you compete for exciting prizes! With a broad
-						range of workshops and mentors on-site, there&apos;s no experience necessary to attend. Hackers will also
-						have the opportunity to network with our fantastic sponsors from the companies that make our event possible.
-						This year&apos;s theme, <span className="font-bold text-hackrpi-primary-light-green">Urban Upgrades</span>{" "}
-						is an ode to a decade inspiring students and HackRPI!
+					<p className="pb-3">
+						HackRPI 2024 is Rensselaer Polytechnic Institute&apos;s 11th annual intercollegiate hackathon hosted by
+						students for students. Starting at noon on Saturday, November 9th, teams of 1-4 people have 24 hours to
+						build and submit projects relating to our theme,{" "}
+						<span className="text-hackrpi-primary-light-green font-bold">Urban Upgrades</span>. After submitting their
+						projects, participants demonstrate their projects in front of a panel of professors, industry professionals,
+						and fellow students.
 					</p>
-					<p className="pb-4">
+					<p className="pb-3">
+						<span className="text-hackrpi-primary-light-green font-bold">Urban Upgrades</span> is all about enhancing
+						the infrastructure, services, and quality of life in our cities. From smart transportation systems and
+						sustainable energy solutions to improved public safety and inclusive community spaces, this theme challenges
+						you to develop ideas and technologies that make cities more livable, efficient, and enjoyable for everyone.
+					</p>
+					<p className="pb-3">
 						Our goal is to inspire and challenge innovators, creators, developers, and entrepreneurs in New York&apos;s
-						Tech Valley and beyond. We help attendees develop their skills, explore new technologies, and turn their
-						interests and visions into opportunities. Staying true to our slogan &quot;Why Not Code the World?&quot;
-						Come join us this November 9-10, 2024 to hack, learn, and meet other people!
+						Tech Valley and beyond. All students from all schools are welcome to participate, regardless of their major
+						or experience level. Whether you&apos;re a seasoned hacker or a first-time participant, HackRPI is the
+						perfect opportunity to learn new skills, meet new people, and have fun!
 					</p>
 				</div>
 			</div>
@@ -75,7 +81,7 @@ export default function AboutUs() {
 				</div>
 				<div className="w-full lg:w-11/12 bg-gray-900 text-white h-fit flex flex-col items-start justify-start">
 					<div className="w-full h-2 bg-white mt-4" />
-					<h2 className="flex items-center text-2xl xs:text-4xl font-semibold pl-2 mt-2">
+					<h2 className="flex items-center text-2xl xs:text-4xl font-semibold pl-2 mt-2 text-nowrap">
 						When &amp; Where{" "}
 						<svg
 							className="fill-white ml-4 rotate-180 md:rotate-90 lg:rotate-180"
@@ -88,10 +94,10 @@ export default function AboutUs() {
 						</svg>
 					</h2>
 					<div className=" w-11/12 flex flex-col md:flex-row lg:flex-col items-start justify-center md:justify-start md:items-center lg:items-start lg:justify-center">
-						<div className="pl-2 text-md xs:text-xl mb-4 md:mb-8 lg:mb-4 mt-2 w-1/2 min-w-96 ">
-							<p>November 9-10, 2024</p>
-							<p>Rensselaer Polytechnic Institute</p>
-							<p>Darrin Communications Center</p>
+						<div className="pl-2 text-md xs:text-xl mb-4 md:mb-8 lg:mb-4 mt-2 w-1/2 md:min-w-80 ">
+							<p className="w-fit text-nowrap">November 9-10, 2024</p>
+							<p className="w-fit text-nowrap">Rensselaer Polytechnic Institute</p>
+							<p className="w-fit text-nowrap">Darrin Communications Center</p>
 						</div>
 						<div className="w-fit pl-2 md:pl-0 lg:pl-2 mb-4 md:mb-0 lg:mb-4">
 							<RegistrationLink className="text-xl" />

components/faq/faq.tsx

@@ -11,51 +11,68 @@ const faqs: FAQ[] = [
 	{
 		title: "What is HackRPI?",
 		content:
-			"HackRPI is a 24 hour coding event where hackers will work in teams of 1 to 4 people to create projects based around the theme to win epic prizes thanks to our sponsors!",
+			"Teams of 1-4 have 24 hours to build a project relating to our theme Urban Upgrades. Teams will then present their projects, and the best projects win prizes!",
 	},
 	{
 		title: "When is HackRPI?",
 		content:
-			"November 9th-10th 2024, is the date for our 11th annual HackRPI. Arrival and check-in will take place from 10-11am with the opening ceremony beginning at 11am. The event will end at 4pm on Sunday, November 10th. We're really excited to celebrate the 11th year of our incredible event with YOU! Save the date!",
+			"HackRPI takes place on November 9th and 10th, 2024. Arrival and check-in takes place from 10-11 AM. Our opening ceremony starts at 11 AM, and hacking begins at noon. Your projects must be on Devpost by 11 AM Sunday, and all coding must stop at noon Sunday. Teams will present, and the event will end around 4PM on Sunday. We are excited to see you there!",
 	},
 	{
 		title: "Where is HackRPI?",
 		content:
-			"HackRPI is held at the RPI campus in Troy, New York. The event will take place in the Darrin Communications Center (DCC).",
+			"HackRPI takes place at Rensselaer Polytechnic Institute, in the Darrin Communication Center. Darrin Communications Center, 51 College Ave, Troy, NY 12180. See our event information page for more details. ",
 	},
 	{
-		title: "Is it free to attend?",
-		content:
-			"Yes! Thanks to our many wonderful sponsors, HackRPI is free, as is all the swag, food, and snacks you can get!",
+		title: "Is HackRPI free to attend?",
+		content: "Yes! Thanks to our many wonderful sponsors, all food and swag are completely free for participants!",
 	},
 	{
 		title: "How do I register?",
 		content: (
-			<div className="flex items-center justify-start">
-				<p className="pr-2">Click here to register:</p>
+			<div className="flex items-start md:items-center justify-start flex-col md:flex-row">
+				<p className="pr-2">You can click here to register with Major League Hacking (MLH).</p>
 				<RegistrationButton /> {/* This is a custom button component will update later */}
 			</div>
 		),
 	},
 	{
 		title: "Who can participate?",
 		content:
-			"Anyone with any skill level! Whether you're an experienced hackathon veteran, or if you've never coded before, our hackathon is for you! With our team of mentors ready to assist you with whatever direction you're taking your project, HackRPI is the place you should go to grow and test your technical skills!",
+			"Everyone is welcome to participate, whether you are a hackathon veteran or this is your first hackathon, this is a great opportunity to learn, experiment with new technologies, and grow your skills. Our team of experienced mentors is here to help you in every step of the way.",
 	},
 	{
 		title: "Do I have to be an RPI student?",
 		content:
-			"No! You don't have to be an RPI student to participate! Students from other colleges are welcome and any recent college graduates!",
+			"No! HackRPI is open to everyone, students of all experience levels from all colleges and universities are welcome to attend. Did you know that students from over 45 other colleges attended HackRPI!",
 	},
 	{
-		title: "Who else will be there?",
+		title: "Does HackRPI provide travel reimbursement?",
+		content: (
+			<p>
+				Unfortunately, we are unable to provide travel reimbursement at this time, however, we have sleep rooms on
+				campus for students 18 and older, and we are more than happy to recommend local accommodations if you email us
+				at{" "}
+				<a href="mailto:[email protected]" className="text-hackrpi-primary-blue underline">
+					[email protected]
+				</a>
+				.
+			</p>
+		),
+	},
+	{
+		title: "What should I bring?",
+		content: "Bring your team, your laptop, chargers, any hardware you need, and a good night's sleep!",
+	},
+	{
+		title: "What is the theme?",
 		content:
-			"Not only can you meet other RPI students and people from other colleges, but we've got wonderful sponsors who make this event possible! You'll have the opportunity to talk to representatives from a variety of tech companies at career-fair style tables.",
+			"The theme for HackRPI 2024 is Urban Upgrades. This theme is all about enhancing the infrastructure, services, and quality of life in our cities. From smart transportation systems and sustainable energy solutions to improved public safety and inclusive community spaces, this theme challenges you to develop ideas and technologies that make cities more livable, efficient, and enjoyable for everyone.",
 	},
 	{
-		title: "Does HackRPI provide travel reimbursement?",
+		title: "Is it okay if I am late to the event?",
 		content:
-			"We are unable to provide travel reimbursement at this time, but are happy to offer advice for nearby and affordable transportation options.",
+			"Yes! You can arrive at any time during the event, but we recommend arriving before 11 AM on Saturday. Remember, the longer you are late, the less time you have to work on your project!",
 	},
 ];
 

components/mlh-banner/mlh-banner.tsx

@@ -6,7 +6,7 @@ export default function MlhBanner() {
 			id="mlh-trust-badge"
 			href="https://mlh.io/na?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2025-season&utm_content=white"
 			target="_blank"
-			className="block max-w-[80] desktop:max-w-[100px] min-w-[60px] w-[8%] h-auto fixed right-[5px] lg:right-[25px]  top-0 z-[10000] "
+			className="block max-w-[80] desktop:max-w-[100px] min-w-[60px] w-[8%] h-auto fixed right-[40px] lg:right-[25px]  top-0 z-[10000] "
 		>
 			<NextImage
 				src="/mlh-trust-badge-2025-white.svg"

components/nav-bar/mobile/nav-bar-mobile.tsx

@@ -21,7 +21,7 @@ export default function MobileNavBar({ links }: { links: NavGroup[] }) {
 
 	return (
 		<>
-			<div className="w-full h-24 flex items-center justify-center fixed top-0 bg-hackrpi-secondary-dark-blue z-20">
+			<div className="w-screen h-24 flex items-center justify-center fixed top-0 bg-hackrpi-secondary-dark-blue z-20">
 				<div className="flex items-center justify-start w-1/3">
 					<button onClick={() => setNavMenuOpen((prev) => !prev)} className="text-white text-4xl ml-8 ">
 						<NextImg alt="Hamburger Menu" src="/menu-icon.svg" width={40} height={40} priority={true} />

components/team/team.tsx

@@ -100,10 +100,10 @@ export default function TeamComponent() {
 				<h1 className="text-4xl text-white font-bold ">Meet the Team</h1>
 				<p>
 					We are a motivated team of RPI students who share a passion for exploring the bounds of Computer Science and a
-					commitment to organizing a fantastic event. Our team of students from every grade and experience level work
-					together to organize our Hackathon in the fall and a variety of other smaller events throughout the year. We
-					are always looking for more students to join our team and help us make the event a success. If you are
-					interested in helping out, please join our discord or fill out one of the forms below!
+					commitment to organizing a fantastic event. Our team of students from every grade and major work together to
+					organize our Hackathon in the fall and many other smaller events throughout the year. We are always looking
+					for more students to join our team and help us make the event a success. If you are interested in helping,
+					please join our discord or fill out one of the forms below!
 				</p>
 				<div className="flex flex-wrap items-center justify-center  xl:justify-between w-full my-4">
 					<HackRPILink className="w-60 text-center my-1" href="https://discord.gg/Pzmdt7FYnu">