Hero 146 block design & features
Hero146 is a product hero built with Shadcn UI. Upper content centers a gradient-clipped headline about deploying AI agents, a muted paragraph about no-code customization, and a dark gradient pill button with a subtle ping animation. The background is a faint grid wash bordered underneath.
A lower framed strip mirrors app chrome: neutral borders, light panel, caption about building an agent quickly with an underlined time callout, and a wide placeholder frame with a circular play control whose outer ring shrinks on hover before handing off to a presentation embed.
Overall feel is technical but approachable: structured grid, monochrome neutrals with a single accent gradient in the type, and a staged demo moment. Complexity is moderate thanks to layered card, animation cue, and interactive preview.
A gradient mask lifts the bottom of the preview so the card appears to emerge from the page fold.