我们的故事 Tailwind网站组件

<section class="mb-20">
            <div class="grid lg:grid-cols-2 gap-12 items-center">
                <div class="order-2 lg:order-1">
                    <h2 class="text-4xl font-bold text-gray-800 mb-6">我们的故事</h2>
                    <div class="space-y-4 text-lg text-gray-600 leading-relaxed">
                        <p>
                            Whois查询网成立于2020年，是一家专注于域名信息查询服务的技术公司。我们致力于为全球用户提供快速、准确、全面的域名信息查询服务。
                        </p>
                        <p>
                            从创立之初，我们就秉承着"让域名信息查询更简单"的使命，通过不断的技术创新和服务优化，现已成为业内领先的域名查询服务提供商。
                        </p>
                        <p>
                            我们的平台每日服务数百万次查询请求，覆盖全球1000多个顶级域名后缀，为网络安全、域名投资、品牌保护等领域提供专业支持。
                        </p>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="relative">
                        <div class="bg-gradient-to-br from-blue-500 to-purple-600 rounded-2xl p-8 text-white transform hover:scale-105 transition-transform duration-300">
                            <div class="grid grid-cols-2 gap-6">
                                <div class="text-center">
                                    <div class="text-3xl font-bold mb-2">1000+</div>
                                    <div class="text-blue-100">支持域名后缀</div>
                                </div>
                                <div class="text-center">
                                    <div class="text-3xl font-bold mb-2">5M+</div>
                                    <div class="text-blue-100">日查询量</div>
                                </div>
                                <div class="text-center">
                                    <div class="text-3xl font-bold mb-2">99.9%</div>
                                    <div class="text-blue-100">服务可用率</div>
                                </div>
                                <div class="text-center">
                                    <div class="text-3xl font-bold mb-2">24/7</div>
                                    <div class="text-blue-100">技术支持</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>