Neon Recruitment Hero
An energetic, high-impact hero block designed for recruitment and job board platforms.
Features
- Split layout — Headline and search on left, floating job cards on right
- Neon gradient system — Magenta to electric blue gradient with glow effects
- Job search CTA — Input with search icon and gradient button
- Stat pills — Key platform metrics in pill badges
- Floating job cards — 4 cards at alternating angles with hot badges
- Mobile responsive — Cards stack vertically on small screens
- Dark mode native — Built on zinc-950 with neon accents
Dependencies
@/components/vue-ui/button — Shadcn-Vue Button@/components/vue-ui/input — Shadcn-Vue Input@/components/vue-ui/badge — Shadcn-Vue Badge@/components/vue-ui/card — Shadcn-Vue Card
Customization
- Gradient: Adjust fuchsia/blue stops in headline and button
- Job data: Replace floatingJobs array with real listings
- Stats: Update stats array with your platform metrics
- Companies: Swap trusted-by logos with real brand assets
