Hero 142 block design & features
Hero142 is a product-tooling hero built with shadcn/ui. The upper block centers a headline that swaps between a long desktop sentence about planning tools and a shorter mobile motto, followed by a muted paragraph about issues, projects, and roadmaps, then a primary start control beside a ghost link with chevron and gradient label text.
Below, a massive screenshot plane tilts in 3D with border and gradient fade masking so the canvas reads like a floating workstation on a near-black stage. Additional rotated glow ribbons sit absolutely in the background for depth.
A linear fade at the section foot blends the imagery into the page below, keeping transitions soft. Elaboration is high due to the perspective transform stack and alternate headline strings.
Tablet widths exaggerate the plane scale with a horizontal translate so the mock reads immersive without clipping the top controls.