feat: T5DE's website: landing page, download, changelog and FAQ

Co-Authored-By: Claude Opus 5.5 <[email protected]>

app/layout.tsx

@@ -0,0 +1,54 @@
+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>
+  );
+}