'use client'

export function Trust() {
  const partners = [
    "微信支付认证服务商",
    "支付宝ISV合作伙伴",
    "中国银联",
    "启迪之星(投资方)",
    "中金资本生态成员",
    "OTC Markets (拟)"
  ]

  return (
    <section className="py-8 md:py-10 lg:py-12 bg-white border-t border-gray-100">
      <div className="container px-4 mx-auto">
        {/* 响应式标题 */}
        <p className="text-center text-gray-400 text-xs sm:text-sm font-bold uppercase tracking-[1px] md:tracking-[2px] mb-6 md:mb-8">
          Strategic Partners & Qualifications
        </p>
        {/* 响应式网格 */}
        <div className="flex flex-wrap justify-center gap-2 md:gap-4 px-2">
          {partners.map((partner, index) => (
            <div 
              key={index}
              className="px-3 py-2 md:px-6 md:py-3 bg-white border border-gray-200 rounded-full text-xs sm:text-sm font-semibold text-gray-500 hover:border-[#185ADB] hover:text-[#185ADB] transition-colors cursor-default whitespace-nowrap"
            >
              {partner}
            </div>
          ))}
        </div>
      </div>
    </section>
  )
}
