55 lines
2.3 KiB
TypeScript
55 lines
2.3 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Image from "next/image";
|
|
import Link from "next/link";
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
import { NavLink } from "@/components/nav-link";
|
|
import { hubURL } from "@/lib/links";
|
|
import { cn } from "@/lib/utils";
|
|
import logo from "@/components/t5de.png";
|
|
import "./globals.css";
|
|
|
|
const sans = Geist({ subsets: ["latin"], variable: "--font-sans" });
|
|
const mono = Geist_Mono({ subsets: ["latin"], variable: "--font-mono" });
|
|
|
|
export const metadata: Metadata = {
|
|
metadataBase: new URL("https://t5de.dev"),
|
|
title: { template: "%s · T5DE", default: "T5DE" },
|
|
description: "An unofficial patch for the IMVU Classic client: a modern renderer, community products, and no tracking.",
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en" className={cn("font-sans antialiased", sans.variable, mono.variable)}>
|
|
<body className="flex min-h-dvh flex-col">
|
|
<header className="border-b">
|
|
<div className="mx-auto flex max-w-5xl flex-wrap items-center gap-x-6 gap-y-2 px-4 py-3 sm:px-6">
|
|
<Link href="/" aria-label="T5DE home" className="shrink-0">
|
|
<Image src={logo} alt="T5DE" priority className="size-9" />
|
|
</Link>
|
|
<nav className="flex flex-wrap items-center gap-1 text-sm">
|
|
<NavLink href="/download">Download</NavLink>
|
|
<NavLink href="/changelog">Changelog</NavLink>
|
|
<NavLink href="/faq">FAQ</NavLink>
|
|
</nav>
|
|
<a
|
|
href={hubURL}
|
|
className="ml-auto rounded-md px-2.5 py-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground"
|
|
>
|
|
Hub
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<main className="mx-auto w-full max-w-5xl flex-1 px-4 py-10 sm:px-6 sm:py-14">{children}</main>
|
|
<footer className="border-t">
|
|
<div className="mx-auto flex max-w-5xl flex-wrap gap-x-6 gap-y-2 px-4 py-6 text-sm text-muted-foreground sm:px-6">
|
|
<span>T5DE is unofficial: not made by or affiliated with IMVU.</span>
|
|
<a href="https://git.t5de.dev/t5de" className="hover:text-foreground sm:ml-auto">
|
|
Source
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|