From 6d87e76ebbe32bebc011c6308c7df43c55d2253e Mon Sep 17 00:00:00 2001 From: dream_pep Date: Sat, 11 Jul 2026 01:21:44 +0800 Subject: [PATCH] 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. --- app/layout.tsx | 16 +- app/not-found.tsx | 26 ++++ app/page.tsx | 48 +++--- app/providers.tsx | 11 ++ components/card-nav/CardNav.css | 268 ++++++++++++++++++++++++++++++++ components/card-nav/CardNav.tsx | 267 +++++++++++++++++++++++++++++++ components/koring-logo.tsx | 34 ++++ layout/footer.tsx | 68 ++++---- layout/header.tsx | 62 ++++++-- package.json | 2 + pnpm-lock.yaml | 20 +++ public/koring-big-w-blue.svg | 27 ++++ 12 files changed, 771 insertions(+), 78 deletions(-) create mode 100644 app/not-found.tsx create mode 100644 app/providers.tsx create mode 100644 components/card-nav/CardNav.css create mode 100644 components/card-nav/CardNav.tsx create mode 100644 components/koring-logo.tsx create mode 100644 public/koring-big-w-blue.svg diff --git a/app/layout.tsx b/app/layout.tsx index beda7d0..51a365b 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -6,6 +6,7 @@ import { Header } from "@/layout/header"; import { Footer } from "@/layout/footer"; import Script from "next/script"; import { cn } from "@/lib/utils"; +import { Providers } from "./providers"; const alimamaFangYuan = localFont({ src: "../public/font/Alimama.ttf", @@ -18,7 +19,7 @@ const geistMono = Geist_Mono({ }); export const metadata: Metadata = { - title: "RivFox", + title: "Koring Team", description: "Generated by create next app", icons: { icon: "/favicon.svg", @@ -32,12 +33,15 @@ export default function RootLayout({ }>) { return ( + lang="en" + suppressHydrationWarning + className={cn("h-full", "antialiased", alimamaFangYuan.variable, geistMono.variable, "font-sans")} + > +
-
+
+
{children}