Contact 10 block design & features
Contact10 is a single-column, centered contact section built with Shadcn UI under a warm gradient. A strong headline and conversational subcopy introduce a three-part row: office address, labeled email, and social icons. A dashed rule with soft fades separates that band from the form, which collects name, work email, optional company and headcount, and a message.
The gradient shifts vertically through amber tones while the section keeps rounded outer corners and inset margins so it reads as a contained panel. The dashed divider reads like tape rather than a hard rule. Icons pick up emphasis on hover, fields stay familiar, and the submit control aligns to the right.
The gradient plus dashed separator give this block more character than a flat gray section without turning into heavy illustration work. The tone skews friendly because of the casual supporting line above the form.
On narrow viewports the info row and form stack so reading order stays address and email first, then fields.