feat: add footer and update hero tagline

- Add SiteFooter component with brand, navigation, and resources
- Update hero tagline to single punchy line
- Maintain footer with descriptive text

Author: prosdev

app/layout.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import { SiteFooter } from "@/components/site-footer";
 import { SiteHeader } from "@/components/site-header";
 import { ThemeProvider } from "@/components/theme-provider";
 
@@ -28,6 +29,7 @@ export default function RootLayout({
           <div className="relative flex min-h-screen flex-col overflow-x-hidden">
             <SiteHeader />
             <main className="flex-1">{children}</main>
+            <SiteFooter />
           </div>
         </ThemeProvider>
       </body>

app/page.tsx

@@ -34,9 +34,8 @@ export default function Home() {
             Developer Tools & Kits
           </h1>
           <p className="mx-auto max-w-[700px] text-sm sm:text-base text-muted-foreground md:text-lg break-words">
-            Foundational kits and patterns for building robust software systems.
-            <br />
-            Designed to survive contact with reality.
+            Foundational kits and patterns built to survive contact with
+            reality.
           </p>
         </div>
 

components/site-footer.tsx

@@ -0,0 +1,66 @@
+import Link from "next/link";
+
+export function SiteFooter() {
+  return (
+    <footer className="border-t bg-background">
+      <div className="container px-4 sm:px-6 py-6 sm:py-8">
+        <div className="mx-auto max-w-5xl">
+          <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+            {/* Brand */}
+            <div className="space-y-3">
+              <Link href="/" className="font-bold text-lg">
+                prosdevlab
+              </Link>
+              <p className="text-sm text-muted-foreground max-w-xs">
+                Foundational kits and patterns for building robust software
+                systems.
+              </p>
+            </div>
+
+            {/* Navigation */}
+            <div className="space-y-3">
+              <h3 className="font-semibold text-sm">Catalog</h3>
+              <nav className="flex flex-col space-y-2 text-sm">
+                <Link
+                  href="/kits"
+                  className="text-muted-foreground hover:text-foreground transition-colors"
+                >
+                  Kits
+                </Link>
+                <Link
+                  href="/tools"
+                  className="text-muted-foreground hover:text-foreground transition-colors"
+                >
+                  Tools
+                </Link>
+              </nav>
+            </div>
+
+            {/* Resources (placeholder for future) */}
+            <div className="space-y-3">
+              <h3 className="font-semibold text-sm">Resources</h3>
+              <nav className="flex flex-col space-y-2 text-sm">
+                <a
+                  href="https://github.com/prosdevlab"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-muted-foreground hover:text-foreground transition-colors"
+                >
+                  GitHub
+                </a>
+              </nav>
+            </div>
+          </div>
+
+          {/* Copyright */}
+          <div className="mt-8 pt-6 border-t">
+            <p className="text-xs text-muted-foreground text-center sm:text-left">
+              © {new Date().getFullYear()} prosdevlab. Built to survive contact
+              with reality.
+            </p>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}