Shadcn UI Cta Block
A CTA section built with Shadcn UI that uses a CSS grid to create an asymmetric two-column layout inside a bordered card. The left column spans two-thirds and holds the heading and description, while the right column contains vertically stacked full-width buttons. On smaller screens the columns stack naturally.
The bordered card with no fill color keeps the section lightweight. The grid split creates a clear spatial division between messaging and action, with the full-width button column giving the action area more visual weight than inline buttons would. Padding scales generously across breakpoints.