Back to Blocks
Block Bank
hero
stable
Hero Cards Grid
Full-width hero section with headline, description and CTAs on the left, and a 2x2 grid of metric/visual cards on the right. Ideal for agency and SaaS landing pages.
Created by:
Leonardo Risco
Created on:
May 5, 2026
npx cromatica-cli add block hero-cards-grid
Dependencies
framer motion
animateOnScroll
Tags
cards
hero
background
highImpact
cromatica
src/components/blocks/[block-name]/[block-name].tsx
Rendering...
Rendering...