Commit Graph

2 Commits

Author SHA1 Message Date
Timo 3c6d75b6bb refactor: Cleaner landing page - focused hero & reduced animations
**User Feedback:**
- Hero Section: Too much going on, redundant generator
- Animations: Too excessive throughout
- Phone Mockup: Works great, keep it!

**Hero Section - Major Cleanup:**
- REMOVED: Interactive QR Generator (redundant with generator below)
- NEW: QRTypesShowcase - 3x3 grid showing 9 QR code types
- NEW: Auto-rotating phone mockup demonstrating each type
- Shows variety instead of single interactive element
- Much cleaner, more focused first impression

**Animation Cleanup:**
- FeatureCustomizationDemo: Cycles ONCE then stops
- FeatureBulkDemo: Animates ONCE then stays static
- Features.tsx: Removed all infinite animations (rotate, scale, etc.)
- StatsCounter: Subtiler - smaller text, slower animation
- No more animation overload!

**Philosophy:**
- CLEANER > overloaded
- FOCUSED > excessive interaction
- SUBTLE > flashy animations
- Show variety > show everything

**PhoneMockup Enhanced:**
- Auto-rotates through 9 QR types every 5s
- Shows scan animation for each type
- Displays type name in notification
- Clean demo of all capabilities

**Components:**
- NEW: QRTypesShowcase.tsx - Grid with 9 QR types
- UPDATED: PhoneMockup.tsx - Auto-rotation logic
- UPDATED: Hero.tsx - Uses showcase instead of generator
- UPDATED: Features.tsx - Static icons, no infinite loops
- UPDATED: StatsCounter.tsx - Subtiler appearance

Result: Professional, clean, focused landing page without animation chaos!

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-19 09:14:52 +01:00
Timo a7180e3b9b feat: Complete landing page modernization with premium design
Major overhaul of the landing page with modern, premium design while maintaining 100% SEO compatibility.

**Design System:**
- New animation library with premium easing curves
- Advanced shadow system with colored shadows
- Glassmorphism utilities
- Premium gradient palette
- Grid-based animated backgrounds

**Hero Section:**
- Interactive QR generator with real-time updates
- Color preset system with smooth morphing
- Animated background with modern grid pattern
- Stats counter with animated numbers
- Enhanced CTAs with hover effects

**Instant Generator:**
- Tab-based UI (Basic, Presets, Advanced)
- Visual preset gallery with 12 professional styles
- Phone mockup with scan animation
- Progressive disclosure UX
- Enhanced download experience

**Features Section:**
- Modern Bento Grid layout
- Animated analytics chart demo
- QR customization morphing demo
- Bulk creation animation
- Interactive feature cards

**Pricing:**
- Enhanced visual design
- Better shadows and gradients
- Improved hover states

**Technical:**
- All new components use Framer Motion
- Optimized animations with GPU acceleration
- Responsive design maintained
- SEO unchanged (server components intact)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-19 08:52:33 +01:00