Seed: wedding template (15 files)
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user