Haze Fitness Onboarding

Haze Fitness Onboarding

A motivational onboarding stepper for fitness platforms.

Features

• Three-step wizard — Goal, level, and confirmation
• Progress bar — Visual step indicator with active state
• Level cards — Selectable options with lime highlight
• Energetic palette — Electric lime on midnight black
• Bold typography — Bebas Neue display headlines
• Navigation — Back and Continue buttons
• Dark/light mode — Dark-first design

Dependencies

• @remixicon/react — Fitness and action icons
• @/components/ui/card — Shadcn Card
• @/components/ui/badge — Shadcn Badge
• @/components/ui/button — Shadcn Button
• @/components/ui/separator — Shadcn Separator

Customization

• Edit goal and level options
• Adjust lime accent color
• Modify step content and copy