Stats 12 block design & features
Stats12 is a two-column results section built with Shadcn UI. The left column holds a large heading, a muted paragraph, a rounded Get Started button with an arrow, and an animated line chart that draws in from the left. The right column leads with a huge animated revenue figure (dollar prefix, million suffix), a monthly-or-yearly toggle, and a two-by-two grid of secondary figures for team, growth, customers, and revenue.
The headline type is display-scale beside a quieter body. The hero number dwarfs everything else on the right. Buttons are pill-shaped and secondary, with arrows that rotate on hover. The chart uses a blue stroke and a fading blue fill. Numbers count up when the section enters view. The monthly toggle swaps the whole set of figures.
This is an elaborate, motion-heavy take on a split stats band. The aesthetic is bold and results-first, closer to an agency or growth-report page than a quiet metric row. Complexity is high and mixed: animation drives the chart and counting numbers, while the content needs a real headline, chart shape, and two complete stat sets (monthly and yearly).
On smaller screens the columns stack, with the chart and copy first and the large revenue figure below. The secondary grid stays two columns.