From 8b12d61589acb9d4f93c90a4060dbf72f1902245 Mon Sep 17 00:00:00 2001
From: ajeeshRS <ajeeshrs79@gmail.com>
Date: Thu, 12 Sep 2024 21:37:18 +0530
Subject: [PATCH] Added faq page

---
 src/app/faqs/page.tsx                 | 19 ++++++++++++++++
 src/components/Faqs.tsx               | 16 ++++++++++++++
 src/components/FaqsGetintouchCard.tsx | 12 ++++++++++
 src/lib/constant/app.constant.ts      |  2 +-
 src/lib/constant/faqs.constants.ts    | 32 +++++++++++++++++++++++++++
 5 files changed, 80 insertions(+), 1 deletion(-)
 create mode 100644 src/app/faqs/page.tsx
 create mode 100644 src/components/Faqs.tsx
 create mode 100644 src/components/FaqsGetintouchCard.tsx
 create mode 100644 src/lib/constant/faqs.constants.ts

diff --git a/src/app/faqs/page.tsx b/src/app/faqs/page.tsx
new file mode 100644
index 00000000..88136efa
--- /dev/null
+++ b/src/app/faqs/page.tsx
@@ -0,0 +1,19 @@
+import Faqs from '@/components/Faqs';
+import FaqsGetintouchCard from '@/components/FaqsGetintouchCard';
+
+export default function Page() {
+  return (
+    <main className="w-full h-fit md:px-16 px-5 flex flex-col items-center mt-20">
+      <div className="w-full h-fit flex flex-col items-start">
+        <h1 className="font-bold md:text-4xl text-2xl">
+          Frequently Asked Questions
+        </h1>
+        <p className="md:text-sm text-xs py-2 font-semibold text-gray-700">
+          Quick answers to your questions you may have.
+        </p>
+      </div>
+      <Faqs />
+      <FaqsGetintouchCard />
+    </main>
+  );
+}
diff --git a/src/components/Faqs.tsx b/src/components/Faqs.tsx
new file mode 100644
index 00000000..dfd2cc08
--- /dev/null
+++ b/src/components/Faqs.tsx
@@ -0,0 +1,16 @@
+import { faqData } from '@/lib/constant/faqs.constants';
+
+export default function Faqs() {
+  return (
+    <div className="w-full h-fit py-10">
+      <div className="w-fit grid grid-cols-1 md:grid-cols-2 gap-6">
+        {faqData.map((faq, i) => (
+          <div key={i} className="md:mx-5 mx-2 my-2">
+            <p className="font-semibold text-base">{`Q. ${faq.question}`}</p>
+            <p className="text-gray-700 text-[15px] pl-5">{faq.answer}</p>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/FaqsGetintouchCard.tsx b/src/components/FaqsGetintouchCard.tsx
new file mode 100644
index 00000000..07eaa9f3
--- /dev/null
+++ b/src/components/FaqsGetintouchCard.tsx
@@ -0,0 +1,12 @@
+import { Button } from './ui/button';
+
+export default function FaqsGetintouchCard() {
+  return (
+    <div className="rounded-xl border md:w-5/6 w-full h-fit p-3 my-2 flex items-center justify-between">
+      <p className="font-semibold md:text-base text-xs">
+        Can&apos;t find what you are looking ?
+      </p>
+      <Button className="md:text-base text-xs">Get in touch</Button>
+    </div>
+  );
+}
diff --git a/src/lib/constant/app.constant.ts b/src/lib/constant/app.constant.ts
index a8e562f8..0f25a5fc 100644
--- a/src/lib/constant/app.constant.ts
+++ b/src/lib/constant/app.constant.ts
@@ -13,7 +13,7 @@ export const navbar = [
   // todo: add actual path
   { id: 3, label: 'Internship', path: '/' },
   { id: 4, label: 'Testimonials', path: '/' },
-  { id: 5, label: 'FAQs', path: '/' },
+  { id: 5, label: 'FAQs', path: '/faqs' },
 ];
 
 export const socials: {
diff --git a/src/lib/constant/faqs.constants.ts b/src/lib/constant/faqs.constants.ts
new file mode 100644
index 00000000..4e7be3c6
--- /dev/null
+++ b/src/lib/constant/faqs.constants.ts
@@ -0,0 +1,32 @@
+export const faqData = [
+  {
+    question: 'How do I apply for jobs?',
+    answer:
+      "Once logged in, search for jobs using keywords or filters. Click on the job title and hit the 'Apply' button, then follow the application instructions.",
+  },
+  {
+    question: 'Can I save jobs to apply for later?',
+    answer:
+      "Yes, click the 'Save Job' button on the job listing to save it. You can find saved jobs in your dashboard under 'Saved Jobs.'",
+  },
+  {
+    question: 'Can I receive job alerts?',
+    answer:
+      "Yes, set up job alerts by going to 'Job Alerts' in your account, specifying your preferences, and you’ll receive relevant job notifications via email.",
+  },
+  {
+    question: 'Is there a fee to use this job portal?',
+    answer:
+      'No, using the job portal to search and apply for jobs is completely free for job seekers.',
+  },
+  {
+    question: 'Can I delete my account?',
+    answer:
+      "Yes, go to 'Account Settings' and select 'Delete Account.' Please note that this action is permanent.",
+  },
+  {
+    question: 'How do I create an account?',
+    answer:
+      "Click the 'Sign Up' button on the homepage, fill in your details, and follow the instructions to verify your email.",
+  },
+];