Hero 253 - Announcement hero with dashboard preview and tool marquee

Pro

A split hero combining kibo announcement styling, gradient headline, twin CTAs, framed dashboard capture, and a toolbelt strip with tooltips or marquee on smaller breakpoints.

Shadcn Hero 253 block

Component data

ID
hero253
Access
pro
Created
Oct 28, 2025
Updated
Jun 3, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Hero 253 block design & features

Hero253 leads with a kibo announcement chip, gradient-filled hero headline, supporting paragraph, and two shadcn/ui buttons including an outlined demo control with play icon. The right column presents a wide dashboard capture inside a rounded, bordered frame with a softened bottom fade so the interface reads like a product inset.

Below the grid, a dashed separator introduces a compatibility strip: desktop shows a static row of vendor logos with hover color restores and tooltip labels, while mobile swaps to a continuous marquee with matching logo tiles and gradient captions framing the row.

Visually it mixes vivid headline gradients against muted shell backgrounds, signaling launch-ready SaaS marketing rather than minimalist editorial layouts. The marquee integration makes it heavier than a basic logo strip because motion and tooltip density increase perceived richness.

Expect to maintain the dual-registry dependency footprint (kibo announcement and marquee alongside core shadcn pieces) when customizing assets or swapping integrations copy.