Platinum Onboarding Wizard
A sleek, futuristic multi-step onboarding flow for AI platforms.
Features
- 3-step progress bar with numbered indicators and connecting lines
- Step 2 active state: 'Configure Your AI Model' form
- Three model options with radio-style selection (Creative, Analytical, Turbo)
- Project name input field
- Decorative circuit board SVG pattern in background
- Platinum silver (#E5E7EB, #D1D5DB) and electric blue (#3B82F6) palette
- Dark #0B1120 background with glow effects
- useState for step management and model selection
- Chakra Petch font for tech-forward headings
Usage
Use as the onboarding experience for an AI or SaaS platform. Wire up step navigation to your onboarding state, connect model selection to your backend configuration, and add form validation as needed.
Responsiveness
- Mobile: Compact step indicators, stacked model cards
- Tablet: Wider step connectors, improved spacing
- Desktop: Full-width layout with prominent glow effects
