feat: add app layout with fonts and metadata

2001-01-01 00:00:00 +00:00
parent b7268c2fb6
commit dec0b3d6f0
1 changed files with 58 additions and 0 deletions
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -0,0 +1,58 @@
+import type { Metadata } from "next";
+import { Inter, JetBrains_Mono } from "next/font/google";
+import "./globals.css";
+import { Navbar } from "@/components/navbar";
+import { Footer } from "@/components/footer";
+
+const inter = Inter({
+  subsets: ["latin"],
+  variable: "--font-sans",
+  display: "swap",
+});
+
+const jetbrainsMono = JetBrains_Mono({
+  subsets: ["latin"],
+  variable: "--font-mono",
+  display: "swap",
+});
+
+export const metadata: Metadata = {
+  title: "CodeBoard — Understand any codebase in 5 minutes",
+  description:
+    "Paste a GitHub URL and get interactive onboarding documentation with architecture diagrams, module breakdowns, and getting started guides. Built by Vectry AI consultancy.",
+  keywords: ["code analysis", "documentation", "github", "codebase", "AI", "developer tools"],
+  authors: [{ name: "Vectry" }],
+  openGraph: {
+    title: "CodeBoard — Understand any codebase in 5 minutes",
+    description:
+      "Paste a GitHub URL and get interactive onboarding documentation with architecture diagrams, module breakdowns, and getting started guides.",
+    type: "website",
+  },
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className="dark">
+      <body
+        className={`${inter.variable} ${jetbrainsMono.variable} font-sans antialiased bg-[#0a0a0f] text-white min-h-screen`}
+      >
+        <div className="relative min-h-screen flex flex-col">
+          <div className="fixed inset-0 bg-gradient-radial pointer-events-none" />
+          <div className="fixed inset-0 bg-grid pointer-events-none opacity-50" />
+          
+          <Navbar />
+          
+          <main className="flex-1 relative">
+            {children}
+          </main>
+          
+          <Footer />
+        </div>
+      </body>
+    </html>
+  );
+}