Add FAQ page with questions and answers

faq/page.tsx

@@ -0,0 +1,63 @@
+export default function FAQPage() {
+  const faqs = [
+    {
+      question: "What is Parampara?",
+      answer:
+        "Parampara is a platform that reconnects the global Indian diaspora with their cultural roots through live, interactive sessions with verified women instructors from India.",
+    },
+    {
+      question: "How do I book a session?",
+      answer:
+        "Browse our instructor marketplace, choose an instructor, and click 'Book a Session' on their profile page.",
+    },
+    {
+      question: "How do I become an instructor?",
+      answer:
+        "Click on 'Become an Instructor' and fill out the registration form. Our team will verify your profile and get you onboarded.",
+    },
+    {
+      question: "What payment methods are supported?",
+      answer:
+        "We plan to support Razorpay and Stripe for secure payments. Stay tuned for updates!",
+    },
+    {
+      question: "Is the platform available in multiple languages?",
+      answer:
+        "Multi-language support is on our roadmap. Currently the platform is available in English.",
+    },
+  ];
+
+  return (
+    <main className="min-h-screen bg-amber-50 py-16 px-6">
+      <div className="max-w-3xl mx-auto">
+        <h1 className="text-4xl font-bold text-amber-900 mb-4 text-center">
+          Frequently Asked Questions
+        </h1>
+        <p className="text-center text-amber-700 mb-12">
+          Everything you need to know about Parampara.
+        </p>
+        <div className="space-y-6">
+          {faqs.map((faq, index) => (
+            <div
+              key={index}
+              className="bg-white rounded-xl shadow p-6 border border-amber-100"
+            >
+              <h2 className="text-lg font-semibold text-amber-900 mb-2">
+                {faq.question}
+              </h2>
+              <p className="text-amber-700">{faq.answer}</p>
+            </div>
+          ))}
+        </div>
+        <div className="text-center mt-12">
+
+            href="/"
+            className="inline-block bg-amber-600 text-white px-6 py-3 rounded-lg hover:bg-amber-700 transition"
+          >
+            ← Back to Home
+          </a>
+        </div>
+      </div>
+    </main>
+  );
+}