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

• Secondary Hero Blocks
• Hero Section Blocks

Preview Shadcn Secondary Hero Block Ten