kit/components/Footer.tsx

import { GitFork, Heart } from 'lucide-react';

export default function Footer() {
  const currentYear = new Date().getFullYear();

  return (
    <footer className="relative py-10 px-6">
      <div className="max-w-5xl mx-auto border-t border-border/20 pt-8">
        <div className="flex items-center justify-between">
          <p className="flex items-center gap-1 text-[9px] text-muted-foreground/40 font-mono">
            © {currentYear} Kit
            <Heart className="w-2 h-2 text-primary/70 shrink-0 animate-pulse" fill="currentColor" />
            <a
              href="https://pivoine.art"
              target="_blank"
              rel="noopener noreferrer"
              className="hover:text-foreground/70 transition-colors"
            >
              Valknar
            </a>
          </p>
          <a
            href="https://dev.pivoine.art/valknar/kit-ui"
            target="_blank"
            rel="noopener noreferrer"
            title="View source"
            className="text-muted-foreground/30 hover:text-primary transition-colors"
          >
            <GitFork className="w-3.5 h-3.5" />
          </a>
        </div>
      </div>
    </footer>
  );
}