'use client';

import { OnboardingWizard } from '@/components/onboarding/OnboardingWizard';
import { WelcomeStep } from '@/components/onboarding/steps/WelcomeStep';
import { ProfileStep } from '@/components/onboarding/steps/ProfileStep';
import { PreferencesStep } from '@/components/onboarding/steps/PreferencesStep';

const onboardingSteps = [
  {
    id: 'welcome',
    title: 'Welcome',
    description: 'Get started with Nexus Console',
    component: WelcomeStep,
  },
  {
    id: 'profile',
    title: 'Profile',
    description: 'Set up your profile information',
    component: ProfileStep,
  },
  {
    id: 'preferences',
    title: 'Preferences',
    description: 'Configure your preferences',
    component: PreferencesStep,
  },
];

export default function OnboardingPage() {
  const handleComplete = () => {
    // Mark onboarding as complete
    localStorage.setItem('onboarding-complete', 'true');
  };

  return <OnboardingWizard steps={onboardingSteps} onComplete={handleComplete} />;
}

