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-white/[0.06] pt-8">
        <div className="flex items-center justify-between">
          <p className="flex items-center gap-1.5 text-xs text-muted-foreground/35 font-mono">
            <span>© {currentYear} Kit</span>
            <Heart className="w-2.5 h-2.5 text-primary/60 shrink-0 animate-pulse" fill="currentColor" />
            <a
              href="https://pivoine.art"
              target="_blank"
              rel="noopener noreferrer"
              className="hover:text-foreground/60 transition-colors duration-200"
            >
              Valknar
            </a>
          </p>
          <a
            href="https://dev.pivoine.art/valknar/kit-ui"
            target="_blank"
            rel="noopener noreferrer"
            title="View source"
            className="flex items-center gap-1.5 text-xs text-muted-foreground/30 font-mono hover:text-primary transition-colors duration-200"
          >
            <GitFork className="w-3.5 h-3.5" />
            <span className="hidden sm:inline">Source</span>
          </a>
        </div>
      </div>
    </footer>
  );
}
