58 lines
1.8 KiB
TypeScript
58 lines
1.8 KiB
TypeScript
import Link from "next/link";
|
|
import Logo from "./Logo";
|
|
|
|
const FOOTER_LINKS = [
|
|
{ label: "活动规则", href: "/rules" },
|
|
{ label: "隐私协议", href: "/privacy" },
|
|
{ label: "用户协议", href: "/terms" },
|
|
{ label: "联系客服", href: "/support" },
|
|
] as const;
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer className="border-t border-white/[0.06] bg-[rgba(8,5,26,0.6)] backdrop-blur-sm mt-20">
|
|
<div className="max-w-7xl mx-auto px-6 sm:px-8 py-10 grid gap-8 md:grid-cols-3 items-start">
|
|
{/* Brand */}
|
|
<div>
|
|
<Logo size="sm" href={null} />
|
|
<p className="mt-3 text-xs text-white/45 leading-relaxed">
|
|
虚拟偶像 Top12 出道企划
|
|
<br />
|
|
Cyber Star · Virtual Idol Debut Project
|
|
</p>
|
|
</div>
|
|
|
|
{/* Links */}
|
|
<nav className="md:col-span-1">
|
|
<p className="font-label text-[10px] tracking-[0.3em] uppercase text-purple-300 mb-3">
|
|
Information
|
|
</p>
|
|
<ul className="space-y-2 text-sm">
|
|
{FOOTER_LINKS.map((link) => (
|
|
<li key={link.href}>
|
|
<Link
|
|
href={link.href}
|
|
className="text-white/55 hover:text-purple-300 transition-colors"
|
|
>
|
|
{link.label}
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</nav>
|
|
|
|
{/* Caption */}
|
|
<div className="text-xs text-white/40 md:text-right">
|
|
<p className="font-label tracking-[0.25em] uppercase text-purple-300/70 mb-2">
|
|
© 2026 Cyber Star
|
|
</p>
|
|
<p>All rights reserved.</p>
|
|
<p className="mt-1 font-mono text-white/30">
|
|
airlabs.art · powered by Next.js
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|