translation

components/pages/services/serviceFaq.tsx

@@ -1,8 +1,36 @@
 import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
 import FAQAccordion from "../faq/faqAccardion";
-import { faqItems } from "@/lib/demoData";
+import { useTranslations } from "next-intl";
 
 export function ServiceFaq() {
+  const t = useTranslations();
+    const faqItems = [
+      {
+        id: "faq-1",
+        question: t("faq.question1.question"),
+        answer: t("faq.question1.answer"),
+      },
+      {
+        id: "faq-2",
+        question: t("faq.question2.question"),
+        answer: t("faq.question2.answer"),
+      },
+      {
+        id: "faq-3",
+        question: t("faq.question3.question"),
+        answer: t("faq.question3.answer"),
+      },
+      {
+        id: "faq-4",
+        question: t("faq.question4.question"),
+        answer: t("faq.question4.answer"),
+      },
+      {
+        id: "faq-5",
+        question: t("faq.question5.question"),
+        answer: t("faq.question5.answer"),
+      },
+    ];
   return (
     <div className="bg-[#1e1d1c] py-20 pb-50 space-y-8">
       {/* header */}