Add landing page and Claude terminal launch screenshot

Pixel art brutalist Next.js landing page at site/ with Tailwind, Silkscreen pixel font, Tokyo Night palette, terminal window components, animated demo GIF, feature grid, keybinding table, install instructions, launch flow visualization, and author section with obfuscated email. Domain: claudm.com. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-23 23:18:53 +00:00
parent 294b3f6b6c
commit 5928e74c4c
25 changed files with 1748 additions and 1 deletions
--- a/site/app/layout.tsx
+++ b/site/app/layout.tsx
@@ -0,0 +1,46 @@
+import type { Metadata } from "next";
+import { JetBrains_Mono, Silkscreen } from "next/font/google";
+import "./globals.css";
+
+const mono = JetBrains_Mono({
+  variable: "--font-mono",
+  subsets: ["latin"],
+});
+
+const pixel = Silkscreen({
+  variable: "--font-pixel",
+  weight: ["400", "700"],
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "cladm — TUI launcher for Claude Code",
+  description:
+    "Browse all your projects, see git status at a glance, expand into sessions and branches, then launch everything in parallel Terminal windows.",
+  openGraph: {
+    title: "cladm",
+    description: "TUI launcher for Claude Code sessions",
+    url: "https://claudm.com",
+    siteName: "cladm",
+    type: "website",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "cladm",
+    description: "TUI launcher for Claude Code sessions",
+  },
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" className="dark">
+      <body className={`${mono.variable} ${pixel.variable} bg-bg text-text`}>
+        {children}
+      </body>
+    </html>
+  );
+}