夜空星辰横幅 Tailwind网站组件

<section class="relative bg-gradient-to-b from-indigo-900 to-purple-900 text-white rounded-2xl overflow-hidden">
            <div class="absolute inset-0">
                <div class="absolute top-12 left-1/4 w-1 h-1 bg-white rounded-full animate-pulse"></div>
                <div class="absolute top-20 right-1/3 w-0.5 h-0.5 bg-yellow-200 rounded-full"></div>
                <div class="absolute top-32 left-1/2 w-1 h-1 bg-blue-200 rounded-full animate-pulse delay-100"></div>
                <div class="absolute bottom-24 right-1/4 w-0.5 h-0.5 bg-white rounded-full"></div>
                <div class="absolute bottom-32 left-1/3 w-1 h-1 bg-purple-200 rounded-full animate-pulse delay-200"></div>
            </div>
            <div class="relative px-6 py-20 sm:px-12 sm:py-28 lg:px-16">
                <div class="max-w-3xl mx-auto text-center">
                    <h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6">
                        探索宇宙奥秘
                    </h1>
                    <p class="text-lg sm:text-xl mb-8 text-indigo-200">
                        在浩瀚星空中寻找答案，发现未知的美妙
                    </p>
                    <button class="bg-gradient-to-r from-blue-500 to-purple-600 px-8 py-4 rounded-full font-semibold hover:from-blue-600 hover:to-purple-700 transition-all transform hover:scale-105">
                        开始探索
                    </button>
                </div>
            </div>
        </section>