服务优势展示 Tailwind网站组件

<section class="py-16 px-4">
                <div class="text-center mb-12">
                    <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">我们的服务优势</h2>
                    <p class="text-lg text-gray-600 max-w-2xl mx-auto">多年行业经验，为您提供最专业的服务体验</p>
                </div>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
                    <div class="bg-gradient-to-br from-red-400 to-pink-500 p-6 rounded-2xl text-white transform hover:scale-105 transition-all duration-300 hover:shadow-2xl">
                        <div class="bg-white/20 w-12 h-12 rounded-full flex items-center justify-center mb-4 backdrop-blur-sm">
                            <span class="text-2xl">🚀</span>
                        </div>
                        <h3 class="text-xl font-bold mb-2">快速交付</h3>
                        <p class="text-sm opacity-90">高效的工作流程，确保项目按时完成</p>
                    </div>
                    <div class="bg-gradient-to-br from-blue-400 to-indigo-500 p-6 rounded-2xl text-white transform hover:scale-105 transition-all duration-300 hover:shadow-2xl">
                        <div class="bg-white/20 w-12 h-12 rounded-full flex items-center justify-center mb-4 backdrop-blur-sm">
                            <span class="text-2xl">🛡️</span>
                        </div>
                        <h3 class="text-xl font-bold mb-2">安全可靠</h3>
                        <p class="text-sm opacity-90">企业级安全标准，保护您的数据安全</p>
                    </div>
                    <div class="bg-gradient-to-br from-green-400 to-emerald-500 p-6 rounded-2xl text-white transform hover:scale-105 transition-all duration-300 hover:shadow-2xl">
                        <div class="bg-white/20 w-12 h-12 rounded-full flex items-center justify-center mb-4 backdrop-blur-sm">
                            <span class="text-2xl">💡</span>
                        </div>
                        <h3 class="text-xl font-bold mb-2">创新思维</h3>
                        <p class="text-sm opacity-90">持续创新，为您带来最前沿的解决方案</p>
                    </div>
                    <div class="bg-gradient-to-br from-yellow-400 to-orange-500 p-6 rounded-2xl text-white transform hover:scale-105 transition-all duration-300 hover:shadow-2xl">
                        <div class="bg-white/20 w-12 h-12 rounded-full flex items-center justify-center mb-4 backdrop-blur-sm">
                            <span class="text-2xl">🤝</span>
                        </div>
                        <h3 class="text-xl font-bold mb-2">贴心服务</h3>
                        <p class="text-sm opacity-90">一对一专属服务，满足您的个性化需求</p>
                    </div>
                </div>
            </section>