Seed: photography template (19 files)

src/components/Footer.tsx

@@ -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>
+  );
+}