54 lines
1.0 KiB
TypeScript
54 lines
1.0 KiB
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import {
|
|
UserPlus,
|
|
Link as LinkIcon,
|
|
Settings,
|
|
Trophy,
|
|
Car,
|
|
} from 'lucide-react';
|
|
import { WorkflowMockup, WorkflowStep } from '@/ui/WorkflowMockup';
|
|
|
|
const WORKFLOW_STEPS: WorkflowStep[] = [
|
|
{
|
|
id: 1,
|
|
icon: UserPlus,
|
|
title: 'Create Account',
|
|
description: 'Sign up with email or connect iRacing',
|
|
intent: 'primary',
|
|
},
|
|
{
|
|
id: 2,
|
|
icon: LinkIcon,
|
|
title: 'Link iRacing',
|
|
description: 'Connect your iRacing profile for stats',
|
|
intent: 'telemetry',
|
|
},
|
|
{
|
|
id: 3,
|
|
icon: Settings,
|
|
title: 'Configure Profile',
|
|
description: 'Set up your racing preferences',
|
|
intent: 'warning',
|
|
},
|
|
{
|
|
id: 4,
|
|
icon: Trophy,
|
|
title: 'Join Leagues',
|
|
description: 'Find and join competitive leagues',
|
|
intent: 'success',
|
|
},
|
|
{
|
|
id: 5,
|
|
icon: Car,
|
|
title: 'Start Racing',
|
|
description: 'Compete and track your progress',
|
|
intent: 'primary',
|
|
},
|
|
];
|
|
|
|
export function AuthWorkflowMockup() {
|
|
return <WorkflowMockup steps={WORKFLOW_STEPS} />;
|
|
}
|