refactor(site): extract footer into standalone global component

.claude/settings.json

@@ -1,5 +1,6 @@
 {
   "enabledPlugins": {
-    "frontend-design@claude-plugins-official": true
+    "frontend-design@claude-plugins-official": true,
+    "typescript-lsp@claude-plugins-official": true
   }
 }

app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata, Viewport } from "next";
 import { Geist } from "next/font/google";
 import { links, SITE_URL, INDEXABLE } from "@/lib/links";
 import { Chrome } from "@/components/site/Chrome";
+import { Footer } from "@/components/site/Footer";
 import { ScrollReveal } from "@/components/site/ScrollReveal";
 import "./globals.css";
 
@@ -95,6 +96,7 @@ export default function RootLayout({
         <Chrome />
         <ScrollReveal />
         {children}
+        <Footer />
       </body>
     </html>
   );

components/site/Close.tsx

@@ -88,20 +88,6 @@ export function Close() {
 
         <FleetStatus className="block w-full" />
       </div>
-
-      <footer className="mt-auto flex flex-col gap-3 pt-16">
-        <span aria-hidden className="rule opacity-40" />
-        <div
-          className="grid grid-cols-1 gap-2 tracking-[0.2em] uppercase opacity-80 @md:grid-cols-3 @md:items-center"
-          style={{ fontSize: "var(--fs-micro)" }}
-        >
-          <span>© decdn labs · open source</span>
-          <span className="@md:text-center">
-            built in rust · probably over-engineered
-          </span>
-          <span className="tabular-nums @md:text-right">node-001 / v0</span>
-        </div>
-      </footer>
     </Frame>
   );
 }

components/site/Footer.tsx

@@ -0,0 +1,25 @@
+export function Footer() {
+  return (
+    <footer
+      className="bg-[var(--paper)] pt-16 pb-10 text-[var(--ink)]"
+      style={{ paddingInline: "var(--frame-gutter)" }}
+    >
+      <div
+        className="@container mx-auto flex flex-col gap-3"
+        style={{ maxWidth: "var(--frame-max)" }}
+      >
+        <span aria-hidden className="rule opacity-40" />
+        <div
+          className="grid grid-cols-1 gap-2 tracking-[0.2em] uppercase opacity-80 @md:grid-cols-3 @md:items-center"
+          style={{ fontSize: "var(--fs-micro)" }}
+        >
+          <span>© decdn labs · open source</span>
+          <span className="@md:text-center">
+            built in rust · probably over-engineered
+          </span>
+          <span className="tabular-nums @md:text-right">node-001 / v0</span>
+        </div>
+      </div>
+    </footer>
+  );
+}