Claude
b23a32e913
feat: Add premium frontend components — command palette, workspace, KPIs
...
Linear/Attio/HubSpot-inspired components:
- command-palette.tsx: Cmd+K with Arabic/English/Arabizi fuzzy search
- sales-workspace.tsx: HubSpot-inspired home (KPIs, tasks, deals, AI insights)
- command-input.tsx: Reusable search input with ⌘K badge
- kpi-card.tsx: KPI card with trend arrows, sparklines, count-up animation
- empty-state.tsx: Linear-inspired monochrome empty states
All bilingual with useI18n, RTL-safe, Framer Motion animations.
https://claude.ai/code/session_01LsnvBa7HwF5hs99VZbgLGj
2026-04-12 01:41:47 +00:00
Claude
3e8cd100d4
feat: Premium UI component library + 3D logo + interactive views
...
UI Components (src/components/ui/):
- input.tsx: Floating label, +966 phone, password toggle, Arabic errors
- modal.tsx: Framer Motion scale+fade, backdrop blur, 4 sizes
- sidebar.tsx: RTL right-side, collapsible, glass effect, 4 sections
- index.ts: Barrel export for all components
3D & Interactive (src/components/dealix/):
- dealix-3d-logo.tsx: 3D handshake logo with particles, mouse-tracking tilt
- stats-counter.tsx: Animated counter with Arabic/SAR formatting
- pipeline-kanban.tsx: 5-column deal pipeline with drag animations
- unified-inbox.tsx: WhatsApp-style multi-channel inbox (AR/EN)
- lead-score-card.tsx: AI score visualization with breakdown bars
https://claude.ai/code/session_01LsnvBa7HwF5hs99VZbgLGj
2026-04-11 08:44:12 +00:00
Claude
15906b343c
feat: Add shared UI component library — Button and Badge
...
Premium UI components with Framer Motion, glassmorphism, RTL-safe:
- button.tsx: 5 variants (primary/secondary/ghost/danger/gold), 3 sizes, loading state
- badge.tsx: Status badges with pulse animation for live indicator
https://claude.ai/code/session_01LsnvBa7HwF5hs99VZbgLGj
2026-04-11 08:41:03 +00:00
