Contact 31 block design & features
Contact31 is a bounded split module built with Shadcn UI. A rounded parent floats on a muted page and cradles two halves: a tall architectural photograph that fills the left rail edge-to-edge, and a copy-plus-form stack on the right with headline, explanation, and fields for name, email, optional company, and message.
Generous outer radius reads as a single instrument rather than two loose columns. The photo pane hides on small breakpoints so only the form remains. Inputs stay bright against the washed interior while horizontal padding inflates as space allows.
Contained layout emphasis: rounding the entire shell distinguishes this split from layouts that butt sections edge to edge without a wrapper. Photography supplies backdrop while typography and fields remain the foreground. Moderate complexity comes from aligning a tall photo pane, optional company capture, and responsive behavior where the image hides entirely on small breakpoints.
When the image withdraws, the copy block leads and the form spans the available width without feeling orphaned.