From 2d8f117bebaf306ae799746a8870794f259d93c4 Mon Sep 17 00:00:00 2001
From: "Chiayi (Aiden) Wu" <aiw005@ucsd.edu>
Date: Fri, 3 Jan 2025 22:57:19 -0800
Subject: [PATCH] add faq

---
 src/components/join/Question.astro  | 14 ++++++++++++++
 src/components/join/Questions.astro | 21 +++++++++++++++++++++
 src/data/faq.json                   | 21 +++++++++++++++++++++
 src/pages/join.astro                |  2 ++
 4 files changed, 58 insertions(+)
 create mode 100644 src/components/join/Question.astro
 create mode 100644 src/components/join/Questions.astro
 create mode 100644 src/data/faq.json

diff --git a/src/components/join/Question.astro b/src/components/join/Question.astro
new file mode 100644
index 0000000..1765961
--- /dev/null
+++ b/src/components/join/Question.astro
@@ -0,0 +1,14 @@
+---
+const {question, answer} = Astro.props;
+---
+<div class = "text-white w-full flex flex-col mb-[2vh]">
+    <p class = "text-ieee-yellow text-[1.4vw] mb-[2vh] font-semibold pl-[1vw]">
+    {question}
+    </p>
+    <p class = "w-[60%] mb-[2vh] pl-[1vw]">
+        {answer}
+    </p>    
+    <dev>
+        <hr class="w-[17%] h-[0.1vw] my-[1vw] bg-white/40">
+    </dev>
+</div>
\ No newline at end of file
diff --git a/src/components/join/Questions.astro b/src/components/join/Questions.astro
new file mode 100644
index 0000000..5570f38
--- /dev/null
+++ b/src/components/join/Questions.astro
@@ -0,0 +1,21 @@
+---
+import Question from "./Question.astro"
+import { LiaDotCircle } from "react-icons/lia";
+import faq from "../../data/faq.json"
+---
+<div class = "text-white w-full h-[90vh] ml-[9vw]">
+    <div class = "text-[2.5vw] flex items-center my-[7vh]">
+        <LiaDotCircle className = "mr-[1vw]" />
+        <p>
+            Frequently Asked Questions
+        </p>
+    </div>
+    <div class = "w-full ml-[10vw]">
+        {faq.map((question)=>(
+           <Question
+            question = {question.question}
+            answer = {question.answer}
+           /> 
+        ))}
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/data/faq.json b/src/data/faq.json
new file mode 100644
index 0000000..c13cc17
--- /dev/null
+++ b/src/data/faq.json
@@ -0,0 +1,21 @@
+[
+    {
+        "question": "What skills will you gain?",
+        "answer": "Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat"
+    },
+
+    {
+        "question": "What skills will you gain?",
+        "answer": "Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat"
+    },
+
+    {
+        "question": "What skills will you gain?",
+        "answer": "Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat"
+    },
+
+    {
+        "question": "What skills will you gain?",
+        "answer": "Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat Ante aptent fringilla cubilia pretium egestas vivamus quisque bibendum erat"
+    }
+]
diff --git a/src/pages/join.astro b/src/pages/join.astro
index 25a5089..e8d2d35 100644
--- a/src/pages/join.astro
+++ b/src/pages/join.astro
@@ -3,10 +3,12 @@ import Layout from "../layouts/Layout.astro";
 import Social from "../components/core/Social.astro";
 import JoinTitle from "../components/join/JoinTitle.astro";
 import Resources from "../components/join/Resources.jsx";
+import Questions from "../components/join/Questions.astro";
 ---
 
 <Layout>
     <JoinTitle/>
     <Social/>
+    <Questions/>
     <Resources/>
 </Layout>