baima_home_main/components/home/Trust.tsx

35 lines
1.1 KiB
TypeScript

'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>
)
}