Feature 1 - Two-column feature with square image and button

Free

Split feature section with a large heading, optional description, an outline call-to-action, and a square bordered product image in the second column.

Shadcn Feature 1 block

Component Data

  • ID:feature1
  • Access:free
  • Created:Aug 5, 2024
  • Type:block

Feature 1 block design & features

Feature1 is a two-column marketing feature built with shadcn/ui Button primitives and props from the shared feature-single-focus shape. Text sits in one column with centered alignment on small screens, then left alignment from the large breakpoint. It shows a prominent heading, an optional paragraph in muted foreground, and an outline button wired as an external link when secondary link data is present. The opposite column holds a single square image with rounded corners, border, and object-cover cropping.

Light theme defaults with muted supporting text and a single primary interaction path through the outline button row. The image column mirrors the editorial weight of the headline and keeps the section image-forward without extra UI chrome. The layout is static and easy to scan.

This is a simple, standard split feature closer to starter marketing patterns than a dense bento. Content requirements are a strong headline, optional blurb, one outbound CTA, and one representative image. Uniqueness is low, which makes it a dependable baseline block.

The grid collapses so copy stacks above the image on small viewports while preserving spacing and image aspect.