v0.2.0 — Complete UI/UX Redesign

LeadFlow CRM v0.2.0

Design System Overhaul

• HubSpot-inspired warm palette: Orange primary, semantic status colors, generous border radius
• Visual hierarchy: Card backgrounds distinct from page, proper shadows, consistent borders
• Typography: Clear hierarchy with tracking-tight headings, proper font weights

Skeleton Loading (Replaces All Spinners)

• Table skeleton with matching column widths
• Card skeleton for KPI metrics
• Chart skeleton for analytics containers
• List skeleton for lead rows
• Page-level skeleton for initial load states

New Shared Components

• PageHeader: Consistent page titles with description and action buttons
• StatCard: KPI cards with gradient accents and icon support
• StatusBadge: Semantic lead status badges with distinct colors
• EmptyState: Reusable empty state with icon, message, and CTA

Page Redesigns

• Auth: Split layout with branded left panel, feature list, clean forms
• Dashboard: StatCard KPIs, proper empty states, Add Lead CTA
• Leads: StatusBadge, skeleton table, EmptyState for no results
• Pipeline: Refined Kanban cards, better spacing, hover states
• Analytics: Styled chart tooltips, cleaner axis labels, skeleton loading
• Time Tracker: Refined timer card, skeleton loading, empty state
• Lead Detail: Skeleton loading, InfoItem pattern for contact info

Bug Fixes

• Sonner Toaster: Was rendering null — all toasts now work
• Auth forms: Proper onSubmit handlers — Enter key works
• Toast imports: Unified to @/components/ui/sonner

Verified

• Build passes clean (TypeScript, ESLint, Next.js)
• All pages render correctly
• No spinner components remaining