Feature 9 block design & features
Feature9 is a bento-style section built with Shadcn UI. A centered outline badge, large heading, and short muted description sit above a three-column row. The left and right columns are cards, each structured with a top-aligned badge in the header, large body text in the content area, and an outline button with a chevron icon in the footer. The center column holds a full-height rounded image that fills the available space.
Cards share identical proportions and internal spacing, creating a symmetrical frame around the central image. Badges use the outline variant and sit at the start of each card header. Buttons pair an outline style with a small right-chevron, keeping the call to action understated. The image scales to cover its column height with a max constraint to prevent excessive stretching.
The look is placeholder-ready and balanced, relying on repetition and symmetry to establish rhythm. With lorem-ipsum text and generic badges the section communicates structure over content, making it a starting template rather than a polished final state. Complexity is low since only static card text, a badge label, and an image source are needed.
Below the large breakpoint the three columns stack into a single vertical flow with cards appearing above and below the image.