| import type { Metadata } from "next"; | |
| import { Inter } from "next/font/google"; | |
| import "./globals.css"; | |
| import Navbar from "@/components/Navbar"; | |
| const inter = Inter({ subsets: ["latin"] }); | |
| export const metadata: Metadata = { | |
| title: "Aayan. | AI Engineer & Specialist", | |
| description: "Modern portfolio website showing dark theme architecture", | |
| }; | |
| export default function RootLayout({ | |
| children, | |
| }: Readonly<{ | |
| children: React.ReactNode; | |
| }>) { | |
| return ( | |
| <html lang="en" className="scroll-smooth"> | |
| <body className={`${inter.className} antialiased selection:bg-cyan-500/30 bg-[#070b14] text-slate-300 relative min-h-screen flex flex-col overflow-x-hidden`}> | |
| {/* Dark radial gradient background matching the image */} | |
| <div className="fixed inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-slate-800/20 via-[#070b14] to-[#070b14] -z-10" /> | |
| <Navbar /> | |
| <main className="flex-1 w-full mx-auto px-10 md:px-16 lg:px-24 relative z-10 flex flex-col"> | |
| {children} | |
| </main> | |
| </body> | |
| </html> | |
| ); | |
| } | |