service page done

components/pages/services/serviceFaq.tsx

@@ -0,0 +1,27 @@
+import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
+import FAQAccordion from "../faq/faqAccardion";
+import { faqItems } from "@/lib/demoData";
+
+export function ServiceFaq() {
+  return (
+    <div className="bg-[#1e1d1c] py-20 pb-50 space-y-8">
+      {/* header */}
+      <div className="space-y-4 w-full ">
+        <div className="flex items-center gap-3 justify-center text-white text-xl">
+          <DotAnimatsiya /> FAQ
+        </div>
+        <h1
+          className="text-center bg-linear-to-br from-white via-white/50 to-black
+  text-transparent bg-clip-text text-3xl font-bold uppercase leading-tight sm:text-4xl md:text-5xl lg:text-6xl"
+        >
+          General Questions
+        </h1>
+      </div>
+
+      {/* FAQ Section */}
+      <div className="md:col-span-2 max-w-6xl mx-auto w-full">
+        <FAQAccordion items={faqItems} />
+      </div>
+    </div>
+  );
+}