77 lines
2.6 KiB
TypeScript
77 lines
2.6 KiB
TypeScript
import "./globals.css";
|
|
import { Inter } from "next/font/google";
|
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
|
|
|
export const metadata = {
|
|
title: "Shadow Standard Co.",
|
|
description: "The Armory — Early Access",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="en">
|
|
<body className={inter.className}>
|
|
<div className="min-h-screen flex flex-col bg-black text-zinc-50">
|
|
{/* Top Menu Bar */}
|
|
<header className="border-b border-zinc-800 bg-black/95 backdrop-blur">
|
|
<div className="mx-auto flex max-w-6xl items-center justify-between px-4 py-2">
|
|
{/* Brand / Home link */}
|
|
<a
|
|
href="/"
|
|
className="text-xs font-semibold tracking-[0.2em] uppercase text-zinc-400"
|
|
>
|
|
The Build Bench
|
|
</a>
|
|
|
|
{/* Right side actions */}
|
|
<div className="flex items-center gap-3">
|
|
{/* Search placeholder */}
|
|
<button
|
|
type="button"
|
|
className="inline-flex h-8 w-8 items-center justify-center rounded-full border border-zinc-700 bg-zinc-900/60 text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800 hover:border-zinc-500 transition-colors"
|
|
aria-label="Search (coming soon)"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth={2}
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
className="h-4 w-4"
|
|
>
|
|
<circle cx="11" cy="11" r="6" />
|
|
<line x1="16.5" y1="16.5" x2="21" y2="21" />
|
|
</svg>
|
|
</button>
|
|
|
|
<a
|
|
href="/login"
|
|
className="text-xs font-medium text-zinc-400 hover:text-zinc-100 transition-colors"
|
|
>
|
|
Log In
|
|
</a>
|
|
|
|
<a
|
|
href="/register"
|
|
className="rounded-md border border-amber-400/70 bg-amber-400/10 px-3 py-1.5 text-xs font-semibold text-amber-200 hover:bg-amber-400/20 transition-colors"
|
|
>
|
|
Join Beta
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
{/* Main app content */}
|
|
<main className="flex-1">{children}</main>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
);
|
|
} |