Titanium Fintech Hero
A premium dark hero block built for fintech and institutional finance landing pages.
Features
- Mesh gradient backdrop — Multi-point radial gradients create atmospheric depth
- Grid overlay — Subtle structural grid lines reinforce the technical aesthetic
- Emerald-cyan color system — Gradient headline with green-to-purple sweep
- Staggered reveal — Vue reactive transitions fade and slide content in on mount
- Institutional metrics — 4-column stat bar with tabular numerics
- Trust strip — Regulatory compliance badges for credibility
- Responsive — Scales gracefully from mobile to wide desktop
Dependencies
@/components/vue-ui/badge — Shadcn-Vue Badge@/components/vue-ui/button — Shadcn-Vue Button@/components/vue-ui/separator — Shadcn-Vue Separator
Customization
- Colors: Adjust the emerald/cyan gradient stops to match your brand
- Metrics: Replace the 4-column stats with your own KPIs
- Trust strip: Swap regulatory bodies for your certifications
