auto-claude: subtask-1-2 - Create CategoryFilter component with category buttons/dropdown

Created CategoryFilter component with the following features:
- Client component with 'use client' directive and framer-motion animations
- Props: categories, selectedCategory, onCategoryChange, className
- Uses lucide-react Tag icon
- Responsive design: horizontal scrollable on mobile, grid layout on desktop
- Active category highlighted with bg-[#697565] text-white
- Includes 'All' option to clear filter
- Follows established patterns from SearchBar and ContactForm
- Consistent styling with bg-zinc-900/50 and border-zinc-800
- Smooth transitions and hover states

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-25 02:39:30 +01:00
co-authored by Claude Sonnet 4.5
parent 0cc34aa007
commit cfa2bc81e6
5 changed files with 377 additions and 1 deletions
+4 -1
View File
@@ -81,4 +81,7 @@ supabase/.temp/
.history/
# Source images (originals before optimization)
source-images/
source-images/
# Auto Claude data directory
.auto-claude/