Stats 14 block design & features
Stats14 is a countdown section built with Shadcn UI, centered inside a decorative container. A tagline sits above four animated number segments for days, hours, minutes, and seconds, separated by colon dividers. Below the timer a rounded secondary button with an arrow icon serves as the call to action.
The container uses thin rule lines on all four edges with small filled circles at each corner, creating a precise registration-mark frame. The inner area fills with a faint muted background, and the countdown numerals render in semibold tracking-tight type that scales up on wider screens. The button picks up a secondary variant with no shadow and a pill shape.
Visually the block reads as editorial and restrained, letting the large numerals carry the weight. Complexity is moderate because the animated number component relies on NumberFlow with Framer Motion wrapping, ticking every second through a useEffect interval.
On smaller screens the decorative corner marks and rule lines hide, leaving the muted background, countdown, and button stacked in a single centered column.