diff --git a/src/components/faq/team.tsx b/src/components/faq/team.tsx new file mode 100644 index 0000000..f068845 --- /dev/null +++ b/src/components/faq/team.tsx @@ -0,0 +1,36 @@ +import React, { useState } from 'react'; +import styles from '@/styles/faq/faq.module.scss'; +import teamDescriptions from './teamDescriptions'; +import AccordionItem from './accordionItem'; + +const Team = () => { + const [openedIndex, setOpenedIndex] = useState(-1); + + return ( +
+
+

+
Team Descriptions
+

+ +
+
+ ); +}; + +export default Team; diff --git a/src/components/faq/teamDescriptions.tsx b/src/components/faq/teamDescriptions.tsx new file mode 100644 index 0000000..2460174 --- /dev/null +++ b/src/components/faq/teamDescriptions.tsx @@ -0,0 +1,306 @@ +const teamDescriptions = [ + { + team: 'Technical', + description: ( + <> + Are you interested in web development with a desire to learn and + collaborate with a team of developers? If you have a foundation in + HTML/CSS, JavaScript, and/or React.js and are eager to expand your skill + set, join the Technical team! As a Technical Director, you will get the + chance to collaborate with a team of developers to create and maintain + the website and web applications, participate in code review sessions, + and offer creative solutions. +
+
+ Qualifications: +
+ +
+ Why Join Us: +
+ + + ), + }, + { + team: 'Operations', + description: ( + <> + As an Operations Director, you will play a crucial role in ensuring the + smooth execution of our initiatives. Your quick decision-making, + organization, and responsibility will shine as you tackle challenges + head-on. You'll be a key communicator and leader, working closely + with the team and being ready to learn and develop organizational skills + as you contribute to the success of one of the biggest hackathons in + California. +
+
+ Qualifications: +
+ + + ), + }, + { + team: 'Marketing', + description: ( + <> + As a Marketing Director, you will be right at the heart of our marketing + efforts, leveraging your creative thinking, organization, + responsibility, and time management skills to help us engage our + audience and promote our initiatives effectively. Collaboration with + fellow team members and other departments is a key aspect of this role. +
+
+ {/* Responsibilities + +
*/} + Qualifications: + +
+ Bonus Skills: + + + ), + }, + { + team: 'Sponsorship', + description: ( + <> + As a Sponsorship Director, you will take the lead in securing vital + sponsorships, relying on your confidence and quick thinking to engage + potential partners. Your knack for negotiation, proactive approach, and + talent for relationship building will be instrumental in fueling our + initiatives. +
+
+ Qualifications: + + + ), + }, + { + team: 'Finance', + description: ( + <> + As a Finance Director, you will play a vital role in managing our + finances, ensuring the sustainability of our initiatives. Your passion + and interest in budgeting, financial planning, and fundraising, combined + with your outstanding communication skills, will drive our financial + success. Your can-do attitude will be an invaluable asset as you + contribute to HackDavis' growth. +
+
+ Qualifications: + + + ), + }, + { + team: 'External', + description: ( + <> + As our External Outreach Coordinator, you will be a driving force behind + our external engagement efforts, using your initiative to learn, + proactive approach, and personable energy. Familiarity with HackDavis or + hackathons is not mandatory, but is a plus, as you will be connecting + with clubs on campus, organizations off-campus, industry leaders, our + alumni community, and current students, all while confidently and + effectively communicating our mission. +
+
+ Qualifications: + + + ), + }, + { + team: 'Design', + description: ( + <> + Are you a creative, innovative, and proactive designer with a passion + for human-centered design? Join our team and help us create + brand-consistent, minimal, and aesthetically pleasing designs that + captivate and excite our audience. Your creative talent will play a + pivotal role in shaping the future of HackDavis. We are looking for + talented individuals to join our design team in various roles: +
+
+ Brand Designer: + +
+ Product Designer: + +
+ Content Designer: + +
+ UI Designer: + + + ), + }, +]; + +export default teamDescriptions; diff --git a/src/components/mainSection/mainSection.tsx b/src/components/mainSection/mainSection.tsx index ed47a15..dc9a38c 100644 --- a/src/components/mainSection/mainSection.tsx +++ b/src/components/mainSection/mainSection.tsx @@ -1,5 +1,6 @@ import styles from '@/styles/mainSection/mainSection.module.scss'; -import { Heart, UpArrow } from '@/assets/mainSection/misc'; +import { Heart } from '@/assets/mainSection/misc'; +// import { UpArrow } from '@/assets/mainSection/misc'; import Cow from './cow'; import WordCycle from './wordCycle'; import Clouds from './clouds'; @@ -10,7 +11,7 @@ const MainSection = () => (
- */}

@@ -62,14 +63,14 @@ const MainSection = () => (

- {/* - Register Now - */} + Director Application + -
+ {/*
Register to @@ -105,7 +106,7 @@ const MainSection = () => (
-
+
*/}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 2f2a7e4..b6a8c37 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -8,6 +8,7 @@ import Cta from '@/components/cta'; import Seo from '@/components/seo'; import { useEffect } from 'react'; import NonProfits from '@/components/sponsors/nonprofits'; +import Team from '@/components/faq/team'; // Landing page export default function Home() { @@ -51,6 +52,7 @@ export default function Home() { zIndex: 1, }} > + diff --git a/src/styles/faq/accordionItem.module.scss b/src/styles/faq/accordionItem.module.scss index d5f0c4c..016b8c5 100644 --- a/src/styles/faq/accordionItem.module.scss +++ b/src/styles/faq/accordionItem.module.scss @@ -15,6 +15,7 @@ padding-bottom: 27px; max-width: 544px; cursor: pointer; + column-gap: 200px; @include mrwd(991px) { font-size: 18px; line-height: 1.75; diff --git a/src/styles/faq/faq.module.scss b/src/styles/faq/faq.module.scss index d47c119..2399221 100644 --- a/src/styles/faq/faq.module.scss +++ b/src/styles/faq/faq.module.scss @@ -15,6 +15,7 @@ align-items: center; width: 1340px; background-color: #005271; + // gap: 30px; h2 { @include fontFactory(var(--proxima-nova), 50px, 700, white, 0.02rem, 1.2); } diff --git a/src/styles/mainSection/mainSection.module.scss b/src/styles/mainSection/mainSection.module.scss index f48cc0b..b7581ef 100644 --- a/src/styles/mainSection/mainSection.module.scss +++ b/src/styles/mainSection/mainSection.module.scss @@ -229,6 +229,8 @@ justify-content: flex-end; align-items: center; margin-bottom: 26px; + white-space: nowrap; + z-index: 1; } .yellowButton {