彩色背景联系 Tailwind网站组件

<section class="bg-gradient-to-br from-pink-500 via-red-500 to-yellow-500 rounded-3xl p-2"> <div class="bg-white rounded-2xl p-8 md:p-12 h-full"> <div class="max-w-5xl mx-auto"> <div class="text-center mb-12"> <h2 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4"> <span class="bg-gradient-to-r from-pink-500 to-yellow-500 bg-clip-text text-transparent"> 创意无限 </span> <br>让我们聊聊 </h2> <p class="text-gray-600 text-xl max-w-2xl mx-auto"> 每个伟大的项目都始于一次简单的对话 </p> </div> <div class="grid lg:grid-cols-3 gap-8"> <div class="lg:col-span-2"> <div class="bg-gradient-to-br from-pink-50 to-yellow-50 rounded-2xl p-8"> <h3 class="text-2xl font-bold text-gray-900 mb-6">开始对话</h3> <form class="space-y-6"> <div class="grid md:grid-cols-2 gap-4"> <div> <label class="block text-gray-700 font-medium mb-2">姓名 *</label> <input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-pink-500 focus:border-transparent"> </div> <div> <label class="block text-gray-700 font-medium mb-2">邮箱 *</label> <input type="email" class="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-pink-500 focus:border-transparent"> </div> </div> <div class="grid md:grid-cols-2 gap-4"> <div> <label class="block text-gray-700 font-medium mb-2">公司</label> <input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-pink-500 focus:border-transparent"> </div> <div> <label class="block text-gray-700 font-medium mb-2">预算范围</label> <select class="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-pink-500 focus:border-transparent"> <option>请选择</option> <option>1万以下</option> <option>1-5万</option> <option>5-10万</option> <option>10万以上</option> </select> </div> </div> <div> <label class="block text-gray-700 font-medium mb-2">项目描述 *</label> <textarea rows="5" class="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-pink-500 focus:border-transparent resize-none" placeholder="请详细描述您的项目需求...">

我同意隐私政策和服务条款

💬 即时咨询

需要立即帮助？

📞 电话咨询

专业顾问为您服务

400-123-4567

📧 邮件联系

详细方案讨论

creative@company.com

🏢 办公地址

重庆市渝北区金开大道西段

互联网产业园A座12楼