diff --git a/app/(pages)/settings/_components/settings-shell.tsx b/app/(pages)/settings/_components/settings-shell.tsx
index 3e95e0c..75557ec 100644
--- a/app/(pages)/settings/_components/settings-shell.tsx
+++ b/app/(pages)/settings/_components/settings-shell.tsx
@@ -13,7 +13,13 @@ const sectionVariants = {
   },
 };
 
-export function SettingsShell({ children }: { children: ReactNode }) {
+export function SettingsShell({
+  children,
+  footer,
+}: {
+  children: ReactNode;
+  footer?: ReactNode;
+}) {
   return (
     <motion.div
       className="mx-auto max-w-2xl space-y-8"
@@ -37,6 +43,8 @@ export function SettingsShell({ children }: { children: ReactNode }) {
       {Children.map(children, (child) => (
         <motion.div variants={sectionVariants}>{child}</motion.div>
       ))}
+
+      {footer && <motion.div variants={sectionVariants}>{footer}</motion.div>}
     </motion.div>
   );
 }
diff --git a/app/(pages)/settings/page.tsx b/app/(pages)/settings/page.tsx
index eee888b..ea79e97 100644
--- a/app/(pages)/settings/page.tsx
+++ b/app/(pages)/settings/page.tsx
@@ -5,6 +5,7 @@ import { auth } from "@/lib/auth/server";
 import { db } from "@/lib/db/client";
 import { webhookConnections, webhookEventLog } from "@/lib/db/schema";
 import { getSetting } from "@/lib/services/settings";
+import { APP_VERSION, GIT_COMMIT } from "@/lib/version";
 import { AccountSection } from "./_components/account-section";
 import { IntegrationsSection } from "./_components/integrations-section";
 import { ServerSection } from "./_components/server-section";
@@ -58,8 +59,41 @@ export default async function SettingsPage() {
       : Promise.resolve(false),
   ]);
 
+  const repoUrl = "https://github.com/jakejarvis/sofa";
+
   return (
-    <SettingsShell>
+    <SettingsShell
+      footer={
+        <footer className="border-t border-border/50 pt-6 pb-2 text-center text-xs text-muted-foreground">
+          <p>
+            <a
+              href={repoUrl}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="font-medium text-primary/80 hover:text-primary transition-colors"
+            >
+              Sofa
+            </a>{" "}
+            v{APP_VERSION}
+            {GIT_COMMIT !== "unknown" && (
+              <>
+                {" "}
+                (
+                <a
+                  href={`${repoUrl}/commit/${GIT_COMMIT}`}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="font-mono hover:text-primary transition-colors"
+                >
+                  {GIT_COMMIT}
+                </a>
+                )
+              </>
+            )}
+          </p>
+        </footer>
+      }
+    >
       <AccountSection
         user={{
           name: session.user.name,
diff --git a/lib/version.ts b/lib/version.ts
new file mode 100644
index 0000000..62e0d3a
--- /dev/null
+++ b/lib/version.ts
@@ -0,0 +1,4 @@
+import packageJson from "../package.json";
+
+export const APP_VERSION = packageJson.version;
+export const GIT_COMMIT = process.env.GIT_COMMIT_SHA ?? "unknown";
diff --git a/next.config.ts b/next.config.ts
index 399a375..508073f 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,5 +1,16 @@
+import { execSync } from "node:child_process";
 import type { NextConfig } from "next";
 
+process.env.GIT_COMMIT_SHA = (() => {
+  try {
+    return execSync("git rev-parse --short HEAD", {
+      encoding: "utf-8",
+    }).trim();
+  } catch {
+    return "unknown";
+  }
+})();
+
 const imageBaseUrl = process.env.TMDB_IMAGE_BASE_URL || "";
 const imageHost = imageBaseUrl
   ? new URL(imageBaseUrl).hostname