Resources 3 block design & features
Resources3 is a resources listing block built with shadcn/ui. The top area is a large featured post card split into two halves with text content on the left and an image on the right. The text side includes an outline Badge labeling it as "Featured Resource," a large title, and a Button with an animated arrow icon on hover. Below the featured card is an "Resources" heading followed by a list of article rows, each displaying date, category, and title in a three-column layout separated by top borders.
The featured card uses a muted rounded background with generous padding. The CTA button shifts its padding on hover to reveal an arrow icon sliding in from the right. Article rows use a simple text-only presentation with foreground text for date and category and muted-foreground for the title. Each row has a hover background highlight.
The aesthetic is minimal and content-focused. The featured card provides a strong visual anchor with its large size and image, while the article list below is deliberately sparse and scannable. Low to moderate complexity with straightforward layout and a single hover animation.
On mobile the featured card stacks vertically with the image below the text content, and the article rows switch from a three-column horizontal layout to stacked elements.