首页联系我们：卡片添加点击跳转，邮箱打开邮件客户端，在线客服跳转官网

web/src/pages/Home/index.jsx

@@ -614,7 +614,7 @@ function ContactUs() {
         <h2 className="text-2xl font-bold tracking-tight text-gray-900 mb-2">{t('联系我们')}</h2>
         <p className="text-gray-500 text-sm mb-10">如有任何问题或合作需求，欢迎随时联系</p>
         <div className="grid md:grid-cols-3 gap-6">
-          <div className="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg hover:shadow-gray-100 hover:border-[#1976d2]/20 transition-all group">
+          <a href="mailto:support@turingtoken.com" className="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg hover:shadow-gray-100 hover:border-[#1976d2]/20 transition-all group block">
             <div className="w-12 h-12 rounded-xl bg-[#e3f2fd] flex items-center justify-center mx-auto mb-4 group-hover:bg-[#1976d2] group-hover:scale-110 transition-all">
               <svg className="w-6 h-6 text-[#1976d2] group-hover:text-white transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
                 <path strokeLinecap="round" strokeLinejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
@@ -622,8 +622,8 @@ function ContactUs() {
             </div>
             <h3 className="text-sm font-semibold text-gray-900 mb-1">{t('邮箱联系')}</h3>
             <p className="text-xs text-gray-500">support@turingtoken.com</p>
-          </div>
+          </a>
-          <div className="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg hover:shadow-gray-100 hover:border-[#1976d2]/20 transition-all group">
+          <a href="https://www.turingtoken.com" target="_blank" rel="noopener noreferrer" className="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg hover:shadow-gray-100 hover:border-[#1976d2]/20 transition-all group block">
             <div className="w-12 h-12 rounded-xl bg-[#e3f2fd] flex items-center justify-center mx-auto mb-4 group-hover:bg-[#1976d2] group-hover:scale-110 transition-all">
               <svg className="w-6 h-6 text-[#1976d2] group-hover:text-white transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
                 <path strokeLinecap="round" strokeLinejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
@@ -631,8 +631,8 @@ function ContactUs() {
             </div>
             <h3 className="text-sm font-semibold text-gray-900 mb-1">{t('在线客服')}</h3>
             <p className="text-xs text-gray-500">工作日 9:00 - 18:00 在线</p>
-          </div>
+          </a>
-          <div className="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg hover:shadow-gray-100 hover:border-[#1976d2]/20 transition-all group">
+          <a href="mailto:business@turingtoken.com" className="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg hover:shadow-gray-100 hover:border-[#1976d2]/20 transition-all group block">
             <div className="w-12 h-12 rounded-xl bg-[#e3f2fd] flex items-center justify-center mx-auto mb-4 group-hover:bg-[#1976d2] group-hover:scale-110 transition-all">
               <svg className="w-6 h-6 text-[#1976d2] group-hover:text-white transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
                 <path strokeLinecap="round" strokeLinejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
@@ -640,7 +640,7 @@ function ContactUs() {
             </div>
             <h3 className="text-sm font-semibold text-gray-900 mb-1">{t('商务合作')}</h3>
             <p className="text-xs text-gray-500">business@turingtoken.com</p>
-          </div>
+          </a>
         </div>
       </div>
     </section>