layout and header

2025-12-03 06:30:11 -05:00
parent d9f6ef6ead
commit 3e3e0b0466
112 changed files with 7923 additions and 105 deletions
@@ -348,10 +348,10 @@ export default function GunbuilderPage() {
        <header className="mb-6">
          <div>
            <p className="text-xs font-semibold tracking-[0.2em] uppercase text-zinc-500">
-              Shadow Standard
+              Shadow Standard Co.
            </p>
            <h1 className="mt-1 text-2xl md:text-3xl font-semibold tracking-tight">
-              The Armory: <span className="text-amber-300">Early Access</span>
+              The Build Bench: <span className="text-amber-300">Early Access</span>
            </h1>
            <p className="mt-2 text-sm text-zinc-400 max-w-xl">
              Explore components from trusted brands, choose one part per
@@ -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>
  );
-}
+}
@@ -11,9 +11,14 @@ export default function HomePage() {
          The Build Bench
        </h1>
        <p className="mt-3 text-sm md:text-base text-zinc-400">
-          This is a minimal Next.js + Tailwind prototype of the Gunbuilder
-          concept. Click below to open the builder and start selecting parts
-          for an AR-15 build.
+          Shadow Standard’s Armory Build Bench isn’t a catalog — it’s a
+          workbench for people who take their rifles, and their craft,
+          seriously. We pull live parts and pricing from the brands that matter,
+          lay everything out with purpose, and let you shape a rifle the same
+          way you’d shape a hunt or a mission: one smart choice at a time. Track
+          your build cost, swap components on the fly, save your setup, and
+          share it with the crew. No noise. No gimmicks. Just clean information
+          and the tools to build something worth carrying.
        </p>
        <div className="mt-6">
          <Link