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

interface Feature31Props {
  className?: string;
}

const Feature31 = ({ className }: Feature31Props) => {
  return (
    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
      <div className="container">
        <div className="mx-auto mb-20 max-w-3xl text-center">
          <h1 className="mb-6 text-xl font-medium md:mb-11 md:text-2xll">
            با هوش مصنوعی سریع‌تر تصمیم بگیرید
          </h1>
          <p className="font-medium text-muted-foreground md:text-lg">
            کارهای تکراری را به AI بسپارید
          </p>
        </div>
        <div className="mx-auto grid max-w-5xl gap-10 md:grid-cols-2">
          <div className="order-1 flex h-full items-center rounded-lg bg-muted">
            <img
              src="/block-media/shadcnblocks/block/placeholder-dark-1.svg"
              alt="دستیار هوش مصنوعی"
              className="aspect-video w-full object-cover"
            />
          </div>
          <div className="order-3 h-full rounded-lg bg-muted md:px-10 md:pt-10">
            <img
              src="/block-media/shadcnblocks/block/placeholder-dark-2.svg"
              alt="پیشنهادهای هوشمند"
              className="h-full rounded-t-lg object-cover"
            />
          </div>
          <div className="order-2 -mt-6 max-w-[412px] md:order-3">
            <p className="mb-6 text-sm text-muted-foreground md:mb-12">
              مدل‌های هوشمند الگوهای پنهان در داده فروش و پشتیبانی را پیدا می‌کنند. تیم‌ها با پیشنهادهای عملی، سریع‌تر اقدام می‌کنند.
            </p>
            <h3 className="mb-3 text-xl font-medium md:mb-6">
              طبقه‌بندی خودکار
            </h3>
            <p className="mb-6 text-muted-foreground">
              پیش‌بینی ریزش
            </p>
            <a href="#" className="font-medium hover:underline">
              از خلاصه‌سازی مکالمه تا پیشنهاد پاسخ، AI زمان کار دستی را کم می‌کند و کیفیت خروجی را بالا می‌برد.
            </a>
          </div>
          <div className="order-4 -mt-6 max-w-[412px] md:order-3">
            <p className="mb-6 text-sm text-muted-foreground md:mb-12">
              سیستم با داده سازمان شما یاد می‌گیرد و هر بار پیشنهادهای دقیق‌تری برای بهبود نتیجه ارائه می‌دهد.
            </p>
            <h3 className="mb-3 text-xl font-medium md:mb-6">
              جستجوی معنایی
            </h3>
            <p className="mb-6 text-muted-foreground">
              تولید محتوا
            </p>
            <a href="#" className="font-medium hover:underline">
              مدل‌های هوشمند الگوهای پنهان در داده فروش و پشتیبانی را پیدا می‌کنند. تیم‌ها با پیشنهادهای عملی، سریع‌تر اقدام می‌کنند.
            </a>
          </div>
        </div>
      </div>
    </section>
  );
};

export { Feature31 };