import type React from 'react';
import { GetStartedWizard } from '@/components/GetStartedWizard';

export const metadata = {
  title: 'Get Started — SentryAgent AgentIdP',
  description:
    'Set up your first AI agent with SentryAgent AgentIdP in four steps.',
};

export default function GetStartedPage(): React.ReactElement {
  const apiUrl =
    process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:3000';

  return (
    <div className="px-6 py-16">
      <div className="mb-12 text-center">
        <h1 className="mb-4 text-4xl font-extrabold text-slate-900">
          Get Started
        </h1>
        <p className="text-xl text-slate-600">
          Register your first agent and get production-ready credentials in
          minutes.
        </p>
      </div>

      <GetStartedWizard apiUrl={apiUrl} />
    </div>
  );
}