Karti Tripathi
89 lines
2.8 KiB
TypeScript
89 lines
2.8 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { IBM_Plex_Mono, Instrument_Serif } from "next/font/google";
|
|
import Link from "next/link";
|
|
import "./globals.css";
|
|
|
|
const instrument = Instrument_Serif({
|
|
weight: "400",
|
|
subsets: ["latin"],
|
|
variable: "--font-instrument",
|
|
display: "swap",
|
|
});
|
|
|
|
const plexMono = IBM_Plex_Mono({
|
|
weight: ["400", "500", "600"],
|
|
subsets: ["latin"],
|
|
variable: "--font-plex-mono",
|
|
display: "swap",
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Lumbridge Bench",
|
|
description:
|
|
"Evidence for models on Lumbridge Compute: quality, serving performance, and exact hardware provenance.",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="en" className={`${instrument.variable} ${plexMono.variable}`}>
|
|
<body className="min-h-screen antialiased">
|
|
<div className="substrate" />
|
|
<div className="grain" />
|
|
|
|
<header className="border-b border-rule">
|
|
<div className="mx-auto flex max-w-6xl items-baseline justify-between px-6 py-5">
|
|
<Link href="/" className="group flex items-baseline gap-3">
|
|
<span className="font-display text-2xl leading-none tracking-tight">
|
|
Lumbridge
|
|
<span className="text-dimmer"> Bench</span>
|
|
</span>
|
|
<span className="label hidden transition-colors group-hover:text-signal sm:inline">
|
|
evidence lab
|
|
</span>
|
|
</Link>
|
|
<nav className="flex items-center gap-6 text-xs">
|
|
<Link
|
|
href="/"
|
|
className="text-dim transition-colors hover:text-ink"
|
|
>
|
|
board
|
|
</Link>
|
|
<Link
|
|
href="/method"
|
|
className="text-dim transition-colors hover:text-ink"
|
|
>
|
|
method
|
|
</Link>
|
|
<Link
|
|
href="/submit"
|
|
className="border border-rule-bright px-3 py-1.5 text-ink transition-colors hover:border-signal hover:text-signal"
|
|
>
|
|
suggest a model
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
{children}
|
|
|
|
<footer className="mt-24 border-t border-rule">
|
|
<div className="mx-auto max-w-6xl px-6 py-8">
|
|
<div className="ticks mb-6 opacity-40" />
|
|
<div className="flex flex-col gap-3 text-xs text-dimmer sm:flex-row sm:justify-between">
|
|
<p>
|
|
Measured on our own hardware. Reference scores are public
|
|
benchmarks and are calibration only.
|
|
</p>
|
|
<p className="font-display text-sm text-dim">Lumbridge Bench</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|