/*
  DESIGN: "Global Nexus" — Partners section with navy background
  Scrolling partner names, trust messaging
  Updated: Removed Olucha, added Zhongfu-Silica, Lingnan-AZS, MGC, Grinding Aid, Interlube
*/
import { Shield, Award, Globe2 } from "lucide-react";

const partners = [
  { name: "Schaffer Maschinenfabrik GmbH", industry: "Machinery" },
  { name: "BvL Maschinenfabrik GmbH & Co.KG", industry: "Machinery" },
  
  { name: "Futronic GmbH", industry: "Glass" },
  { name: "Zhongfu-Silica", industry: "Glass" },
  { name: "Lingnan-AZS", industry: "Glass" },
  { name: "Refmon Co. Ltd.", industry: "Glass" },
  { name: "UAS Messtechnik GmbH", industry: "Glass" },
  { name: "Hotwork AG", industry: "Glass" },
  { name: "Accuramech", industry: "Glass" },
  { name: "Interglass", industry: "Glass" },
  { name: "Heat Applications India Pvt. Ltd.", industry: "Glass" },
  { name: "WBT S.R.L.", industry: "Glass" },
  { name: "Interlub Group", industry: "Glass & Aluminum" },
  { name: "MGC - Magnesia Bricks", industry: "Cement" },
  { name: "Grinding Aid Solutions", industry: "Cement" },
];

const trustPoints = [
  {
    icon: Shield,
    title: "Rigorous Selection",
    desc: "Every partner undergoes extensive evaluation to ensure they meet our world-class standards.",
  },
  {
    icon: Award,
    title: "ISO Certified",
    desc: "Our partners maintain international quality certifications including ISO 9001.",
  },
  {
    icon: Globe2,
    title: "Global Reach",
    desc: "Partners from Germany, China, India, Switzerland, and Italy serving markets worldwide.",
  },
];

export default function PartnersSection() {
  return (
    <section id="partners" className="py-20 lg:py-28 bg-navy text-white overflow-hidden">
      <div className="container">
        {/* Section header */}
        <div className="text-center max-w-2xl mx-auto mb-16">
          <div className="inline-flex items-center gap-2 bg-teal/20 text-teal rounded-full px-4 py-1.5 mb-4">
            <span className="text-sm font-semibold tracking-wide uppercase">Our Global Partners</span>
          </div>
          <h2 className="font-heading font-bold text-3xl lg:text-4xl text-white mb-4">
            World-Class Partnerships
          </h2>
          <p className="text-white/60 leading-relaxed">
            We have carefully selected the best solutions providers across multiple industries
            and continents to deliver unmatched value to our clients.
          </p>
        </div>

        {/* Partner marquee */}
        <div className="relative mb-16">
          <div className="absolute left-0 top-0 bottom-0 w-20 bg-gradient-to-r from-navy to-transparent z-10" />
          <div className="absolute right-0 top-0 bottom-0 w-20 bg-gradient-to-l from-navy to-transparent z-10" />
          <div className="flex gap-4 animate-[scroll_40s_linear_infinite]">
            {[...partners, ...partners].map((partner, i) => (
              <div
                key={i}
                className="shrink-0 bg-white/5 border border-white/10 backdrop-blur-sm rounded-lg px-6 py-4 hover:bg-white/10 transition-colors"
              >
                <div className="font-heading font-semibold text-white whitespace-nowrap">{partner.name}</div>
                <div className="text-xs text-teal mt-1">{partner.industry}</div>
              </div>
            ))}
          </div>
        </div>

        {/* Trust points */}
        <div className="grid md:grid-cols-3 gap-8">
          {trustPoints.map((point, i) => (
            <div key={i} className="text-center group">
              <div className="inline-flex p-4 bg-teal/10 rounded-xl mb-4 group-hover:bg-teal/20 transition-colors">
                <point.icon className="w-7 h-7 text-teal" />
              </div>
              <h3 className="font-heading font-semibold text-lg text-white mb-2">{point.title}</h3>
              <p className="text-white/50 text-sm leading-relaxed">{point.desc}</p>
            </div>
          ))}
        </div>
      </div>

      <style>{`
        @keyframes scroll {
          0% { transform: translateX(0); }
          100% { transform: translateX(-50%); }
        }
      `}</style>
    </section>
  );
}
