Update app/faq/page.tsx

app/faq/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+import { Container } from "@/components/container";
+import { Heading } from "@/components/heading";
+import { Footer } from "@/components/footer";
+
+export default function FAQPage() {
+  const faqs = [
+    {
+      question: "What is the estimated delivery time?",
+      answer: "Delivery usually takes 3-5 business days for metro cities and 5-7 business days for other locations across India."
+    },
+    {
+      question: "How can I track my order?",
+      answer: "Once your order is shipped, you will receive an email and SMS with the tracking number and a link to track your package."
+    },
+    {
+      question: "What is your return policy?",
+      answer: "We offer a 7-day return policy for most items. Products must be in their original packaging and unused condition."
+    },
+    {
+      question: "Do you offer Cash on Delivery (COD)?",
+      answer: "Yes, we offer COD for most pincodes in India. You can check availability at the checkout page."
+    },
+    {
+      question: "Are the products genuine?",
+      answer: "Absolutely. We source products directly from brands and authorized distributors to ensure 100% authenticity."
+    }
+  ];
+
+  return (
+    <main className="min-h-screen bg-neutral-50">
+      <Container className="py-20">
+        <div className="max-w-3xl mx-auto">
+          <Heading className="mb-12 text-center">Frequently Asked Questions</Heading>
+          <div className="space-y-6">
+            {faqs.map((faq, index) => (
+              <div key={index} className="bg-white p-6 rounded-2xl shadow-sm">
+                <h3 className="font-bold text-lg text-neutral-900 mb-2">{faq.question}</h3>
+                <p className="text-neutral-600">{faq.answer}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </Container>
+      <Footer />
+    </main>
+  );
+}