| import './globals.css'; |
| import { Inter } from 'next/font/google'; |
|
|
| const inter = Inter({ subsets: ['latin'] }); |
|
|
| export const metadata = { |
| title: 'AI Recruitment Engine | Elevate Your Hiring', |
| description: 'Production-ready AI candidate ranking platform powered by Groq and multi-agent synergy.', |
| }; |
|
|
| export default function RootLayout({ children }) { |
| return ( |
| <html lang="en"> |
| <body className={inter.className}> |
| <div className="fixed inset-0 -z-10 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-indigo-100 via-slate-50 to-white dark:from-indigo-950 dark:via-slate-950 dark:to-black"></div> |
| <nav className="sticky top-0 z-50 w-full glass-card border-b bg-white/50 dark:bg-black/50 backdrop-blur-md"> |
| <div className="container mx-auto px-6 py-4 flex justify-between items-center"> |
| <h1 className="text-2xl font-bold gradient-text">RecruitAI</h1> |
| <div className="flex gap-6 items-center"> |
| <span className="text-sm font-medium text-slate-500 hover:text-indigo-600 cursor-pointer transition-colors">Dashboard</span> |
| <span className="text-sm font-medium text-slate-500 hover:text-indigo-600 cursor-pointer transition-colors">Analytics</span> |
| </div> |
| </div> |
| </nav> |
| <main className="min-h-screen"> |
| {children} |
| </main> |
| <footer className="py-12 border-t border-slate-200 dark:border-slate-800 backdrop-blur-sm"> |
| <div className="container mx-auto px-6 text-center text-slate-500 text-sm"> |
| © 2024 AI Recruitment Engine. Built for the future of hiring. |
| </div> |
| </footer> |
| </body> |
| </html> |
| ); |
| } |
|
|