Blogpost 9 block design & features
Blogpost9 presents a focused article column with shadcn/ui button, avatar, and separator pieces. The top shows read time, publish date, display title, summary, and a bordered hero image before a prose stack with section headings, paragraphs, and a pull quotation.
Below the article body, a separator leads into a "Share this article" row with outline icon buttons for social networks and copy link actions. The page closes with a rounded author biography card pairing a large avatar, name, role, and extended bio copy inside a muted bordered surface.
The aesthetic is calm and publication-like, relying on vertical rhythm and restrained chrome rather than side navigation or animated transitions.
This block is moderately complex because it expects real author metadata, share destinations, and multi-section prose you will replace with product copy.
The share row wraps on narrow screens while the author card stacks avatar above text on small breakpoints.