feat: global shell — header, footer, sidebars, and layout integration

This commit is contained in:
zetaloop
2026-02-20 13:27:33 +08:00
parent 02cd8a23df
commit f7c76db00f
9 changed files with 520 additions and 36 deletions
+52
View File
@@ -0,0 +1,52 @@
import { Gamepad2 } from "lucide-react"
import Link from "next/link"
export function Footer() {
return (
<footer className="border-t bg-muted/30">
<div className="container mx-auto px-4 py-8">
<div className="grid gap-8 md:grid-cols-4">
<div>
<Link href="/" className="flex items-center gap-2 font-bold text-lg">
<Gamepad2 className="h-5 w-5" />
</Link>
<p className="mt-2 text-sm text-muted-foreground"></p>
</div>
<div>
<h3 className="font-semibold text-sm mb-3"></h3>
<nav className="flex flex-col gap-2 text-sm text-muted-foreground">
<Link href="/search" className="hover:text-foreground transition-colors">
</Link>
<Link href="/search" className="hover:text-foreground transition-colors">
</Link>
<Link href="/community" className="hover:text-foreground transition-colors">
</Link>
</nav>
</div>
<div>
<h3 className="font-semibold text-sm mb-3"></h3>
<nav className="flex flex-col gap-2 text-sm text-muted-foreground">
<span></span>
<span></span>
<span></span>
</nav>
</div>
<div>
<h3 className="font-semibold text-sm mb-3"></h3>
<nav className="flex flex-col gap-2 text-sm text-muted-foreground">
<span>客服邮箱: support@juwan.gg</span>
<span>工作时间: 9:00 - 22:00</span>
</nav>
</div>
</div>
<div className="mt-8 border-t pt-4 text-center text-xs text-muted-foreground">
© 2025 -
</div>
</div>
</footer>
)
}