Redesign member dashboard with modern bento grid layout and animations

Browse Source

- Updated design philosophy to v2.0 with focus on beauty and interactivity
- Added @vueuse/motion for advanced animations
- Created reusable dashboard components:
  - BentoGrid: Flexible grid layout system
  - StatsCard: Animated statistics with sparklines
  - ProfileCard: Premium profile display with progress
  - ActivityTimeline: Beautiful timeline with staggered animations
  - EventsCard: Upcoming events display
  - PaymentCard: Payment status and history
  - QuickActionCard: Animated action buttons
- Rebuilt member dashboard with bento grid layout
- Added glass morphism effects throughout
- Implemented micro-interactions and hover effects
- Added gradient text effects and decorative elements

🤖 Generated with Claude Code

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

...

This commit is contained in:

Matt

2025-08-31 13:50:07 +02:00

parent aba6c2ecac

commit 4d0591ce7d

13 changed files with 2794 additions and 309 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

.playwright-mcp/dashboard-current-state.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 149 KiB