Hero 242 block design & features
Hero242 is an analytics-leaning hero built with shadcn/ui chart components and a custom cover animation on one word of the headline. The left column stacks headline, paragraph, primary and secondary buttons, then a checklist of benefit rows pairing bold titles with muted descriptions and check icons. The right column hosts a full bar chart of page views over time inside a rounded muted frame.
Charts use themed bar fill and formatted tooltips. Copy currently references subscription growth metaphorically.
It fits enablement or growth products needing proof adjacent to narrative. Complexity is moderate to high due to real chart configuration plus long feature list content.
At small breakpoints the grid stacks with the chart beneath the checklist to preserve reading order.