Shadcn Secondary Hero Block Ten
Block Ten is the set's careers-style secondary hero. The React source builds an eight-column responsive grid with the copy in the first block and three image tiles arranged around it. The headline highlights Join Us, the copy points to CRM work, and the CTA says See open roles.
The three images use remote Tailark assets with rounded corners, shadows, and subtle border overlays. Because the layout is collage-driven, it is a strong choice for a company, team, or recruiting inner page where atmosphere matters as much as product detail.
Layout Behavior
On small screens the copy spans the full grid, then the image cards stack into a compact composition. At sm:grid-cols-8 and md:col-span-4, the text block becomes one piece of the image mosaic instead of sitting above it. That is the main reason this hero feels different from a standard two-column SaaS hero layout.
Customization Guidance
Replace the CRM hiring copy with the exact team, role family, or mission for the page. Keep the image alt text meaningful if you change the assets. If this becomes a shadcn UI blocks pattern in your own library, make sure the CTA goes to a careers route, not a generic signup page.
Related Shadcn UI Blocks
Build with Tailark
Production-ready marketing blocks, pages, and illustrations for Shadcn UI.