import Image from "next/image";
import Container from "./Container";

const partners = [
  "/images/partner-1.png",
  "/images/partner-2.png",
  "/images/partner-3.png",
  "/images/partner-4.png",
  "/images/partner-5.png",
  "/images/partner-6.png",
];

export default function Partners() {
  return (
    <section className="py-14 border-y border-black/5">
      <Container>
        <div className="flex flex-wrap items-center justify-around gap-x-14 gap-y-8 grayscale opacity-70">
          {partners.map((src, i) => (
            <Image
              key={i}
              src={src}
              alt="نماد اعتماد"
              width={95}
              height={82}
              className="h-20 sm:h-24 w-auto object-contain"
            />
          ))}
        </div>
      </Container>
    </section>
  );
}
