我们的团队 Tailwind网站组件

<section class="mb-20">
            <div class="text-center mb-12">
                <h2 class="text-4xl font-bold text-gray-800 mb-4">我们的团队</h2>
                <p class="text-xl text-gray-600 max-w-3xl mx-auto">
                    由经验丰富的技术专家和行业精英组成的专业团队
                </p>
            </div>

<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
                <div class="text-center group">
                    <div class="relative mb-6">
                        <div class="w-32 h-32 bg-gradient-to-br from-blue-400 to-blue-600 rounded-full mx-auto flex items-center justify-center group-hover:scale-110 transition-transform duration-300">
                            <span class="text-3xl font-bold text-white">张</span>
                        </div>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-2">张明</h3>
                    <p class="text-gray-600 mb-2">首席技术官</p>
                    <p class="text-sm text-gray-500">10年互联网技术经验，专注于大数据和分布式系统架构</p>
                </div>

<div class="text-center group">
                    <div class="relative mb-6">
                        <div class="w-32 h-32 bg-gradient-to-br from-purple-400 to-purple-600 rounded-full mx-auto flex items-center justify-center group-hover:scale-110 transition-transform duration-300">
                            <span class="text-3xl font-bold text-white">李</span>
                        </div>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-2">李雪</h3>
                    <p class="text-gray-600 mb-2">产品总监</p>
                    <p class="text-sm text-gray-500">专注于用户体验设计，拥有丰富的产品管理经验</p>
                </div>

<div class="text-center group">
                    <div class="relative mb-6">
                        <div class="w-32 h-32 bg-gradient-to-br from-green-400 to-green-600 rounded-full mx-auto flex items-center justify-center group-hover:scale-110 transition-transform duration-300">
                            <span class="text-3xl font-bold text-white">王</span>
                        </div>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-2">王强</h3>
                    <p class="text-gray-600 mb-2">运营总监</p>
                    <p class="text-sm text-gray-500">资深运营专家，在互联网运营和市场推广方面经验丰富</p>
                </div>

<div class="text-center group">
                    <div class="relative mb-6">
                        <div class="w-32 h-32 bg-gradient-to-br from-orange-400 to-orange-600 rounded-full mx-auto flex items-center justify-center group-hover:scale-110 transition-transform duration-300">
                            <span class="text-3xl font-bold text-white">陈</span>
                        </div>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-2">陈慧</h3>
                    <p class="text-gray-600 mb-2">客户服务总监</p>
                    <p class="text-sm text-gray-500">致力于为用户提供优质的客户服务和技术支持</p>
                </div>
            </div>
        </section>