Awards 7 block design & features
Awards7 is a two-column section built with shadcn/ui Separator lines on the list side: left content stacks an "Accolades" eyebrow, a product-forward headline, a long supporting sentence, then a mini table header for award versus year followed by repeating rows of title, description, and year separated by rules. The right column is a self-contained spotlight card on a muted surface with a wide product photo, overlaid centered title on the image, and a padded text block beneath.
The right panel continues with a product award title and paragraph, then three statistic bands. Each stat pairs a bold metric on the right with a label and helper sentence on the left, again divided by separators, so the numeric read is emphatic without charts.
Visually this mixes editorial list typography with a hero-like product tile, giving a premium hardware or consumer-electronics story. It is an elaborate block because you supply both a narrative column and imagery plus multiple metrics alongside many award lines.
On large screens the grid is side by side; on small screens the columns stack in DOM order, typically placing the narrative accolades block before the visual spotlight.