Hero: Kit. title with primary dot, arrow-down CTA, minimal line scroll indicator. Stats: rounded-2xl + icon border matching cards. ToolsGrid: proper h2 with gradient accent word. ToolCard: visible rest border, radial glow, bigger icon+arrow. Footer: visible Source label, consistent border. 404: fade gradient number, divider line, rounded-xl CTA. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
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>
|
|
);
|
|
}
|