diff --git a/ui/src/components/Footer.tsx b/ui/src/components/Footer.tsx
new file mode 100644
index 0000000..057a847
--- /dev/null
+++ b/ui/src/components/Footer.tsx
@@ -0,0 +1,25 @@
+export default function Footer() {
+  return (
+    <footer className="fixed bottom-0 left-0 right-0 bg-background border-t border-border py-4 px-6">
+      <div className="flex justify-center items-center gap-6 text-sm text-muted-foreground">
+        <a
+          href="https://www.dograh.com/privacy-policy"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="hover:text-foreground transition-colors"
+        >
+          Privacy Policy
+        </a>
+        <span className="text-border">|</span>
+        <a
+          href="https://www.dograh.com/terms-of-service"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="hover:text-foreground transition-colors"
+        >
+          Terms of Service
+        </a>
+      </div>
+    </footer>
+  );
+}
diff --git a/ui/src/components/SignInClient.tsx b/ui/src/components/SignInClient.tsx
index 26d6934..0ecf521 100644
--- a/ui/src/components/SignInClient.tsx
+++ b/ui/src/components/SignInClient.tsx
@@ -3,6 +3,8 @@
 import { Loader2 } from 'lucide-react';
 import dynamic from 'next/dynamic';
 
+import Footer from './Footer';
+
 // Only load Stack's SignIn component when Stack provider is active
 const SignIn = dynamic(
   () => import('@stackframe/stack').then(mod => ({ default: mod.SignIn })),
@@ -19,9 +21,15 @@ export default function SignInClient() {
           <h1 className="text-2xl font-bold mb-4">Local Authentication</h1>
           <p className="text-gray-600">Local authentication is enabled. No sign-in required.</p>
         </div>
+        <Footer />
       </div>
     );
   }
 
-  return <SignIn />;
+  return (
+    <>
+      <SignIn />
+      <Footer />
+    </>
+  );
 }