温暖橙色横幅 Tailwind网站组件

温暖的橙色渐变背景，圆形几何装饰，营造友好亲切的氛围，适合教育或社区类网站

<section class="relative bg-gradient-to-r from-orange-400 to-red-500 text-white rounded-2xl">
            <div class="absolute inset-0 opacity-15">
                <div class="absolute top-8 right-12 w-20 h-20 border-4 border-white rounded-full"></div>
                <div class="absolute bottom-12 left-16 w-12 h-12 bg-white rounded-full"></div>
                <div class="absolute top-1/2 left-8 w-6 h-6 bg-yellow-200 rounded-full"></div>
            </div>
            <div class="relative px-6 py-16 sm:px-12 sm:py-22 lg:px-16">
                <div class="max-w-4xl">
                    <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-orange-100 max-w-2xl">
                        在这里，每个人都能找到属于自己的温暖角落
                    </p>
                    <button class="bg-white text-orange-600 px-8 py-4 rounded-full font-semibold hover:bg-orange-50 transition-colors shadow-lg">
                        加入社区
                    </button>
                </div>
            </div>
        </section>