import { Check } from "lucide-react";

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

interface Feature7Props {
  className?: string;
}

const Feature7 = ({ className }: Feature7Props) => {
  return (
    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
      <div className="container">
        <div className="grid items-center gap-8 lg:grid-cols-2">
          <img
            src="/block-media/shadcnblocks/block/placeholder-1.svg"
            alt="دستیار هوش مصنوعی"
            className="order-2 max-h-96 w-full rounded-md object-cover lg:order-1"
          />
          <div className="order-1 flex flex-col lg:order-2 lg:items-start lg:text-start">
            <h1 className="my-6 text-3xl font-semibold text-pretty lg:text-2xll">
              با هوش مصنوعی سریع‌تر تصمیم بگیرید
            </h1>
            <p className="mb-8 max-w-xl text-muted-foreground lg:text-lg">
              مدل‌های هوشمند الگوهای پنهان در داده فروش و پشتیبانی را پیدا می‌کنند. تیم‌ها با پیشنهادهای عملی، سریع‌تر اقدام می‌کنند.
            </p>
            <ul className="ms-4 space-y-4 text-start">
              <li className="flex items-center gap-3">
                <Check className="size-5 shrink-0" />
                <p className="text-muted-foreground">
                  از خلاصه‌سازی مکالمه تا پیشنهاد پاسخ، AI زمان کار دستی را کم می‌کند و کیفیت خروجی را بالا می‌برد.
                </p>
              </li>
              <li className="flex items-center gap-3">
                <Check className="size-5 shrink-0" />
                <p className="text-muted-foreground">
                  سیستم با داده سازمان شما یاد می‌گیرد و هر بار پیشنهادهای دقیق‌تری برای بهبود نتیجه ارائه می‌دهد.
                </p>
              </li>
              <li className="flex items-center gap-3">
                <Check className="size-5 shrink-0" />
                <p className="text-muted-foreground">
                  مدل‌های هوشمند الگوهای پنهان در داده فروش و پشتیبانی را پیدا می‌کنند. تیم‌ها با پیشنهادهای عملی، سریع‌تر اقدام می‌کنند.
                </p>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
};

export { Feature7 };