Bronze Onboarding Flow
An elegant onboarding steps section designed for recruitment and HR platforms.
Features
- 4-step process — Post a Job, Review Candidates, Schedule Interviews, Make an Offer
- Progress line — Vertical connecting line between step cards
- Alternating layout — Cards alternate left and right on desktop for visual interest
- Number badges — Clear step numbering on the progress line
- Bronze palette — Warm metallic bronze/copper tones on cream background
- Dark mode support — Full dark variant with adjusted bronze accents
- Responsive — Single column on mobile, alternating on desktop
- Bottom CTA — Call to action button at the end of the flow
Dependencies
lucide-react — Briefcase, Users, Calendar, Award, ArrowRight, CheckCircle icons@/components/ui/card — Shadcn Card components@/components/ui/badge — Shadcn Badge@/components/ui/separator — Shadcn Separator@/components/ui/button — Shadcn Button
Customization
- Steps: Edit the steps array to change titles, descriptions, and icons
- Colors: Adjust bronze hex values for your brand
- Layout: Modify the alternating pattern or switch to a horizontal timeline
- CTA: Update the bottom call-to-action text and link
