--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/hg-web/src/components/footer.tsx	Tue Jan 27 06:51:44 2026 -0800
@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface FooterProps {
+  showCloneUrl?: boolean;
+  cloneUrl?: string;
+}
+
+function Footer({
+  showCloneUrl = false,
+  cloneUrl = "hg clone http://zenbu.babocoder.com/repo",
+}: FooterProps) {
+  const currentYear = new Date().getFullYear();
+
+  return (
+    <footer className="footer">
+      {showCloneUrl && (
+        <div className="clone-box">
+          <div className="clone-box-inner">
+            <span className="clone-label">Clone HTTPS</span>
+            <code className="clone-url">{cloneUrl}</code>
+          </div>
+        </div>
+      )}
+      <div className="footer-content">
+        <span className="footer-text">&copy; 2026 June Park</span>
+      </div>
+    </footer>
+  );
+}
+
+export { Footer };