import type { Metadata } from "next";
import type { ReactNode } from "react";
import "./globals.css";

export const metadata: Metadata = {
  title: "Samuel Adesanya — Senior Software Developer | AI & Automation",
  description:
    "Portfolio of Samuel Adesanya — Senior Software Developer specializing in PHP/Laravel, AI Systems, Backend Engineering, and Automation. 8+ years of experience building scalable solutions.",
  keywords:
    "Samuel Adesanya, Software Developer, PHP, Laravel, AI, Automation, Backend Engineer, FinTech, EdTech",
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en" className="dark">
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link
          rel="preconnect"
          href="https://fonts.gstatic.com"
          crossOrigin="anonymous"
        />
        <link
          href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
          rel="stylesheet"
        />
      </head>
      <body className="bg-surface text-text-primary antialiased">
        {children}
      </body>
    </html>
  );
}
