Skip to content

Added new TSX file for FAQ #156

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Added new TSX file for FAQ #156

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d660dea
changes to file
GokulGH Nov 4, 2025
227138c
Seperate FAQ data page
GokulGH Nov 11, 2025
46d82a1
Getting rid of old code
GokulGH Nov 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 11 additions & 14 deletions app/(with-layout)/event/schedule/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,7 @@ import NavBar from "@/components/nav-bar/nav-bar";
import "@/app/globals.css";
import { useState, useEffect } from "react";
import type { Event } from "@/data/schedule";
import {
saturdayTimes,
sundayTimes,
SATURDAY_START,
SUNDAY_START
} from "@/data/schedule";
import { saturdayTimes, sundayTimes, SATURDAY_START, SUNDAY_START } from "@/data/schedule";

import Schedule from "@/components/schedule/schedule";
import HackRPILink from "@/components/themed-components/hackrpi-link";
Expand All @@ -24,9 +19,9 @@ type RawEvent = {
eventType: "workshop" | "constant" | "important" | "food" | "deadline";
visible: boolean;
column: number;
width: number; // Added width for multi-column spanning
width: number; // Added width for multi-column spanning
startMinutesFromDayStart: number; // minutes offset
durationMinutes: number; // length
durationMinutes: number; // length
};

export default function Page() {
Expand Down Expand Up @@ -54,7 +49,7 @@ export default function Page() {
eventType: ev.eventType ?? "general",
visible: ev.visible,
column: ev.column,
width: ev.width // New property to handle multi-column span
width: ev.width, // New property to handle multi-column span
};
});

Expand All @@ -73,7 +68,7 @@ export default function Page() {
eventType: ev.eventType ?? "general",
visible: ev.visible,
column: ev.column,
width: ev.width // New property to handle multi-column span
width: ev.width, // New property to handle multi-column span
};
});

Expand Down Expand Up @@ -102,7 +97,10 @@ export default function Page() {
return (
<div className="flex flex-col w-full h-fit min-h-screen items-center justify-center">
<NavBar showOnScroll={false} />
<div className="w-11/12 desktop:w-2/3 flex-grow flex-shrink basis-auto mt-28 desktop:mt-16" data-testid="schedule-container">
<div
className="w-11/12 desktop:w-2/3 flex-grow flex-shrink basis-auto mt-28 desktop:mt-16"
data-testid="schedule-container"
>
{/*<div className="flex w-full items-center justify-center">
<HackRPILink
href="https://calendar.google.com/calendar/u/0?cid=..."
Expand Down Expand Up @@ -180,7 +178,7 @@ export default function Page() {
<div className="flex items-center justify-between mb-4 border-b-2 border-b-gray-400 h-24">
<h1 className=" text-3xl xs:text-4xl md:text-5xl font-bold">{modalEvent.title}</h1>
<button
className="text-4xl font-bold text-black mr-4 hover:text-primary focus:text-primary"
className="text-4xl font-bold text-black mr-4 hover:text-primary focus:text-primary"
onClick={() => {
setModalEvent(null);
}}
Expand All @@ -192,8 +190,7 @@ export default function Page() {
{modalEvent.location} {modalEvent.speaker ? `• ${modalEvent.speaker}` : ""}
</p>
<p className="text-3xl mb-4">
{new Date(modalEvent.startTime).toLocaleString()} –{" "}
{new Date(modalEvent.endTime).toLocaleString()}
{new Date(modalEvent.startTime).toLocaleString()} – {new Date(modalEvent.endTime).toLocaleString()}
</p>
<p className="text-2xl">{modalEvent.description}</p>
</div>
Expand Down
52 changes: 0 additions & 52 deletions components/about-us.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,58 +58,6 @@ export default function AboutUs() {
</div>
</div>
</div>
<div
className="flex flex-col items-center"
style={{
backgroundImage: "linear-gradient(rgba(32, 0, 32, 1), #2b2234",
backgroundSize: "100% 100%",
width: "100vw",
height: "25vh",
}}
>
<div>
<div className="w-full flex flex-col items-center lg:items-startlg:mt-0 h-full lg:ml-4">
{/* Registration Banner */}
<div
data-testid="register-now-banner"
className="w-full lg:w-11/12 bg-hackrpi-secondary-orange text-white text-xl h-fit overflow-hidden whitespace-nowrap font-bold lg:mt-16\\ pl-1"
>
REGISTER NOW!
</div>
{/* Event Info Box */}
<div className="w-full lg:w-11/12 bg-gray-900 text-white h-fit flex flex-col items-start justify-start font-modern">
<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 text-nowrap">
When &amp; Where{" "}
<svg
className="fill-white ml-4 rotate-180 md:rotate-90 lg:rotate-180"
xmlns="http://www.w3.org/2000/svg"
width="25"
height="25"
viewBox="0 0 11 11"
>
<path d="M11 1C11 0.447715 10.5523 -3.74211e-07 10 4.72575e-08L1 -1.63477e-07C0.447715 -1.63477e-07 2.8711e-07 0.447715 2.8711e-07 1C2.8711e-07 1.55228 0.447715 2 1 2L9 2L9 10C9 10.5523 9.44772 11 10 11C10.5523 11 11 10.5523 11 10L11 1ZM1.70711 10.7071L10.7071 1.70711L9.29289 0.292893L0.292893 9.29289L1.70711 10.7071Z" />
</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 md:min-w-80">
<p data-testid="event-date" className="w-fit text-nowrap">
November 15-16, 2025
</p>
<p data-testid="event-location" className="w-fit text-nowrap">
Rensselaer Polytechnic Institute
</p>
<p data-testid="event-venue" className="w-fit text-nowrap">
Darrin Communications Center
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
);
}
138 changes: 46 additions & 92 deletions components/faq/faq.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,102 +1,14 @@
import React, { useState } from "react";
import "../../app/globals.css";
import RegistrationButton from "@/components/themed-components/registration-link";
import faqs from "@/data/faqData";

type FAQ = {
title: string;
content: React.ReactNode;
};

const faqs: FAQ[] = [
{
title: "What is HackRPI?",
content:
"Teams of 1-4 have 24 hours to build a project relating to our theme Retro V. Modern. Teams will then present their projects, and the best projects win prizes!",
},
{
title: "When is HackRPI?",
content:
"HackRPI takes place on November 15th and 16th, 2025. Arrival and check-in takes place from 9-10 AM. Our opening ceremony starts at 10 AM, and hacking begins at 11am. Your projects must be on Devpost by 10 AM Sunday, and all coding must stop at 11 AM 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 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 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-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:
"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: "I'm under 18, can I still participate?",
content:
"Students under 18 are welcome to attend, but are not allowed to stay overnight in the sleep rooms. Students under the age of 17 must have an adult (21+) chaperone with them at all times during the event.",
},
{
title: "Do I have to be an RPI student?",
content:
"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: "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?",
//TODO: Change the description
content:
"The theme for 2025's HackRPI is Retro vs Modern. In a world where nostalgia meets innovation, our 12th annual hackathon, Retro vs Modern, invites creators to explore the contrasts and possibilities between the past and the future. Join us in shaping the future through a creative lens that honors the old while embracing the new.",
},
{
title: "Is it okay if I am late to the event?",
content:
"Yes! You can arrive at any time during the event, but we recommend arriving before 11 AM on Saturday. Remember, the later you are, the less time you have to work on your project!",
},
{
title: "When are submissions due?",
content:
"All projects must be submitted to Devpost by 10 AM on Sunday. You will be able to modify your submission until 11am. After 11an, no coding or changes to your project are allowed.",
},
{
title: "How do I submit my project?",
content:
// eslint-disable-next-line
'You will submit your project on Devpost. See our "Event Information" and "Resources" pages for more details.',
},
{
title: "When and how will prizes be awarded?",
content:
"Prizes are announced at the closing ceremony, which will take place around 4 PM on Sunday. Physical prizes will be distributed during the closing ceremony. Winners of cash prizes will be contacted by our team after the event. ",
},
];


const FAQPage = () => {
const [expandedIndex, setExpandedIndex] = useState<number | null>(null);
Expand All @@ -107,10 +19,52 @@ const FAQPage = () => {

return (
<div
className="h-auto mb-8 flex flex-col items-center text-hackrpi-pink bg-base-100 w-5/6 desktop:w-full pl-8 desktop:pl-0"
className="h-auto flex flex-col items-center text-hackrpi-pink bg-base-100 w-5/6 desktop:w-full pl-8 desktop:pl-0"
id="faq"
data-testid="faq-section"
>
<div>
<div className="w-full flex flex-col items-center lg:items-startlg:mt-0 h-full lg:ml-4 p-2 bg-gray-900 bg-opacity-100 m-2 hover:bg-opacity-100 rounded-xl">
{/* Registration Banner */}
<div
data-testid="register-now-banner"
className="w-full bg-hackrpi-secondary-orange text-white text-xl h-fit overflow-hidden whitespace-nowrap font-bold lg:mt-16\\ pl-1"
>
REGISTER NOW!
</div>
{/* Event Info Box */}
<div className="w-full bg-gray-900 text-white h-fit flex flex-col items-start justify-start font-modern">
<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 text-nowrap">
When &amp; Where{" "}
<svg
className="fill-white ml-4 rotate-180 md:rotate-90 lg:rotate-180"
xmlns="http://www.w3.org/2000/svg"
width="25"
height="25"
viewBox="0 0 11 11"
>
<path d="M11 1C11 0.447715 10.5523 -3.74211e-07 10 4.72575e-08L1 -1.63477e-07C0.447715 -1.63477e-07 2.8711e-07 0.447715 2.8711e-07 1C2.8711e-07 1.55228 0.447715 2 1 2L9 2L9 10C9 10.5523 9.44772 11 10 11C10.5523 11 11 10.5523 11 10L11 1ZM1.70711 10.7071L10.7071 1.70711L9.29289 0.292893L0.292893 9.29289L1.70711 10.7071Z" />
</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 md:min-w-80">
<p data-testid="event-date" className="w-fit text-nowrap">
November 15-16, 2025
</p>
<p data-testid="event-location" className="w-fit text-nowrap">
Rensselaer Polytechnic Institute
</p>
<p data-testid="event-venue" className="w-fit text-nowrap">
Darrin Communications Center
</p>
</div>
</div>
</div>
</div>
</div>
<div className="flex w-full desktop:w-2/3">
<h1 className="font-modern text-hackrpi-orange text-left text-4xl text-shadow-md pb-4">FAQs</h1>
</div>
Expand Down Expand Up @@ -167,4 +121,4 @@ const FAQPage = () => {
);
};

export default FAQPage;
export default FAQPage;
8 changes: 4 additions & 4 deletions components/nav-bar/nav-bar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,9 @@ export default function NavBar({ showOnScroll }: { showOnScroll: boolean }) {
</>
);
return (
<div className={`${showOnScroll ? (showNav ? "top-0" : "-top-24") : "top-0"} fixed transition-all w-full z-10`}>
<DesktopNavBar links={links} />
<MlhBanner />
</div>
<div className={`${showOnScroll ? (showNav ? "top-0" : "-top-24") : "top-0"} fixed transition-all w-full z-10`}>
<DesktopNavBar links={links} />
<MlhBanner />
</div>
);
}
Loading