From 97138e73e16e938f3c2f6893caa2bdbd436445f3 Mon Sep 17 00:00:00 2001 From: Abh1noob Date: Thu, 29 Feb 2024 17:35:22 +0530 Subject: [PATCH] docs: added faqs --- .../src/components/LearnMoreBtn.tsx | 4 +- .../src/components/terminal/faqs.tsx | 133 ++++++++---------- 2 files changed, 58 insertions(+), 79 deletions(-) diff --git a/devsoc24-landing/src/components/LearnMoreBtn.tsx b/devsoc24-landing/src/components/LearnMoreBtn.tsx index 5378647..ee72014 100644 --- a/devsoc24-landing/src/components/LearnMoreBtn.tsx +++ b/devsoc24-landing/src/components/LearnMoreBtn.tsx @@ -1,13 +1,15 @@ "use client"; import { motion } from "framer-motion"; import styles from "@/styles/LearnMoreBtn.module.css"; +import useGlitchStore from "@/store/store"; const LearnMoreBtn = (props: { link: string }) => { + const { showGlitch, setGlitch } = useGlitchStore(); return ( <> Learn More diff --git a/devsoc24-landing/src/components/terminal/faqs.tsx b/devsoc24-landing/src/components/terminal/faqs.tsx index ef2d057..1d3595c 100644 --- a/devsoc24-landing/src/components/terminal/faqs.tsx +++ b/devsoc24-landing/src/components/terminal/faqs.tsx @@ -8,111 +8,88 @@ import Draggable from "react-draggable"; const questions = [ { - question: "Is it free?", + question: "Is the hackathon free to attend?", answer: - "Yes the hackathon is completely free for all those who wish to participate", + "Yes! DEVSOC'24 is completely free to attend thanks to our sponsors.", }, { - question: "Is it long?", - answer: "longer than your....", + question: "What's the application process like?", + answer: `You are required to register for our event on DEVSOC registrations portal where you will be asked for basic details and for your github profile (if applicable). You're also required to register on VTOP under the "Event Registration" tab. You can simply search "DEVSOC" in the search tab and register for the same. Also join the discord link on the bottom right of this website.\nAfter registration you will be required to submit a document outlining the idea your team will be pursuing during the hackathon. Following the idea submission you will be eligible to attend the hackathon.`, }, { - question: "Certificate?", + question: "How many team members do I need to have?", answer: - "Certificate which is valued 100x your placement will be given to you", + "This hackathon is a team competition where you can have 2-4 members in your team. Most teams aim to have a mix of people with both design and developer skills.", + }, + { + question: "Have any more queries?", + answer: + "If you have any further doubts, feel free to ask your doubts on our Discord server", + }, + { + question: + "I don't have much experience with coding or tech events. Should I still participate?", + answer: + "We will be evaluating everyone based on different metrics. We'll take into account if you're a fresher and where you stand amongst your peers. If you don't have anything technical to add to your resume, this event is a great opportunity to lay a solid foundation for your tech journey. This hackathon will give you an opportunity to inteact with your seniors and gain valuable guidance. Basically, if you're interested in coding or tech events, you're more than welcome to participate!", }, ]; export default function FAQs() { - const [minimized, setMinimized] = useState(false); - const [maximized, setMaximized] = useState(false); const [showModal, setShowModal] = useState(false); const [modalContent, setModalContent] = useState(questions[0]?.answer); // const { activeCard, setActiveCard } = useCloseStore(); // const { selectedComponent, setSelectedComponent } = useSelectedStore(); - const handleMinimize = () => { - setMinimized(!minimized); - }; - - const handleMaximize = () => { - setMaximized(!maximized); - }; - const toggleModal = () => { setShowModal(!showModal); }; return (
-
- {minimized ? ( -
handleMinimize()} - > - {/* Description of the image */} -
- ) : ( - questions.map((items, index) => ( +
+ {questions.map((items, index) => ( + +
+
+ + DEVSOC'24 + +
+ + + + + + + + + +
+
- {items.question}

+ -
- - - )) - )} + Select + +
+ + ))}
{showModal ? ( <> -
-
+
+
Answer