Blogpost 11 block design & features
Blogpost11 uses a split-screen grid built with Shadcn UI avatar and separator components. One column carries a tall cover image with rounded border treatment while the opposite column stacks publication date, headline, summary, author avatar with role, a horizontal rule, and a primary-colored pull-quote block with attribution.
Unlike animated split heroes, this layout is fully static: no entrance transitions or scroll-triggered motion. The quote figure uses a left border accent and larger type scale so scanners get a memorable line beside the visual story.
The mood is magazine-like and confident, pairing editorial typography with a single strong photograph rather than a full prose column.
This block is moderately complex because it expects hero imagery, quote copy, and author details you will tailor per campaign, but it does not ship a long article body.
On small screens the grid stacks with the image above the text column and the quote block remaining inline within the narrative stack.