Initial commit

components/layout/Footer.tsx

@@ -0,0 +1,14 @@
+export function Footer() {
+    return (
+        <footer className="w-full py-8 text-center text-xs text-zinc-400 dark:text-zinc-600 font-mono border-t border-zinc-200/50 dark:border-zinc-800/50 mt-auto">
+            <div className="max-w-4xl mx-auto px-6 flex flex-col sm:flex-row justify-between items-center gap-4">
+                <span>© {new Date().getFullYear()} John Doe. All rights reserved.</span>
+
+                <div className="flex gap-4">
+                    <a href="#" className="hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors">Twitter</a>
+                    <a href="#" className="hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors">GitHub</a>
+                </div>
+            </div>
+        </footer>
+    );
+}