mirror of
https://github.com/lingke-net/koring-space.git
synced 2026-09-12 05:45:17 +08:00
dream_pep
6d87e76ebb
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.
53 lines
1.1 KiB
TypeScript
53 lines
1.1 KiB
TypeScript
"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 (
|
|
<CardNav
|
|
logoAlt="Koring Team"
|
|
items={navItems}
|
|
baseColor="#ffffff"
|
|
menuColor="#000"
|
|
buttonBgColor="#111"
|
|
buttonTextColor="#fff"
|
|
ease="power3.out"
|
|
/>
|
|
);
|
|
}
|
|
|
|
export { Header };
|