Contact 19 - Split screen with full-height image

Pro

A dramatic split contact section with oversized type, muted copy, a ghost CTA, large phone and email links on one side, and a tall edge-to-edge photo column.

Shadcn Contact 19 block

Component Data

  • ID:contact19
  • Access:pro
  • Created:Oct 1, 2025
  • Type:block

Contact 19 block design & features

Contact19 is a portfolio-style split built with Shadcn UI: editorial content on the left and a tall photographic column on the right. The text side layers a very large headline, restrained supporting paragraph, ghost button with corner arrow, and oversized phone and email treatments anchored toward the bottom. The opposite side is one continuous photo that spans the full column height on desktop.

Typography stays bold and tracking tight on the contacts while the button stays airy. Negative space carries much of the rhythm so the eye moves headline, explanation, action, then direct lines. The photo column needs strong vertical imagery because it carries half the composition.

Overall it feels cinematic and asymmetric compared with a centered card form: half story, half environment, with outreach shown as big typographic links instead of embedded inputs.

On smaller breakpoints the image typically drops below or scales within the flow while the typographic column keeps its sequence so readability survives the stack.