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.

layout/footer.tsx

@@ -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 Studios、Microsoft 或他们位于中国大陆的代理公司之间并无任何从属或关联。
+      </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 };

layout/header.tsx

@@ -1,23 +1,51 @@
-import { Button } from "@/components/ui/button";
-import Link from "next/link";
+"use client";
+
+import dynamic from "next/dynamic";
+
+const CardNav = dynamic(() => import("@/components/card-nav/CardNav"), {
+  ssr: false,
+});
+
+const navItems = [
+  {
+    label: "产品",
+    bgColor: "#1B1722",
+    textColor: "#fff",
+    links: [
+      { label: "Koring Launcher", href: "/launcher", ariaLabel: "Koring Launcher" },
+      { label: "Sanshe Play", href: "https://docs.play.lenjing.work", ariaLabel: "Sanshe Play" },
+    ],
+  },
+  {
+    label: "资源",
+    bgColor: "#2F293A",
+    textColor: "#fff",
+    links: [
+      { label: "Github", href: "https://github.com/lingke-net", ariaLabel: "Github" },
+      { label: "支持", href: "https://support.lingke.ink", ariaLabel: "支持" },
+    ],
+  },
+  {
+    label: "关于",
+    bgColor: "#2F293A",
+    textColor: "#fff",
+    links: [
+      { label: "MChine Space", href: "https://mchine.space", ariaLabel: "MChine Space" },
+    ],
+  },
+];
 
 function Header() {
   return (
-    <div className="fixed w-full backdrop-blur-sm bg-background/70 p-3 px-4 md:px-10 lg:px-48 flex items-center justify-between z-20">
-      <Link href="/">
-        <Button className="font-bold" variant="ghost">
-          Koring Team Space
-        </Button>
-      </Link>
-      <div className="flex items-center gap-1">
-        <a href="https://support.lingke.ink">
-          <Button variant="ghost">支持</Button>
-        </a>
-        <a href="https://learn.rivfox.com">
-          <Button variant="ghost">文档</Button>
-        </a>
-      </div>
-    </div>
+    <CardNav
+      logoAlt="Koring Team"
+      items={navItems}
+      baseColor="#ffffff"
+      menuColor="#000"
+      buttonBgColor="#111"
+      buttonTextColor="#fff"
+      ease="power3.out"
+    />
   );
 }