Resource 3 block design & features
Resource3 is a two-column resource detail block using Shadcn UI components. A breadcrumb sits at the top followed by a large page title. The left column contains a full prose article preceded by a hero image, while the right column holds a sticky sidebar with an excerpt paragraph, a download button, reviewer avatar and name, a checklist of key features using check-circle icons, and social sharing icons for Facebook, Twitter, LinkedIn, and Instagram.
Separators divide each sidebar section cleanly. The breadcrumb uses a home icon as its root. The sidebar remains fixed on scroll via sticky positioning. Typography in the article area uses the prose utility with dark mode inversion. Social share icons sit inside circular bordered containers with hover background transitions.
The design follows a professional document-presentation pattern with clear information hierarchy. The sticky sidebar keeps actionable elements visible as the reader scrolls through the article content. Moderate complexity with several distinct UI sections working together.
On mobile the sidebar appears above the article in source order, and the two-column grid collapses to a single stack.