Contact 28 block design & features
Contact28 is a three-step wizard built with Shadcn UI on a full-height muted field. The left column anchors a headline and a vertical checklist of stages that fills in as users advance. The right column hosts a floating white card with only the fields for the active stage plus back and forward actions.
Stage one gathers topic and optional budget signals. Stage two collects identity and phone details. Stage three expands into a longer message area. Each stage refuses forward motion until its own inputs satisfy checks. Shadow under the card separates it from the quiet backdrop.
Immersive and timeline-forward: occupying the viewport makes the flow feel like a dedicated page rather than a footer wedge. Breaking inputs into thirds keeps cognitive weight lower than one giant sheet. Completion replaces the workspace with a large check motif and affirmative copy.
Compact widths stack timeline and card while preserving stage order readout.