Marketing - Blog Blocks

A high-density, hairline-divided blog post list featuring category tags, article titles, dates, and read times with hover-activated arrow animations for improved navigation.

A responsive three-column blog post grid featuring cards with image placeholders, category labels, titles, excerpts, and metadata, enhanced with hover-triggered shadow effects and smooth transition animations.

A two-column blog layout featuring a large featured image on the left and a list of divider-separated article entries on the right, complete with metadata, author details, and interactive arrow hover effects.

A featured blog hero section featuring a large primary article with side-by-side layout, followed by a three-column grid of secondary posts, including author avatars, badges, and read-more links.

A responsive three-column blog post grid featuring image-rich cards with author avatars, tag badges, and hover zoom effects, including metadata for date and read time.

A responsive blog index featuring a prominent hero post, interactive category filter pills, and a 3-column grid of post cards with author avatars, read times, and excerpt previews.

A minimal blog post list featuring divider-separated rows with category badges, dates, excerpts, author avatars, and ghost buttons for a clean, text-focused reading experience.

A responsive three-column blog post grid featuring card components with cover images, category badges, author avatars, and read-time metadata built with Tailwind CSS.