From 760e0a255f2a448bb45ea62e8fccf5acac320f67 Mon Sep 17 00:00:00 2001
From: Nyk <0xnykcd@googlemail.com>
Date: Wed, 4 Mar 2026 09:52:21 +0700
Subject: [PATCH] feat: add promo banner for nyk, DictX, and Flight Deck Pro

---
 src/app/[[...panel]]/page.tsx          |  2 ++
 src/components/layout/promo-banner.tsx | 41 ++++++++++++++++++++++++++
 2 files changed, 43 insertions(+)
 create mode 100644 src/components/layout/promo-banner.tsx

diff --git a/src/app/[[...panel]]/page.tsx b/src/app/[[...panel]]/page.tsx
index c0831de..ecfd9f0 100644
--- a/src/app/[[...panel]]/page.tsx
+++ b/src/app/[[...panel]]/page.tsx
@@ -36,6 +36,7 @@ import { ChatPanel } from '@/components/chat/chat-panel'
 import { ErrorBoundary } from '@/components/ErrorBoundary'
 import { LocalModeBanner } from '@/components/layout/local-mode-banner'
 import { UpdateBanner } from '@/components/layout/update-banner'
+import { PromoBanner } from '@/components/layout/promo-banner'
 import { useWebSocket } from '@/lib/websocket'
 import { useServerEvents } from '@/lib/use-server-events'
 import { useMissionControl } from '@/store'
@@ -147,6 +148,7 @@ export default function Home() {
         <HeaderBar />
         <LocalModeBanner />
         <UpdateBanner />
+        <PromoBanner />
         <main className="flex-1 overflow-auto pb-16 md:pb-0" role="main">
           <div aria-live="polite">
             <ErrorBoundary key={activeTab}>
diff --git a/src/components/layout/promo-banner.tsx b/src/components/layout/promo-banner.tsx
new file mode 100644
index 0000000..737d9ec
--- /dev/null
+++ b/src/components/layout/promo-banner.tsx
@@ -0,0 +1,41 @@
+'use client'
+
+export function PromoBanner() {
+  return (
+    <div className="mx-4 mt-3 mb-0 flex flex-col gap-2 px-4 py-2.5 rounded-lg bg-amber-500/10 border border-amber-500/20 text-sm md:flex-row md:items-center">
+      <div className="flex items-center gap-2 min-w-0">
+        <span className="w-1.5 h-1.5 rounded-full bg-amber-400 shrink-0" />
+        <p className="text-xs text-amber-200/90">
+          Built with care by <span className="font-semibold text-amber-100">nyk</span>.
+        </p>
+      </div>
+
+      <div className="flex flex-wrap items-center gap-2 md:ml-auto">
+        <a
+          href="https://github.com/nyk"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-2xs font-medium text-amber-200 hover:text-amber-100 px-2 py-1 rounded border border-amber-500/20 hover:border-amber-400/40 transition-colors"
+        >
+          Follow nyk
+        </a>
+        <a
+          href="https://dictx.splitlabs.io"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-2xs font-medium text-amber-200 hover:text-amber-100 px-2 py-1 rounded border border-amber-500/20 hover:border-amber-400/40 transition-colors"
+        >
+          DictX (Upcoming)
+        </a>
+        <a
+          href="https://x.com/nyk_builderz/status/2029007663011643498?s=20"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-2xs font-medium text-amber-200 hover:text-amber-100 px-2 py-1 rounded border border-amber-500/20 hover:border-amber-400/40 transition-colors"
+        >
+          Flight Deck Pro (Upcoming)
+        </a>
+      </div>
+    </div>
+  )
+}