diff --git a/package-lock.json b/package-lock.json index 999d404..6bd237c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,7 @@ "@fortawesome/free-regular-svg-icons": "^6.4.0", "@fortawesome/free-solid-svg-icons": "^6.4.0", "@fortawesome/react-fontawesome": "^0.2.0", + "@radix-ui/react-accordion": "^1.2.12", "@radix-ui/react-dialog": "^1.1.15", "@radix-ui/react-label": "^2.1.7", "@radix-ui/react-slot": "^1.0.2", @@ -582,6 +583,93 @@ "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==", "license": "MIT" }, + "node_modules/@radix-ui/react-accordion": { + "version": "1.2.12", + "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.12.tgz", + "integrity": "sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-collapsible": "1.1.12", + "@radix-ui/react-collection": "1.1.7", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-direction": "1.1.1", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-use-controllable-state": "1.2.2" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-collapsible": { + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.12.tgz", + "integrity": "sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-presence": "1.1.5", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-use-controllable-state": "1.2.2", + "@radix-ui/react-use-layout-effect": "1.1.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-collection": { + "version": "1.1.7", + "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz", + "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-slot": "1.2.3" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, "node_modules/@radix-ui/react-compose-refs": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz", @@ -648,6 +736,21 @@ } } }, + "node_modules/@radix-ui/react-direction": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz", + "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, "node_modules/@radix-ui/react-dismissable-layer": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz", diff --git a/package.json b/package.json index 3a67bc7..4106249 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "@fortawesome/free-regular-svg-icons": "^6.4.0", "@fortawesome/free-solid-svg-icons": "^6.4.0", "@fortawesome/react-fontawesome": "^0.2.0", + "@radix-ui/react-accordion": "^1.2.12", "@radix-ui/react-dialog": "^1.1.15", "@radix-ui/react-label": "^2.1.7", "@radix-ui/react-slot": "^1.0.2", diff --git a/src/app/join/page.tsx b/src/app/join/page.tsx index 0613eba..90cd672 100644 --- a/src/app/join/page.tsx +++ b/src/app/join/page.tsx @@ -3,7 +3,12 @@ import Footer from "@/components/footer"; import Header from "@/components/header"; import SideMenu from "@/components/sidebar"; -import { OutlineButton } from "@/components/ui/outline-button"; +import { + Accordion, + AccordionContent, + AccordionItem, + AccordionTrigger, +} from "@/components/ui/accordion"; import Image from "next/image"; import { @@ -75,98 +80,279 @@ export default function JoinPage() {
-
-
-

HOW CAN I JOIN?

-

- Our team is open to all years and majors. You only need to be - interested in contributing! Come to a weekly meeting or ask in our - Discord server to learn more!{" "} -

- -

- We use Discord, a social messaging app and website, as our main - communication hub.{" "} - - Joining our Discord server is the first step to getting - involved! - {" "} - All announcements and discussions regarding club activities can be - found there. -

-
-
- - - -

COME TO A MEETING

- - - -

- First General Meeting (9/29): -

-

- When: Sept. 29 - 7:00-8:30PM -

-

- Where: Location TBA! -

- -

- Following Meetings: -

-

- When: Mondays - 7:00PM -

-

- Where: ESB 1001 -

- -

- Come see what we're all about! We'd love to meet you and - answer any questions about us. -

-

- Any updates to the meeting time or location will be announced - in Discord, so join and check regularly! -

- - - - - -

DISCORD SERVER

- - - -

- To create an account and join, scan below or visit{" "} - - discord.gauchoracing.com - {" "} - to be invited. -

-
- - Discord QR Code - -
- - +
+

+ FREQUENTLY ASKED QUESTIONS +

+
+
+ + + + What is Gaucho Racing? + + + Gaucho Racing is UCSB's student-run Formula SAE team that + designs, builds, and races a mini electric formula-style + racecar from the ground up. As a team, we provide a hands-on + learning environment where students of all majors gain + practical experience in engineering, project management, and + business. + + + + + + When are meetings? + + + Usually, we hold general meetings every Monday at 7PM. Any + updates regarding meeting times and locations will be posted + in our Discord server ( + + discord.gauchoracing.com + + ) or on Instagram ( + + @gauchoracingucsb + + ). Different subteams will have their own additional + meetings throughout the week. + + + + + + How can I join? + + + Attending a meeting and joining our discord server are the + first steps to getting involved! We provide onboarding + activities to help get new members up to speed. We also ask + that new members participate in 2 coffee chats with a + returning member of the team, sometime throughout fall + quarter. + + + + + + What are Coffee Chats? + + + We ask that new members participate in 2 coffee chats in + their first fall quarter. Our coffee chat program is a way + for new members to get more comfortable within the club, + make connections, and get project guidance! A coffee chat is + a casual 1-1 meeting with a returning member (or 1-2 if your + friends want to join!), and could be anything from a meal, + to any hangout, or just chatting. This is not an interview, + but a friendly and casual connection! +
+
+ Join our discord to learn more and to ask any questions! + + + + + + Who is allowed to join? + + + Anyone! Gaucho Racing is open to ALL majors and has no + formal interview process. At the beginning of every school + year we have coffee chats and onboarding assignments for + interested members, taught by senior members. + + + + + + Do I need previous experience to join? + + + No experience is necessary! Gaucho Racing is a project-based + learning club. We teach you everything you need to know, + from the basics of car design to advanced fabrication + techniques. As long as you're passionate and willing to + learn, you'll be a great addition to the team! + + + + + + Do you guys have applications? + + + We don't have any applications or interviews, and anyone is + welcome to join - you only need to be interested in + contributing! To get members up to speed, we do onboarding + and ask that new members participate in 2 coffee chats. + + + + + + What kind of work do team members do? + + + Members get hands-on experience by joining one of our + technical or business subteams. Technical subteams focus on + the car's core systems, such as the battery, suspension, and + aerodynamics. On the other hand, business subteams handle + vital tasks like sponsorship, marketing, and finance. + Everyone contributes to the project, learning valuable + skills like CAD, manufacturing, electrical design, and + project management. + + + + + + What is the time commitment? + + + Besides general and subteam meetings, the amount of time you + spend on the car is up to you. However, the more time you + put in, the more you will learn! Due to the nature of the + project, very active members might contribute up to 25 hours + a week whilst seniors and leads may put in even more! We do + try to be flexible and accommodating of times! + + + + + + Who gets to drive the car? + + + By competition rules, we are required to have 4 drivers! Our + past drivers usually have some sort of racing experience, + but we do expect all our drivers to put time into developing + the car either technically or in the business side. + + + + + + What is Discord? + + + Discord is a popular social messaging app and website, which + we use as our main communication hub. Joining our Discord + server is the first step to getting involved! All + announcements and discussions regarding club projects and + activities can be found there. You can find directions to + create an account or an invitation to join our server by + visiting: +
+ + discord.gauchoracing.com + +

+ You can learn more about Discord here: +
+ + discord.com + + + + +
+ +
+ + + +

COME TO A MEETING

+ + + +

+ First General Meeting (9/29): +

+

+ When: Sept. 29 - 7:00-8:30PM +

+

+ Where: Location TBA! +

+ +

+ Following Meetings: +

+

+ When: Mondays - 7:00PM +

+

+ Where: ESB 1001 +

+ + + + + + +

DISCORD INVITE

+ + + +

+ To create an account and join, scan or visit{" "} + + discord.gauchoracing.com + {" "} +

+
+ + Discord QR Code + +
+ + +
+ +
+

READY TO JOIN?

+

+ We're looking forward to having you on the team! We'd love to meet + with you and answer any questions you have about Gaucho Racing. Come + to a weekly meeting or ask in our Discord server to learn more!{" "} +

+