54 lines
1.1 KiB
TypeScript
54 lines
1.1 KiB
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import {
|
|
Search,
|
|
MousePointer,
|
|
CreditCard,
|
|
Car,
|
|
TrendingUp,
|
|
} from 'lucide-react';
|
|
import { WorkflowMockup, WorkflowStep } from '@/ui/WorkflowMockup';
|
|
|
|
const WORKFLOW_STEPS: WorkflowStep[] = [
|
|
{
|
|
id: 1,
|
|
icon: Search,
|
|
title: 'Browse Leagues',
|
|
description: 'Find leagues that match your target audience',
|
|
intent: 'primary',
|
|
},
|
|
{
|
|
id: 2,
|
|
icon: MousePointer,
|
|
title: 'Select Tier',
|
|
description: 'Choose main or secondary sponsorship slot',
|
|
intent: 'telemetry',
|
|
},
|
|
{
|
|
id: 3,
|
|
icon: CreditCard,
|
|
title: 'Complete Payment',
|
|
description: 'Secure payment with automatic invoicing',
|
|
intent: 'warning',
|
|
},
|
|
{
|
|
id: 4,
|
|
icon: Car,
|
|
title: 'Logo Placement',
|
|
description: 'Your brand on liveries and league pages',
|
|
intent: 'success',
|
|
},
|
|
{
|
|
id: 5,
|
|
icon: TrendingUp,
|
|
title: 'Track Results',
|
|
description: 'Monitor impressions and engagement',
|
|
intent: 'primary',
|
|
},
|
|
];
|
|
|
|
export function SponsorWorkflowMockup() {
|
|
return <WorkflowMockup steps={WORKFLOW_STEPS} />;
|
|
}
|