polish: Priority 1 improvements - gradients, stats, metadata, footer
✨ Visual Enhancements:
- Unique gradients per tool (green-teal for Vert, orange-pink for Paint, indigo-purple for Pastel)
- Added new gradient utilities for better color differentiation
📊 Stats Section:
- New animated stats component showing "3 Tools, 100% Open Source, ∞ Privacy First"
- Glassmorphism cards with hover effects
- Icon badges for each stat
🔍 Enhanced Metadata:
- Comprehensive Open Graph tags for social sharing
- Twitter Card support
- Enhanced SEO with detailed keywords (vert, paint, pastel)
- Added SVG favicon with gradient toolbox icon
- Viewport meta tag and preconnect optimization
🔗 Improved Footer:
- 3-column responsive layout
- GitHub repository link with icon
- Quick links to all tools (Vert, Paint, Pastel)
- Tool count badge
- Updated tech stack mention (Next.js 16 & Tailwind CSS 4)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-07 12:30:08 +01:00
|
|
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2025-11-09 15:54:15 +01:00
|
|
|
<!-- Background circle -->
|
|
|
|
|
<circle cx="32" cy="32" r="27" fill="url(#bg)"/>
|
2025-11-08 19:20:39 +01:00
|
|
|
|
2025-11-09 15:54:15 +01:00
|
|
|
<!-- Wrench icon -->
|
2025-11-09 15:49:32 +01:00
|
|
|
<g>
|
2025-11-09 15:54:15 +01:00
|
|
|
<path
|
|
|
|
|
d="M24 29L27 26M27 26L30 29M27 26V35M22 35H32"
|
|
|
|
|
stroke="white"
|
|
|
|
|
stroke-width="2"
|
|
|
|
|
stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round"
|
|
|
|
|
/>
|
2025-11-09 15:49:32 +01:00
|
|
|
</g>
|
2025-11-08 19:20:39 +01:00
|
|
|
|
2025-11-09 15:54:15 +01:00
|
|
|
<!-- Paintbrush icon -->
|
2025-11-09 15:49:32 +01:00
|
|
|
<g>
|
2025-11-09 15:54:15 +01:00
|
|
|
<path
|
|
|
|
|
d="M37 29V35M37 35L34 40L37 42L40 40L37 35Z"
|
|
|
|
|
stroke="white"
|
|
|
|
|
stroke-width="2"
|
|
|
|
|
stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round"
|
|
|
|
|
/>
|
|
|
|
|
<rect
|
|
|
|
|
x="35"
|
|
|
|
|
y="27"
|
|
|
|
|
width="4"
|
|
|
|
|
height="5"
|
|
|
|
|
rx="1"
|
|
|
|
|
stroke="white"
|
|
|
|
|
stroke-width="2"
|
|
|
|
|
fill="none"
|
|
|
|
|
/>
|
2025-11-09 15:49:32 +01:00
|
|
|
</g>
|
2025-11-08 19:20:39 +01:00
|
|
|
|
|
|
|
|
<!-- Gradients -->
|
polish: Priority 1 improvements - gradients, stats, metadata, footer
✨ Visual Enhancements:
- Unique gradients per tool (green-teal for Vert, orange-pink for Paint, indigo-purple for Pastel)
- Added new gradient utilities for better color differentiation
📊 Stats Section:
- New animated stats component showing "3 Tools, 100% Open Source, ∞ Privacy First"
- Glassmorphism cards with hover effects
- Icon badges for each stat
🔍 Enhanced Metadata:
- Comprehensive Open Graph tags for social sharing
- Twitter Card support
- Enhanced SEO with detailed keywords (vert, paint, pastel)
- Added SVG favicon with gradient toolbox icon
- Viewport meta tag and preconnect optimization
🔗 Improved Footer:
- 3-column responsive layout
- GitHub repository link with icon
- Quick links to all tools (Vert, Paint, Pastel)
- Tool count badge
- Updated tech stack mention (Next.js 16 & Tailwind CSS 4)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-07 12:30:08 +01:00
|
|
|
<defs>
|
2025-11-08 19:20:39 +01:00
|
|
|
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
2025-11-09 15:49:32 +01:00
|
|
|
<stop offset="0%" stop-color="#667eea"/>
|
2025-11-09 15:54:15 +01:00
|
|
|
<stop offset="50%" stop-color="#8b5cf6"/>
|
2025-11-09 15:49:32 +01:00
|
|
|
<stop offset="100%" stop-color="#06b6d4"/>
|
|
|
|
|
</linearGradient>
|
polish: Priority 1 improvements - gradients, stats, metadata, footer
✨ Visual Enhancements:
- Unique gradients per tool (green-teal for Vert, orange-pink for Paint, indigo-purple for Pastel)
- Added new gradient utilities for better color differentiation
📊 Stats Section:
- New animated stats component showing "3 Tools, 100% Open Source, ∞ Privacy First"
- Glassmorphism cards with hover effects
- Icon badges for each stat
🔍 Enhanced Metadata:
- Comprehensive Open Graph tags for social sharing
- Twitter Card support
- Enhanced SEO with detailed keywords (vert, paint, pastel)
- Added SVG favicon with gradient toolbox icon
- Viewport meta tag and preconnect optimization
🔗 Improved Footer:
- 3-column responsive layout
- GitHub repository link with icon
- Quick links to all tools (Vert, Paint, Pastel)
- Tool count badge
- Updated tech stack mention (Next.js 16 & Tailwind CSS 4)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-07 12:30:08 +01:00
|
|
|
</defs>
|
|
|
|
|
</svg>
|