import { cn } from "@/lib/utils";

interface FaqItem {
  question: string;
  answer: string;
}

interface Faq2Props {
  heading?: string;
  items?: FaqItem[];
  className?: string;
}

const Faq2 = ({
  heading = "پرسش‌های اتوماسیون بازاریابی",
  items = [
    {
      question: "چطور کمپین را بر اساس رفتار مخاطب فعال کنم؟",
      answer:
        "با تریگرهایی مثل بازدید قیمت یا رها کردن فرم، دنباله ایمیل یا پیام به‌صورت خودکار شروع می‌شود.",
    },
    {
      question: "مخاطبین را بر اساس تعامل می‌توانم بخش‌بندی کنم؟",
      answer:
        "بله. لیست‌ها با امتیاز تعامل، منبع ورود و مرحله قیف به‌روز می‌شوند تا پیام درست به شخص درست برسد.",
    },
    {
      question: "نتیجه کمپین را چطور اندازه می‌گیرم؟",
      answer:
        "نرخ باز شدن، کلیک، تبدیل و درآمد نسبت‌داده‌شده در یک داشبورد واحد در دسترس است.",
    },
    {
      question: "سقف ارسال روزانه چقدر است؟",
      answer:
        "بسته به پلن سقف شفاف است و می‌توانید حجم را بدون افت تحویل‌پذیری افزایش دهید.",
    },
    {
      question: "الگوهای ایمیل شخصی‌سازی می‌شوند؟",
      answer:
        "فیلدهای پویا، شاخه‌بندی محتوا و تست A/B را بدون دخالت تیم فنی تنظیم می‌کنید.",
    },
    {
      question: "چطور جلوی رفتن به اسپم را بگیرم؟",
      answer:
        "احراز دامنه، گرم‌کردن ارسال و امتیاز اعتبار فرستنده در پنل دیده می‌شود تا تحویل بالا بماند.",
    },
    {
      question: "رویداد کمپین به CRM منتقل می‌شود؟",
      answer:
        "بله. باز شدن و کلیک روی رکورد مخاطب نوشته می‌شود تا فروش بداند چه پیامی دیده شده است.",
    },
  ],
  className,
}: Faq2Props) => {
  return (
    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
      <div className="container mx-auto max-w-3xl">
        <h1 className="mb-4 text-center text-3xl font-semibold md:mb-11 md:text-xl">
          {heading}
        </h1>
        <div className="space-y-8 text-start">
          {items.map((item, index) => (
            <div key={index} className="border-b pb-6">
              <h3 className="mb-2 font-semibold">{item.question}</h3>
              <p className="text-muted-foreground">{item.answer}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

export { Faq2 };