import { PageHeader } from '@/components/shared/page-header';

export default function OnboardingPage() {
  return (
    <div className="space-y-6">
      <PageHeader title="Onboarding" description="Guided setup for new port configurations" />
      <div className="flex flex-col items-center justify-center rounded-lg border border-dashed p-12">
        <p className="text-lg font-medium text-muted-foreground">Coming in Layer 4</p>
        <p className="text-sm text-muted-foreground">
          This feature will be implemented in the next phase.
        </p>
      </div>
    </div>
  );
}