website refactor

apps/website/components/sponsors/SponsorWorkflowMockup.tsx

@@ -8,7 +8,7 @@ import {
   Car,
   TrendingUp,
 } from 'lucide-react';
-import { WorkflowMockup, WorkflowStep } from '@/components/mockups/WorkflowMockup';
+import { WorkflowMockup, WorkflowStep } from '@/ui/WorkflowMockup';
 
 const WORKFLOW_STEPS: WorkflowStep[] = [
   {
@@ -16,35 +16,35 @@ const WORKFLOW_STEPS: WorkflowStep[] = [
     icon: Search,
     title: 'Browse Leagues',
     description: 'Find leagues that match your target audience',
-    color: 'text-primary-blue',
+    intent: 'primary',
   },
   {
     id: 2,
     icon: MousePointer,
     title: 'Select Tier',
     description: 'Choose main or secondary sponsorship slot',
-    color: 'text-purple-400',
+    intent: 'telemetry',
   },
   {
     id: 3,
     icon: CreditCard,
     title: 'Complete Payment',
     description: 'Secure payment with automatic invoicing',
-    color: 'text-warning-amber',
+    intent: 'warning',
   },
   {
     id: 4,
     icon: Car,
     title: 'Logo Placement',
     description: 'Your brand on liveries and league pages',
-    color: 'text-performance-green',
+    intent: 'success',
   },
   {
     id: 5,
     icon: TrendingUp,
     title: 'Track Results',
     description: 'Monitor impressions and engagement',
-    color: 'text-primary-blue',
+    intent: 'primary',
   },
 ];