import type { Metadata } from "next";
import { Inter, EB_Garamond } from "next/font/google";
import type { ReactNode } from "react";
import "./globals.css";
import Link from "next/link";
import NavBar from "./components/NavBar";

// Importing our fonts for that academic yet modern feel
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
const garamond = EB_Garamond({ subsets: ["latin"], variable: "--font-garamond" });

export const metadata: Metadata = {
  title: "Search Buddies | High-Signal Independent Research",
  description: "Original, high-quality research papers, datasets, and deep reports.",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={`${inter.variable} ${garamond.variable} font-sans bg-slate-50 text-slate-900 antialiased`}>
        
        <NavBar />

        {/* Main Content */}
        <main className="min-h-screen">
          {children}
        </main>

        {/* Minimal Footer */}
        <footer className="mt-20 border-t border-slate-200 bg-white py-12">
          <div className="mx-auto flex w-full max-w-7xl flex-col gap-4 px-4 text-sm text-slate-500 sm:px-6 md:flex-row md:items-center md:justify-between">
            <p>© {new Date().getFullYear()} Search Buddies. All rights reserved.</p>
            <div className="flex flex-wrap gap-4">
              <Link href="/terms" className="hover:text-slate-900">Terms</Link>
              <Link href="/privacy" className="hover:text-slate-900">Privacy</Link>
            </div>
          </div>
        </footer>

      </body>
    </html>
  );
}