Product Categories 7 block design & features
The block pairs an introduction with a list of categories. On the left is a large heading, a paragraph and a dark button with an arrow. To the right and below, six categories run in two columns, each with a landscape thumbnail on the left and a title and a short description on the right. It uses shadcn/ui and sits between hairlines above and below.
Each category row links to its page. Hovering a row fades in a soft muted background and an arrow beside the title. The heading, description, button text and link, and the categories with their images, titles, descriptions and links are all props.
On mobile everything stacks into a single column, with the intro first and the thumbnails shrinking beside each category's text.