import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { cn } from "@/lib/utils";

interface Testimonial13Props {
  className?: string;
}

const Testimonial13 = ({ className }: Testimonial13Props) => {
  return (
    <section dir="rtl" lang="fa" className={cn("bg-accent py-32", className)}>
      <div className="container">
        <div className="flex flex-col items-center text-center">
          <div className="mb-8 flex items-center rounded-full bg-background p-1 shadow-md">
            <Avatar className="size-10">
              <AvatarImage
                src="/block-media/shadcnblocks/block/avatar-1.webp"
                alt="سارا احمدی"
              />
              <AvatarFallback>سا</AvatarFallback>
            </Avatar>
            <Avatar className="-ml-3 size-10">
              <AvatarImage
                src="/block-media/shadcnblocks/block/avatar-3.webp"
                alt="رؤیا کاظمی"
              />
              <AvatarFallback>رک</AvatarFallback>
            </Avatar>
            <Avatar className="-ml-3 size-10">
              <AvatarImage
                src="/block-media/shadcnblocks/block/avatar-2.webp"
                alt="مازیار رضایی"
              />
              <AvatarFallback>مر</AvatarFallback>
            </Avatar>
            <div className="mx-2 text-xs font-medium">
              مورد اعتماد مدیران فروش پیشرو
            </div>
          </div>
          <p className="max-w-4xl text-xl font-medium lg:text-xl">
            &ldquo;به‌عنوان مدیر موفقیت مشتری، این CRM دقیقاً همان چیزی است که برای
            پیگیری حساب‌ها و افزایش نرخ تمدید نیاز داشتیم. هماهنگی با فروش هرگز
            این‌قدر روان نبوده.&rdquo;
          </p>
        </div>
      </div>
    </section>
  );
};

export { Testimonial13 };