valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refine: landing page and 404 for clean consistent look

Browse Source 
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>
This commit is contained in:
Sebastian Krüger
2026-03-01 16:48:04 +01:00
parent 20406c5dcf
commit 075aa0b6c5
7 changed files with 68 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/Footer.tsx
View File

@@ -5,16 +5,16 @@ export default function Footer() {
return (
<footer className="relative py-10 px-6">
<div className="max-w-5xl mx-auto border-t border-border/20 pt-8">
<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 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" />
<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/70 transition-colors"
className="hover:text-foreground/60 transition-colors duration-200"
>
Valknar
</a>
@@ -24,9 +24,10 @@ export default function Footer() {
target="_blank"
rel="noopener noreferrer"
title="View source"
className="text-muted-foreground/30 hover:text-primary transition-colors"
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>