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

const team = [
  {
    name: "آرش پاکزاد",
    company: "رشدآفرین ونچرز",
    image:
      "/block-media/shadcnblocks/block/avatar-5.webp",
  },
  {
    name: "رامین صادقی",
    company: "صندوق نوآوری سازمانی",
    image:
      "/block-media/shadcnblocks/block/avatar-2.webp",
  },
  {
    name: "لیلا محمدی",
    company: "تکانکسوس کپیتال",
    image:
      "/block-media/shadcnblocks/block/avatar-3.webp",
  },
  {
    name: "مهدی کریمی",
    company: "اتوما کپیتال",
    image:
      "/block-media/shadcnblocks/block/avatar-4.webp",
  },
  {
    name: "نیلوفر احمدی",
    company: "وندورا کپیتال",
    image:
      "/block-media/shadcnblocks/block/avatar-3.webp",
  },
];

interface Team7Props {
  className?: string;
}

const Team7 = ({ className }: Team7Props) => {
  return (
    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
      <div className="container">
        <h2 className="text-start text-xl font-medium tracking-wide text-primary">
          سرمایه‌گذاران مرحله رشد
        </h2>
        <div className="mt-8 grid grid-cols-2 gap-12 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5">
          {team.map((investor) => (
            <div key={investor.name} className="text-start">
              <img
                src={investor.image}
                alt={investor.name}
                width={120}
                height={120}
                className="rounded-full object-cover"
              />
              <h3 className="mt-3 font-semibold">{investor.name}</h3>
              <p className="text-muted-foreground">{investor.company}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

export { Team7 };