From cfc66a1444109cf1f59c5ce269d58d974b8dd991 Mon Sep 17 00:00:00 2001
From: Ant Somers <antsomers@gmail.com>
Date: Mon, 11 May 2026 16:01:37 +0300
Subject: [PATCH 1/2] chore(claude): add typescript-lsp

---
 .claude/settings.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.claude/settings.json b/.claude/settings.json
index 9030888..3bc21d8 100644
--- a/.claude/settings.json
+++ b/.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
   }
 }

From 99dd07c8a9434351a11d5e8a776d9796307119f6 Mon Sep 17 00:00:00 2001
From: Ant Somers <antsomers@gmail.com>
Date: Mon, 11 May 2026 16:04:51 +0300
Subject: [PATCH 2/2] refactor(site): extract footer into standalone global
 component

Move the footer markup out of the Contact section in components/site/Close.tsx
into a new components/site/Footer.tsx, rendered globally from app/layout.tsx
after {children}. Future routes inherit the footer without per-page imports;
<footer> is now a sibling of <main> rather than nested inside a section.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/layout.tsx             |  2 ++
 components/site/Close.tsx  | 14 --------------
 components/site/Footer.tsx | 25 +++++++++++++++++++++++++
 3 files changed, 27 insertions(+), 14 deletions(-)
 create mode 100644 components/site/Footer.tsx

diff --git a/app/layout.tsx b/app/layout.tsx
index 24483d8..e197db1 100644
--- a/app/layout.tsx
+++ b/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>
   );
diff --git a/components/site/Close.tsx b/components/site/Close.tsx
index 7bb5286..b9e51e1 100644
--- a/components/site/Close.tsx
+++ b/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>
   );
 }
diff --git a/components/site/Footer.tsx b/components/site/Footer.tsx
new file mode 100644
index 0000000..114c478
--- /dev/null
+++ b/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>
+  );
+}