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

polish: make tool cards and landing page more prominent

Browse Source 
ToolCard: larger icon (w-11 h-11) with violet glow on hover, top shimmer
accent line, primary-tinted badges, arrow in glass pill, stronger border/
shadow on hover, all badges shown, overflow-hidden for clean rendering

ToolsGrid: gap-4, section heading with module count callout, max-w-5xl

Stats: align to max-w-5xl, horizontal layout per stat (icon + value/label),
rounder icon container w-9 h-9

Hero: warm up CTA button with ambient bg-primary/[0.07] fill at rest

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-03-01 09:41:32 +01:00
parent 37874e3eea
commit a4cc53d774
4 changed files with 38 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Hero.tsx
View File

@@ -52,7 +52,7 @@ export default function Hero() {
>
<button
onClick={scrollToTools}
className="flex items-center gap-2 px-5 py-2.5 glass rounded-lg border border-primary/30 hover:border-primary/60 hover:bg-primary/10 text-sm font-medium text-foreground/70 hover:text-foreground transition-all duration-200"
className="flex items-center gap-2 px-5 py-2.5 rounded-lg border border-primary/30 bg-primary/[0.07] hover:border-primary/60 hover:bg-primary/[0.14] text-sm font-medium text-foreground/75 hover:text-foreground transition-all duration-200"
>
<Toolbox className="w-3.5 h-3.5 text-primary" />
Explore Tools