Tailwind助手
组件库
提交组件
首页
渐变背景英雄区 Tailwind网站组件
紫色到蓝色的渐变背景，配合大标题和行动按钮，视觉冲击力强
<section class="relative bg-gradient-to-r from-purple-600 to-blue-600 text-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24"> <div class="text-center"> <h1 class="text-4xl md:text-6xl font-bold mb-6">创新改变未来</h1> <p class="text-xl md:text-2xl mb-8 opacity-90">探索无限可能，开启数字化新时代</p> <div class="space-x-4"> <button class="bg-white text-purple-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors"> 开始体验 </button> <button class="border-2 border-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-purple-600 transition-colors"> 了解更多 </button> </div> </div> </div> </section>