import { Award, Shield, Leaf, CheckCircle, Globe, FileCheck } from "lucide-react";

const certifications = [
  {
    icon: Award,
    title: "ISO 9001:2015",
    description: "Quality Management System certification ensuring consistent quality standards in all our manufacturing processes.",
  },
  {
    icon: Shield,
    title: "BSCI",
    description: "Business Social Compliance Initiative certification demonstrating our commitment to ethical supply chain management.",
  },
  {
    icon: Leaf,
    title: "OEKO-TEX Standard 100",
    description: "Certification for textiles tested and verified free from harmful substances, ensuring product safety.",
  },
  {
    icon: CheckCircle,
    title: "SEDEX",
    description: "Supplier Ethical Data Exchange membership showcasing our dedication to responsible and ethical sourcing.",
  },
  {
    icon: Globe,
    title: "WRAP",
    description: "Worldwide Responsible Accredited Production certification for lawful, humane, and ethical manufacturing.",
  },
  {
    icon: FileCheck,
    title: "GOTS",
    description: "Global Organic Textile Standard certification for organic fiber production and environmentally responsible processing.",
  },
];

export function CertificationsSection() {
  return (
    <section id="certifications" className="py-20 bg-muted">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="text-center mb-16">
          <p className="text-sm font-medium text-primary mb-2 uppercase tracking-wide">
            Certifications
          </p>
          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-foreground mb-4 text-balance">
            Committed to Global Standards
          </h2>
          <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
            BD Knit Design Ltd. maintains international certifications that demonstrate 
            our unwavering commitment to quality, sustainability, and ethical manufacturing practices.
          </p>
        </div>

        <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
          {certifications.map((cert) => (
            <div
              key={cert.title}
              className="p-6 bg-card border border-border rounded-lg hover:border-primary/50 hover:shadow-lg transition-all duration-300"
            >
              <div className="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center mb-4">
                <cert.icon className="w-7 h-7 text-primary" />
              </div>
              <h3 className="text-lg font-semibold text-card-foreground mb-2">
                {cert.title}
              </h3>
              <p className="text-muted-foreground text-sm leading-relaxed">
                {cert.description}
              </p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
