import Container from "./Container";

const items = [
  {
    title: "ماموریت ما",
    desc: "تامین و عرضه مکمل‌های غذایی، ویتامین‌ها و افزودنی‌های خوراک با بالاترین استانداردهای کیفی جهانی، برای ارتقای بهره‌وری و سلامت دام، طیور و زنبور عسل در سراسر کشور.",
  },
  {
    title: "چشم‌انداز ما",
    desc: "تبدیل شدن به معتبرترین و قابل‌اعتمادترین برند وارد‌کننده و عرضه‌کننده مکمل‌های دام و طیور در ایران، با تکیه بر دانش فنی و شراکت با تولیدکنندگان بین‌المللی.",
  },
];

export default function MissionVision() {
  return (
    <section className="py-16 sm:py-20">
      <Container className="grid grid-cols-1 sm:grid-cols-2 gap-6">
        {items.map((item) => (
          <div
            key={item.title}
            className="rounded-2xl border border-black/5 bg-white p-8 shadow-sm"
          >
            <h3 className="text-xl font-bold text-primary">{item.title}</h3>
            <p className="mt-4 leading-8 text-foreground">{item.desc}</p>
          </div>
        ))}
      </Container>
    </section>
  );
}
