彩虹渐变导航 Tailwind网站组件

彩虹色渐变背景，充满活力的配色方案，适合创意和娱乐网站

<section class="relative bg-gradient-to-r from-pink-500 via-red-500 via-yellow-500 via-green-500 via-blue-500 to-purple-600">
            <div class="absolute inset-0 bg-black opacity-20"></div>
            <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
                <div class="text-center text-white">
                    <h1 class="text-5xl md:text-7xl font-bold mb-6 animate-pulse">彩虹桥</h1>
                    <p class="text-xl mb-8">连接梦想与现实的七彩通道</p>
                    <div class="flex flex-wrap justify-center gap-4">
                        <span class="bg-white/20 backdrop-blur-sm px-4 py-2 rounded-full">创意</span>
                        <span class="bg-white/20 backdrop-blur-sm px-4 py-2 rounded-full">设计</span>
                        <span class="bg-white/20 backdrop-blur-sm px-4 py-2 rounded-full">艺术</span>
                        <span class="bg-white/20 backdrop-blur-sm px-4 py-2 rounded-full">想象</span>
                    </div>
                </div>
            </div>
        </section>