红色活力横幅 Tailwind网站组件

鲜艳的红色渐变背景，配合动态元素，传递热情与活力，适合体育或活动类网站

<section class="relative bg-gradient-to-r from-red-500 to-pink-600 text-white rounded-2xl overflow-hidden">
            <div class="absolute inset-0 opacity-20">
                <div class="absolute top-8 left-8 w-6 h-6 bg-white transform rotate-45 animate-pulse"></div>
                <div class="absolute top-20 right-16 w-4 h-4 bg-yellow-300 rounded-full animate-bounce"></div>
                <div class="absolute bottom-16 left-20 w-8 h-8 border-2 border-white rounded-full"></div>
            </div>
            <div class="relative px-6 py-18 sm:px-12 sm:py-24 lg:px-16">
                <div class="max-w-3xl">
                    <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-red-100 max-w-2xl">
                        释放内心的火焰，拥抱无限可能
                    </p>
                    <button class="bg-white text-red-600 px-8 py-4 rounded-full font-semibold hover:bg-red-50 transition-colors transform hover:scale-105 shadow-lg">
                        点燃激情
                    </button>
                </div>
            </div>
        </section>