Added faq page

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>
+  );
+}

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>
+  );
+}

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>
+  );
+}

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: {

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.",
+  },
+];