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

export const metadata: Metadata = {
  title: "Claw Bench Leaderboard",
  description:
    "Benchmark leaderboard for AI coding agents across frameworks, models, and task categories.",
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>
        <div className="container">
          <nav className="main-nav">
            <a href="/">Leaderboard</a>
            <a href="/moltbook">MoltBook</a>
            <a href="/domains">Domains</a>
            <a href="/pareto">Pareto Frontier</a>
            <a href="/matrix">Compatibility Matrix</a>
            <a href="/compare">Compare</a>
            <a href="/skills-gain">Skills Gain</a>
            <a href="/capabilities">Capabilities</a>
          </nav>
          {children}
        </div>
      </body>
    </html>
  );
}
