From 9dd47173d955eee197360d0ddcfbe6e5f0dc0f49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 9 Nov 2025 16:12:05 +0100
Subject: [PATCH] fix: improve card hover contrast and update Figlet icon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Card Hover Improvements:
- Increased gradient overlay opacity from 10% to 30% on hover
- Much better contrast and visibility
- Cards now have more prominent hover state
- Better user feedback on interaction

Figlet Icon Update:
- Changed from document icon to a-arrow-up icon
- Letter 'A' with upward arrow representing text/typography
- Better represents ASCII art text generation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/ToolCard.tsx  | 2 +-
 components/ToolsGrid.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/ToolCard.tsx b/components/ToolCard.tsx
index afc914d..3aa720c 100644
--- a/components/ToolCard.tsx
+++ b/components/ToolCard.tsx
@@ -30,7 +30,7 @@ export default function ToolCard({ title, description, icon, url, gradient, acce
       <div className="glass relative overflow-hidden rounded-2xl p-8 h-full transition-all duration-300 hover:shadow-2xl">
         {/* Gradient overlay on hover */}
         <div
-          className={`absolute inset-0 opacity-0 group-hover:opacity-10 transition-opacity duration-300 ${gradient}`}
+          className={`absolute inset-0 opacity-0 group-hover:opacity-30 transition-opacity duration-300 ${gradient}`}
         />
 
         {/* Glow effect */}
diff --git a/components/ToolsGrid.tsx b/components/ToolsGrid.tsx
index 9e33ed2..575887b 100644
--- a/components/ToolsGrid.tsx
+++ b/components/ToolsGrid.tsx
@@ -83,8 +83,10 @@ const tools = [
     badges: ['373 Fonts', 'ASCII Art', 'Free'],
     icon: (
       <svg className="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 8h.01M15 8h.01" />
+        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3.5 13h6" />
+        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m2 16 4.5-9 4.5 9" />
+        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M18 16V7" />
+        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m14 11 4-4 4 4" />
       </svg>
     ),
   },