layout and header

2025-12-03 06:30:11 -05:00
parent d9f6ef6ead
commit 3e3e0b0466
112 changed files with 7923 additions and 105 deletions
@@ -1,15 +1,77 @@
 import "./globals.css";
-import type { ReactNode } from "react";
+import { Inter } from "next/font/google";
+
+const inter = Inter({ subsets: ["latin"] });

 export const metadata = {
-  title: "Gunbuilder Prototype | Shadow Standard",
-  description: "Prototype AR-15 build tool by Shadow Standard.",
+  title: "Shadow Standard Co.",
+  description: "The Armory — Early Access",
 };

-export default function RootLayout({ children }: { children: ReactNode }) {
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
  return (
    <html lang="en">
-      <body>{children}</body>
+      <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>
  );
-}
+}