Centered Media Hero

>npx @shavin/cli add hero-centered-media

Personal finance

Know where every dollar stands

WiseOwl connects your bank accounts, budgets and bills in one calm view, so money decisions take minutes instead of evenings.

Rated 4.8/5 from 3,906 reviews · 38,412 households

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add hero-centered-media

100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
Concentric Radius: Set radius="concentric" on nested elements to auto-resolve inner radius from the container's padding.
Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.

Tags:#hero#centered#media#landing