Blog 43 block design & features
Blog43 is a split blog section built with shadcn/ui Carousel, Button, and Badge components. The left column holds a large heading, a description, a rounded primary button, and two round outline arrow buttons. The right column is a carousel that shows one bordered card at a time, each with a 4:3 image, a row pairing a secondary category badge with the date, a title, and a two-line excerpt.
The intro column is text-heavy with a large semibold heading and muted description, balanced against a single card with a light surface and hairline border. The image runs flush to the card's rounded top edge. The category badge is soft gray and the date muted with tabular figures. Hover dims the image slightly and underlines the title. No load animation.
A focused, one-story-at-a-time layout that feels more considered than a standard multi-card carousel. The side-by-side arrangement and the call-to-action button in the intro set it apart from the other carousel variants. Simple to moderate: it needs a few posts with images, categories, summaries, and dates, plus a link for the button.
On large screens the intro column stays pinned while the page scrolls. Below that breakpoint the intro stacks above the carousel. The track loops, and slides can be swiped or dragged as well as stepped with the arrows.