wire up pages

2025-04-29 21:06:13 +01:00
parent b62cf74e2a
commit 874e8b8958
11 changed files with 791 additions and 0 deletions
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -0,0 +1,59 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { Providers } from "./providers";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "CodeTutor - Coding Interview Preparation",
+  description:
+    "Master coding interviews with curated questions, detailed explanations, and optimal solutions.",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body className="min-h-screen antialiased">
+        <Providers>
+          <header className="border-b border-[var(--border)] bg-[var(--card)]">
+            <nav className="container mx-auto px-4 py-4 flex items-center justify-between">
+              <Link
+                href="/"
+                className="text-xl font-bold text-[var(--primary)]"
+              >
+                CodeTutor
+              </Link>
+              <div className="flex items-center gap-6">
+                <Link
+                  href="/questions"
+                  className="text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors"
+                >
+                  Questions
+                </Link>
+                <Link
+                  href="/categories"
+                  className="text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors"
+                >
+                  Categories
+                </Link>
+                <Link
+                  href="/patterns"
+                  className="text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors"
+                >
+                  Patterns
+                </Link>
+              </div>
+            </nav>
+          </header>
+          <main className="container mx-auto px-4 py-8">{children}</main>
+          <footer className="border-t border-[var(--border)] mt-auto py-6 text-center text-[var(--muted-foreground)] text-sm">
+            CodeTutor - Coding Interview Preparation
+          </footer>
+        </Providers>
+      </body>
+    </html>
+  );
+}