diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..0ab4ebd
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,22 @@
+import { Link } from "react-router-dom";
+import { Heart, Instagram, Facebook, Twitter } from "lucide-react";
+
+export default function Footer() {
+  return (
+    <footer className="bg-stone-50 dark:bg-stone-950 text-stone-600 dark:text-stone-400 py-16 border-t border-rose-100 dark:border-stone-800">
+      <div className="mx-auto max-w-7xl px-6 text-center">
+        <div className="font-serif text-2xl text-rose-700 dark:text-rose-300 mb-2 flex items-center justify-center gap-2">
+          Sarah & James <Heart className="h-4 w-4 fill-rose-400 text-rose-400" />
+        </div>
+        <p className="text-sm text-stone-500 dark:text-stone-400 mb-1">June 15, 2026</p>
+        <p className="text-sm text-rose-400 font-medium mb-6">#SarahAndJames2026</p>
+        <div className="flex justify-center gap-5 mb-8">
+          {[Instagram, Facebook, Twitter].map((Icon, i) => (
+            <a key={i} href="#" className="text-stone-400 hover:text-rose-400 transition-colors"><Icon className="h-5 w-5" /></a>
+          ))}
+        </div>
+        <div className="text-xs text-stone-400">© 2026 Sarah & James. Made with love.</div>
+      </div>
+    </footer>
+  );
+}
\ No newline at end of file