Add CardNav, theme providers, and UI updates

Introduce an interactive top navigation and theming + site UI/branding changes.

- Add CardNav component (TSX + CSS) with GSAP animations and responsive behavior.
- Dynamic Header now loads CardNav (client-side).
- Add Providers (next-themes) and wrap RootLayout; enable theme toggle and update site title to "Koring Team".
- Add Koring logo component and public SVG asset.
- Add custom 404 (app/not-found.tsx).
- Update home page spacing and card paddings for responsiveness.
- Refactor Footer content and layout for legal/branding text.
- Add dependencies: gsap, react-icons and update pnpm lock.
This commit is contained in:
2026-07-11 01:21:44 +08:00
parent f35b9d1fec
commit 6d87e76ebb
12 changed files with 771 additions and 78 deletions
+41 -27
View File
@@ -3,34 +3,48 @@ import Link from "next/link";
function Footer() {
return (
<div className="py-10 px-4 mt-10 mx-4 md:mx-6 lg:mx-44 flex items-start md:items-center flex-col md:flex-row sm:justify-between gap-4 md:gap-0 border-t">
<Link href="/">
<Button className="font-bold" variant="ghost">
<span>Koring Team Space</span>
</Button>
</Link>
<div className="flex items-center gap-1 flex-wrap">
<a href="mailto:hi@lenjing.email?subject=联系支持" target="_blank">
<Button variant="ghost">hi@lenjing.email</Button>
</a>
<a href="https://beian.miit.gov.cn/" target="_blank">
<Button variant="ghost">ICP备2024089677号-2</Button>
</a>
<a href="https://rivfox.com/" target="_blank">
<Button variant="ghost">RIVFOX.COM</Button>
</a>
<a href="https://lingke.ink/" target="_blank">
<Button variant="ghost"></Button>
</a>
<a href="https://dream-pep.cn/" target="_blank">
<Button variant="ghost"></Button>
</a>
<a href="https://lenjing.cn/" target="_blank">
<Button variant="ghost"></Button>
</a>
<>
<div className="px-4 py-4 text-center text-sm text-muted-foreground">
&copy; {new Date().getFullYear()} Koring Team. All rights reserved. |
</div>
</div>
);
<div className="px-4 py-4 text-center text-sm text-muted-foreground">
Koring Launcher Minecraft Mojang StudiosMicrosoft
</div>
<div className="px-4 py-4 text-center text-sm text-muted-foreground">
"Minecraft" "我的世界" Koring Launcher
</div>
<div className="px-4 py-4 text-center text-sm text-muted-foreground">
Koring Team Lingke Network Prism Horizon
</div>
<div style={{ height: 20 }} />
<div className="py-8 px-4 border-t">
<div className="mx-0 md:mx-6 lg:mx-44 flex flex-col md:flex-row items-start md:items-center justify-between gap-6 md:gap-4">
<Link href="/">
<Button className="font-bold text-sm md:text-base" variant="ghost">
<span>Koring Team Space</span>
</Button>
</Link>
<div className="flex items-center gap-1 flex-wrap">
<a href="mailto:hi@lenjing.email?subject=联系支持" target="_blank">
<Button className="text-xs md:text-sm" variant="ghost">HI@lenjing.email</Button>
</a>
<a href="https://rivfox.com/" target="_blank">
<Button className="text-xs md:text-sm" variant="ghost">RIVFOX.COM</Button>
</a>
<a href="https://lingke.ink/" target="_blank">
<Button className="text-xs md:text-sm" variant="ghost"></Button>
</a>
<a href="https://dream-pep.cn/" target="_blank">
<Button className="text-xs md:text-sm" variant="ghost"></Button>
</a>
<a href="https://lenjing.cn/" target="_blank">
<Button className="text-xs md:text-sm" variant="ghost"></Button>
</a>
</div>
</div>
</div>
</>
);
}
export { Footer };