Contact Form with Map
Editorial contact section with a serif-accented headline and live reply-time pill, a validated two-column form (reusable Contact field component: label, id, name, type, placeholder, autocomplete, optional toggle, half/fu…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Contact Form with Map reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Contact
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Component props 2
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
labelYour name
fieldIdetched-cf-name
namename
typetext
placeholderJane Carter
autocompletename
optionalFalse
spanhalf
labelOur office
badgeOpen today
addressLine1123 Business Street
addressLine2New York, NY 10001
countryUnited States
phone+1 (555) 123-4567
phoneHreftel:+15551234567
showCopyTrue
showHoursTrue
hoursMon–Fri · 9:00–18:00 ET
directionsLabelGet directions
directionsUrlhttps://www.openstreetmap.org/search?query=New%20York%2C%20NY%2010001
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






