Shadcn Secondary Hero Block Eighteen
Block Eighteen is a split enterprise hero inside a six-column frame. The left half contains the headline, paragraph, and two CTAs: Get started and Request a demo. The right half contains layered app screenshots over a subtle patterned background.
The lower row is a logo grid rather than metric copy. Stripe, OpenAI, Vercel, Hulu, Bolt, and Cisco each occupy their own centered cell. That makes the layout useful for a B2B landing page where brand association or ecosystem breadth matters more than a long feature list.
Visual Structure
The source uses plus decorators at the outer frame corners and at responsive cell intersections. The screenshot panel uses light and dark image variants, radial masks, and overflow clipping to create depth without requiring a carousel or video.
Production Guidance
Replace the generic enterprise invoicing copy with a specific page promise. If the logos represent customers, partners, or integrations, label them elsewhere on the page so the claim is clear. The React and Tailwind CSS structure is reusable, but the proof meaning has to come from your content.
Related Shadcn UI Blocks
Build with Tailark
Production-ready marketing blocks, pages, and illustrations for Shadcn UI.