Resource 1 block design & features
Resource1 is a two-column resource detail block built with shadcn/ui. The left column contains a sidebar with three stacked cards for whitepaper metadata, download options offering PDF and print format buttons, and social share links rendered as circular icon links. The right column holds a full prose article with headings, paragraphs, a blockquote, an unordered list, and a table.
Each sidebar card uses a muted header strip with a small icon and title, followed by card body content. The download card uses a primary button and an outline button stacked vertically. Social links use circular containers with brand logos for Instagram, LinkedIn, Product Hunt, and Twitter. The article area uses the prose typography utility with dark mode inversion.
The overall aesthetic is clean and utilitarian with a standard content-plus-sidebar documentation feel. Borders and subtle shadows define each sidebar card, and spacing between sections is generous. Complexity is moderate given the multiple card variations in the sidebar paired with the long-form article.
On mobile the layout collapses to a single column with the sidebar appearing below the article content.