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
+19 -29
View File
@@ -30,34 +30,24 @@ export default function HomePage() {
</div>
</div>
<div className="relative w-full h-120 overflow-hidden">
<div className="relative rounded-xl border w-full h-full">
<div className="absolute inset-0 z-10 flex items-center justify-center">
<img
src="/koring-big-w-blue.svg"
alt="Koring Team"
className="w-[5%] h-1"
/>
</div>
<span className="absolute right-12 bottom-12 text-xl text-muted-foreground">
</span>
<FlickeringGrid
className="absolute inset-0 z-0 mask-[radial-gradient(700px_circle_at_center,white,transparent)]"
squareSize={6}
gridGap={14}
color="#6b9eb6"
maxOpacity={0.7}
flickerChance={0.1}
/>
<div className="relative w-full" style={{ height: "75vh" }}>
<FlickeringGrid
className="absolute inset-0 z-0 mask-[radial-gradient(700px_circle_at_center,white,transparent)]"
squareSize={6}
gridGap={14}
color="#6b9eb6"
maxOpacity={0.7}
flickerChance={0.1}
/>
<div className="relative z-10 flex flex-col items-center justify-center h-full gap-2">
<span className="font-bold text-5xl">Koring Team</span>
<span className="text-xl text-muted-foreground"></span>
</div>
</div>
<Link
href="/launcher"
className="relative flex w-full flex-col overflow-hidden rounded-md border p-6 group dark text-white bg-[#0A0A0AFF]"
className="relative flex w-full flex-col overflow-hidden rounded-md border p-4 sm:p-6 group dark text-white bg-[#0A0A0AFF]"
>
<div className="flex items-center justify-between gap-4">
...
@@ -90,7 +80,7 @@ export default function HomePage() {
<a
href="https://docs.play.lenjing.work"
target="_blank"
className="group rounded-md border border-border p-6"
className="group rounded-md border border-border p-4 sm:p-6"
>
<div className="flex items-center justify-between gap-4">
<b></b>
@@ -104,7 +94,7 @@ export default function HomePage() {
<a
href="/launcher"
className="group rounded-md border border-border p-6"
className="group rounded-md border border-border p-4 sm:p-6"
>
<div className="flex items-center justify-between gap-4">
<b></b>
@@ -120,7 +110,7 @@ export default function HomePage() {
</div>
</a>
<a className="group rounded-md border border-border p-6">
<a className="group rounded-md border border-border p-4 sm:p-6">
<div className="flex items-center justify-between gap-4">
<b></b>
<Status status="degraded">
@@ -135,7 +125,7 @@ export default function HomePage() {
</div>
</a>
<a className="group rounded-md border border-border p-6">
<a className="group rounded-md border border-border p-4 sm:p-6">
<div className="flex items-center justify-between gap-4">
<b></b>
<Status status="degraded">
@@ -150,7 +140,7 @@ export default function HomePage() {
</div>
</a>
<a className="group rounded-md border border-border p-6">
<a className="group rounded-md border border-border p-4 sm:p-6">
<div className="flex items-center justify-between gap-4">
<b></b>
<Status status="degraded">
@@ -168,7 +158,7 @@ export default function HomePage() {
<a
href="https://mchine.space"
target="_blank"
className="group rounded-md border border-border p-6"
className="group rounded-md border border-border p-4 sm:p-6"
>
<div className="flex items-center justify-between gap-4">
<b>.</b>