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
  • Type:block

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.