Zen lander (#2907)

Co-authored-by: David Hill <iamdavidhill@gmail.com>
Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: Adam <2363879+adamdotdevin@users.noreply.github.com>
Co-authored-by: Jay V <air@live.ca>

packages/console/app/src/component/footer.tsx

@@ -0,0 +1,34 @@
+import { A, createAsync } from "@solidjs/router"
+import { createMemo } from "solid-js"
+import { github } from "~/lib/github"
+
+export function Footer() {
+  const githubData = createAsync(() => github())
+  const starCount = createMemo(() =>
+    githubData()?.stars
+      ? new Intl.NumberFormat("en-US", {
+          notation: "compact",
+          compactDisplay: "short",
+        }).format(githubData()!.stars!)
+      : "25K",
+  )
+
+  return (
+    <footer data-component="footer">
+      <div data-slot="cell">
+        <A href="https://github.com/sst/opencode" target="_blank">
+          GitHub <span>[{starCount()}]</span>
+        </A>
+      </div>
+      <div data-slot="cell">
+        <A href="/docs">Docs</A>
+      </div>
+      <div data-slot="cell">
+        <A href="https://opencode.ai/discord">Discord</A>
+      </div>
+      <div data-slot="cell">
+        <A href="https://x/opencode">X</A>
+      </div>
+    </footer>
+  )
+}