Split Contact

About this piece

Two-column card with copy on the left and a stacked form with submit on the right.

Usage

The import and the props worth knowing about, in one place.

import { Shapes62 } from "@/components/beste/piece/shapes62";

<Shapes62
  surface="card"
  bordered={true}
  inverted={false}
/>

Two single-line fields above a tall message field and a full-width submit button.

Three divided rows pairing mail, phone, and pin icons with label and value.

Three-node progress strip above a card with two fields and back-next actions.

Two-column hero with copy and a single CTA on the left, image panel on the right.

Three labeled fields stacked above a checked agreement row and a primary submit.

Avatar circle, two stacked content lines, and a rose unread dot.