Seed: photography template (19 files)
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
import { Instagram, Globe, Video } from "lucide-react";
|
||||
|
||||
export default function Footer() {
|
||||
const socials = [
|
||||
{ Icon: Instagram, label: "Instagram", href: "#" },
|
||||
{ Icon: Globe, label: "Behance", href: "#" },
|
||||
{ Icon: Video, label: "Vimeo", href: "#" },
|
||||
];
|
||||
|
||||
return (
|
||||
<footer className="border-t border-zinc-800 py-12 bg-zinc-950">
|
||||
<div className="mx-auto max-w-7xl px-6 flex flex-col md:flex-row items-center justify-between gap-6">
|
||||
<span className="text-sm font-light tracking-[0.15em] uppercase text-zinc-400">Elena Torres</span>
|
||||
<div className="flex items-center gap-5">
|
||||
{socials.map(({ Icon, label, href }) => (
|
||||
<a key={label} href={href} aria-label={label} className="text-zinc-500 hover:text-white transition-colors">
|
||||
<Icon className="h-5 w-5" />
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
<p className="text-xs text-zinc-600">© 2026 Elena Torres. All rights reserved.</p>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user