Marigold Recruitment CTA
A high-energy recruitment call-to-action block for hiring pages and career portals.
Features
- Bold headline — Large 'Join Our Team' with gradient text and underline accent
- Open positions badge — Dynamic count with briefcase icon
- 3 benefit cards — Remote-First, Equity, Unlimited PTO with gradient icon badges
- Email capture — Dark-background section with email input and CTA button
- Trust metrics — Subscriber count, Glassdoor rating, offer acceptance rate
- Browse link — Ghost button to view all positions
- Marigold palette — Amber-400 to yellow-500 gradients, warm gold accents
- Bricolage Grotesque — Bold display font via Google Fonts
- Hover interactions — Cards lift on hover with shadow expansion
- Responsive — Mobile-first with 3-column grid at desktop
- Dark mode — Full zinc-900/950 dark variant with amber accent preservation
Dependencies
@/components/vue-ui/card — Card, CardContent@/components/vue-ui/button — Button@/components/vue-ui/badge — Badge@/components/vue-ui/separator — Separatorlucide-vue-next — Globe, TrendingUp, Palmtree, ArrowRight, Sparkles, Users, Briefcase, Mail, ChevronRight, Star
Customization
- Benefits: Modify the
benefits array with your own perks
- Position count: Update the badge number for current openings
- Colors: Swap amber/yellow classes for your brand palette
