refactor: replace generic badges with tool-specific ones

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

lib/tools.tsx

@@ -27,9 +27,9 @@ export const tools: Tool[] = [
     href: '/color',
     description: 'Interactive color manipulation and analysis tool.',
     summary:
-      'Modern color manipulation toolkit with palette generation, accessibility testing, and format conversion. Supports hex, RGB, HSL, Lab, and more.',
+      'Modern color manipulation toolkit with palette generation and format conversion. Supports hex, RGB, HSL, Lab, and more.',
     icon: ColorIcon,
-    badges: ['Open Source', 'WCAG', 'Free'],
+    badges: ['Color', 'Palette', 'Format'],
   },
   {
     shortTitle: 'Units',
@@ -40,7 +40,7 @@ export const tools: Tool[] = [
     summary:
       'Smart unit converter with 187 units across 23 categories. Real-time bidirectional conversion with fuzzy search.',
     icon: UnitsIcon,
-    badges: ['Open Source', 'Real-time', 'Free'],
+    badges: ['187 Units', '23 Categories', 'Real-time'],
   },
   {
     shortTitle: 'ASCII',
@@ -51,7 +51,7 @@ export const tools: Tool[] = [
     summary:
       'ASCII art text generator with 373 fonts. Create stunning text banners, terminal art, and retro designs with live preview and multiple export formats.',
     icon: ASCIIIcon,
-    badges: ['Open Source', 'ASCII Art', 'Free'],
+    badges: ['373 Fonts', 'ASCII Art', 'Terminal'],
   },
   {
     shortTitle: 'Media',
@@ -62,7 +62,7 @@ export const tools: Tool[] = [
     summary:
       'Modern browser-based file converter powered by WebAssembly. Convert videos, images, and audio locally without server uploads.',
     icon: MediaIcon,
-    badges: ['Open Source', 'Converter', 'Free'],
+    badges: ['WebAssembly', 'Privacy-first', 'Converter'],
   },
   {
     shortTitle: 'Favicon',
@@ -73,7 +73,7 @@ export const tools: Tool[] = [
     summary:
       'Generate a complete set of favicons for your website. Includes PWA manifest and HTML embed code.',
     icon: FaviconIcon,
-    badges: ['Open Source', 'Generator', 'Free'],
+    badges: ['PWA', 'Multi-size', 'Generator'],
   },
   {
     shortTitle: 'QR Code',
@@ -84,7 +84,7 @@ export const tools: Tool[] = [
     summary:
       'Generate QR codes with live preview, customizable colors, error correction levels, and export as PNG or SVG. All processing happens locally in your browser.',
     icon: QRCodeIcon,
-    badges: ['Open Source', 'Generator', 'Free'],
+    badges: ['PNG & SVG', 'Customizable', 'Generator'],
   },
   {
     shortTitle: 'Animate',
@@ -95,7 +95,7 @@ export const tools: Tool[] = [
     summary:
       'Build and export CSS @keyframe animations visually. Configure timing, easing, transforms, and more — with a live preview and 20+ built-in presets.',
     icon: AnimateIcon,
-    badges: ['Open Source', 'CSS', 'Free'],
+    badges: ['CSS', 'Tailwind v4', '20+ Presets'],
   },
 ];