diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx
index 976eb90..aa0c29a 100644
--- a/web/src/app/layout.tsx
+++ b/web/src/app/layout.tsx
@@ -1,21 +1,30 @@
+"use client";
+
import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { Inter } from "next/font/google";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
import "./globals.css";
-const geistSans = Geist({
- variable: "--font-geist-sans",
+const inter = Inter({
subsets: ["latin"],
+ variable: "--font-inter",
});
-const geistMono = Geist_Mono({
- variable: "--font-geist-mono",
- subsets: ["latin"],
-});
-
-export const metadata: Metadata = {
- title: "Create Next App",
- description: "Generated by create next app",
-};
+function NavLink({ href, children }: { href: string; children: React.ReactNode }) {
+ const pathname = usePathname();
+ const isActive = pathname === href || (href !== "/" && pathname.startsWith(href));
+ return (
+
+ {children}
+
+ );
+}
export default function RootLayout({
children,
@@ -23,11 +32,19 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
-
- {children}
+
+
+
+ {children}
+
);
}