78 lines
3.8 KiB
TypeScript
78 lines
3.8 KiB
TypeScript
import { Mail, MessageCircle, Phone } from 'lucide-react';
|
||
|
||
export default function Footer() {
|
||
return (
|
||
<footer className="bg-gray-900 text-white py-12">
|
||
<div className="max-w-screen-xl mx-auto px-6">
|
||
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
|
||
{/* 公司信息 */}
|
||
<div className="md:col-span-2">
|
||
<h3 className="text-2xl font-bold mb-4">Pinnovate Cloud</h3>
|
||
<p className="text-gray-300 mb-6 max-w-md">
|
||
专业的云加速服务提供商，为全球企业提供高性能、安全可靠的网络加速解决方案。
|
||
</p>
|
||
<div className="space-y-3">
|
||
<div className="flex items-center gap-3">
|
||
<Mail className="w-5 h-5 text-accent" />
|
||
<a href="mailto:support@pinnovatecloud.com" className="text-gray-300 hover:text-white transition-colors">
|
||
support@pinnovatecloud.com
|
||
</a>
|
||
</div>
|
||
<div className="flex items-center gap-3">
|
||
<Phone className="w-5 h-5 text-accent" />
|
||
<a href="https://wa.me/19174029875" className="text-gray-300 hover:text-white transition-colors">
|
||
+1 917-402-9875
|
||
</a>
|
||
</div>
|
||
<div className="flex items-center gap-3">
|
||
<MessageCircle className="w-5 h-5 text-accent" />
|
||
<a href="https://t.me/pinnovatecloud" className="text-gray-300 hover:text-white transition-colors">
|
||
@pinnovatecloud
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{/* 服务链接 */}
|
||
<div>
|
||
<h4 className="text-lg font-semibold mb-4">服务</h4>
|
||
<ul className="space-y-2">
|
||
<li><a href="/features" className="text-gray-300 hover:text-white transition-colors">产品特性</a></li>
|
||
<li><a href="/pricing" className="text-gray-300 hover:text-white transition-colors">定价方案</a></li>
|
||
<li><a href="/cases" className="text-gray-300 hover:text-white transition-colors">客户案例</a></li>
|
||
<li><a href="/news" className="text-gray-300 hover:text-white transition-colors">新闻资讯</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
{/* 支持链接 */}
|
||
<div>
|
||
<h4 className="text-lg font-semibold mb-4">支持</h4>
|
||
<ul className="space-y-2">
|
||
<li><a href="/contact" className="text-gray-300 hover:text-white transition-colors">联系我们</a></li>
|
||
<li><a href="/about" className="text-gray-300 hover:text-white transition-colors">关于我们</a></li>
|
||
<li><a href="#" className="text-gray-300 hover:text-white transition-colors">帮助中心</a></li>
|
||
<li><a href="#" className="text-gray-300 hover:text-white transition-colors">API 文档</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="border-t border-gray-700 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center">
|
||
<p className="text-gray-400 text-sm">
|
||
© 2025 Pinnovate Cloud. 保留所有权利。
|
||
</p>
|
||
<div className="flex space-x-6 mt-4 md:mt-0">
|
||
<a href="https://t.me/pinnovatecloud" className="text-gray-400 hover:text-white transition-colors">
|
||
<MessageCircle className="w-5 h-5" />
|
||
</a>
|
||
<a href="https://wa.me/19174029875" className="text-gray-400 hover:text-white transition-colors">
|
||
<Phone className="w-5 h-5" />
|
||
</a>
|
||
<a href="mailto:support@pinnovatecloud.com" className="text-gray-400 hover:text-white transition-colors">
|
||
<Mail className="w-5 h-5" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
);
|
||
} |