Denim Value Proposition
A clean, professional value proposition section for recruitment platforms — denim blue palette with warm cream accents.
Features
- Bold gradient headline with blue-to-light-blue text effect
- 3 value prop cards — Speed (3x faster), Quality (94% match), Scale (10x reach)
- Metric-driven design — each card leads with a large stat number
- Badge labels for categorization (Efficiency, Accuracy, Growth)
- Hover effects with subtle blue glow and lift animation
- Gradient CTA banner at bottom with denim blue background
- Plus Jakarta Sans font for modern, professional typography
- Responsive grid — stacks on mobile, 3-column on desktop
- Dark mode support with deep navy dark tones
- WCAG AA compliant contrast ratios
Usage
import DenimValueProp from '@/registry/denim-value-prop/registry-item';
export default function Page() {
return <DenimValueProp />;
}
Customization
- Value props: Edit the
valueProps array to change metrics, titles, and descriptions
- Colors: Adjust denim blue (
#1e40af, #3b82f6) and cream (#fef3c7) values
- Font: Replace Plus Jakarta Sans with your brand font
- CTA: Update the trial offer text and button labels
- Badges: Change badge labels and cream accent color scheme
