interaction

Contact form

A two-column contact section: details + map on one side, an enquiry form on the other. (Form markup is display-ready; wire submission to your form handler.)

contact-form interaction

Keywords

contact, form, enquiry, referral, get-in-touch

Metadata

Slugcontact-form

Categoryinteraction

Default containerstandard

Statuspublished

Variants

background light · alt · dark

Fields (7)

Eyebrow text
Heading text
Intro textarea
Map embed URL text
Form heading text
Background button_group
Contact details repeater

Use in a mockup

Copy this as the wrapper in your mockup's HTML — fill the inner markup per the Mockup Spec.

<section class="section contact-form"
         data-block="contact-form"
         data-surface="light"
                  data-container="standard">
  <div class="container container--standard">
    <div class="contact-form__inner">
      <!-- block content -->
    </div>
  </div>
</section>