import {
  Briefcase,
  Globe,
  Leaf,
  Package,
  DollarSign,
  Users,
} from "lucide-react";
import React from "react";

export default function ManagementTeam() {
  const team = [
    {
      name: "Yogesh Bagul",
      role: "Managing Director, R&D",
      desc: "Provides strategic leadership and oversees global operations.",
      icon:<Briefcase size={40} className="text-green-600" />

    },
    {
      name: "Jitendra Wagh",
      role: "Director, International Business",
      desc: "Focuses on export strategies and global partnerships.",
      icon: <Globe size={40} className="w-12 h-12 text-blue-600" />,
    },
    {
      name: "Aanad Borse",
      role: "Director, Agriculture & Procurement",
      desc: "Works closely with farmers to ensure high-quality produce sourcing.",
      icon: <Leaf size={40}  className="w-12 h-12 text-green-500" />,
    },
    {
      name: "Purushattam Baviskar",
      role: "Director, Packaging Solutions",
      desc: "Leads development and supply of innovative liner bag technology.",
      icon: <Package size={40}  className="w-12 h-12 text-orange-500" />,
    },
    {
      name: "Nilesh Pardeshi",
      role: "Director, Finance & Compliance",
      desc: "Ensures financial stability and adherence to international standards.",
      icon: <DollarSign size={40} className="w-12 h-12 text-yellow-500" />,
    },
    {
      name: "Surendra Sinha",
      role: "Director, Marketing & Client Relations",
      desc: "Builds strong client relationships and expands brand presence globally.",
      icon: <Users size={40}  className="w-12 h-12 text-purple-600" />,
    },
  ];

  return (
    <div className="p-10">
      <h1 className="text-3xl font-bold mb-5">Management Team</h1>
      <p className="mb-5 text-gray-700 max-w-3xl">
        At Sanjaya Fresh Produce Pvt. Ltd., our leadership team brings together
        experience, innovation, and commitment to drive our mission forward.
      </p>

      <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
        {team.map((member, index) => (
          <div
            key={index}
            className="bg-white rounded-2xl shadow-lg p-6 hover:shadow-2xl transition duration-300 cursor-pointer text-center"
          >
            <div className="flex justify-center ">{member.icon}</div>
            <h3 className="text-xl font-semibold text-green-800 ">
              {member.name}
            </h3>
            <h4 className="text-sm text-gray-500 ">{member.role}</h4>
            <p className="text-gray-600 text-sm">{member.desc}</p>
          </div>
        ))}
      </div>
    </div>
  );
}
