Loading Component...

Loading

More Components

View All
Part of

Contrast Banner Contact Form CTA

Oops! Something went wrong while submitting the form.
Contrast Banner Contact Form CTA
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b1f","type":"Section","tag":"section","classes":["6f869e58-dfe0-8de6-7a62-e23fbc5b02b9"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b20"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b20","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b21"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b21","type":"Block","tag":"div","classes":["66cc33bc-b06c-941e-89a4-6f7906293501"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b22","bfb48ec5-bb02-b88f-949c-d195dfb5b15e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b22","type":"Block","tag":"div","classes":["7d974d3c-599b-a493-45b7-e660193949ae"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b23","75aae1fd-11a6-0e7b-9a43-d9c1d4657b25"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b23","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece","bd73952d-7fae-c233-299f-d1a4770f8055"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b24"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b24","text":true,"v":"Let's get you set up."},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b25","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488","a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","cbd83810-bec0-6755-233a-6ec3b25724ff"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b26"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b26","text":true,"v":"Lorem ipsum dolor sit amet. Rem quidem blanditiis aut quia dolorem ut facere voluptatem non delectus natus. Non praesentium error qui dolor quia aut repudiandae sequi nam facere veniam."},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b15e","type":"FormWrapper","tag":"div","classes":["e9915fdc-3bde-61e0-ccf6-3323029810eb"],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b15f","bfb48ec5-bb02-b88f-949c-d195dfb5b167","bfb48ec5-bb02-b88f-949c-d195dfb5b16a"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b15f","type":"FormForm","tag":"form","classes":[],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b162","69701bea-40ea-b432-e81b-13791bd1e38e","3f35c042-9c5c-7fd8-3bf3-9a0881b3ca8e","1e5ae41b-83cd-3666-6646-550b59a553fa","bfb48ec5-bb02-b88f-949c-d195dfb5b165","bfb48ec5-bb02-b88f-949c-d195dfb5b166"],"data":{"form":{"type":"form","name":"Email Form 2"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form-2","name":"email-form-2","data-name":"Email Form 2","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b162","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"First Name","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"69701bea-40ea-b432-e81b-13791bd1e38e","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-4","data-name":"Name 4","placeholder":"Last Name","type":"text","id":"name-4","disabled":false,"required":false},"form":{"type":"input","name":"Name 4","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"3f35c042-9c5c-7fd8-3bf3-9a0881b3ca8e","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-3","data-name":"Name 3","placeholder":"Phone Number","type":"text","id":"name-3","disabled":false,"required":false},"form":{"type":"input","name":"Name 3","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1e5ae41b-83cd-3666-6646-550b59a553fa","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-2","data-name":"Name 2","placeholder":"Company","type":"text","id":"name-2","disabled":false,"required":false},"form":{"type":"input","name":"Name 2","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b165","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email-2","data-name":"Email 2","placeholder":"Email","type":"email","id":"email-2","disabled":false,"required":true},"form":{"type":"input","name":"Email 2","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b166","type":"FormButton","tag":"input","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b167","type":"FormSuccessMessage","tag":"div","classes":["14d11177-d4a0-6e6b-b231-ce104bdcf54b"],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b168"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b168","type":"Block","tag":"div","classes":[],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b169"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b169","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b16a","type":"FormErrorMessage","tag":"div","classes":[],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b16b"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b16b","type":"Block","tag":"div","classes":[],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b16c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b16c","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8152553b-170e-afe6-8fe1-6c1dacc919e6","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"margin-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent;","variants":{},"children":["5c034d05-50ed-77c0-76ab-48035680dc23"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5c034d05-50ed-77c0-76ab-48035680dc23","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"&","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e9915fdc-3bde-61e0-ccf6-3323029810eb","fake":false,"type":"class","name":"form-block_overlap","namespace":"","comb":"","styleLess":"width: 55%; margin-top: -80px; margin-bottom: -80px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 7px 20px 0 rgba(0,0,0,0.2);","variants":{"small":{"styleLess":"width: 100%; margin-top: 0px; margin-bottom: 0px; padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cbd83810-bec0-6755-233a-6ec3b25724ff","fake":false,"type":"class","name":"mb-0","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bd73952d-7fae-c233-299f-d1a4770f8055","fake":false,"type":"class","name":"body-color","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","fake":false,"type":"class","name":"body-color","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["cbd83810-bec0-6755-233a-6ec3b25724ff"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"72892e61-f174-061c-779c-bdab5e8e9ece","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; color: hsla(0, 0.00%, 10.00%, 1.00); font-weight: 500;","variants":{},"children":["bd73952d-7fae-c233-299f-d1a4770f8055"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"6f869e58-dfe0-8de6-7a62-e23fbc5b02b9","fake":false,"type":"class","name":"section_2x-padding","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 100px; padding-right: 5%; padding-bottom: 100px; padding-left: 5%; flex-direction: column; align-items: center;","variants":{},"children":["f8e66d25-7b69-014a-5114-123fac54e26d"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3fef1df7-3a28-3b76-5ed6-e926368fc29c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["0a88df8e-a852-6cbb-bf1b-6d4604c49466","db8f9202-97eb-420b-8524-4baa61e3977e"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"813629e8-969c-cce3-2226-ebd6b34fb488","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 20px; color: hsla(0, 0.00%, 10.00%, 1.00); font-size: 16px; line-height: 1.6; font-weight: 300;","variants":{},"children":["a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","6f0b4856-89f4-1220-56b4-265410032c16"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3c6e9671-3c33-33e0-9671-41ce3f20247f","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"66cc33bc-b06c-941e-89a4-6f7906293501","fake":false,"type":"class","name":"wrap_flex_cta-color","namespace":"","comb":"","styleLess":"display: flex; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; justify-content: space-between; align-items: center; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"flex-direction: column;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7d974d3c-599b-a493-45b7-e660193949ae","fake":false,"type":"class","name":"content-wrap_40pc","namespace":"","comb":"","styleLess":"display: flex; max-width: 40%; flex-direction: column; align-items: flex-start;","variants":{"small":{"styleLess":"max-width: none; margin-bottom: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"14d11177-d4a0-6e6b-b231-ce104bdcf54b","fake":false,"type":"class","name":"success","namespace":"","comb":"","styleLess":"border-top-style: dashed; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: dashed; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: dashed; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b1f","type":"Section","tag":"section","classes":["6f869e58-dfe0-8de6-7a62-e23fbc5b02b9"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b20"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b20","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b21"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b21","type":"Block","tag":"div","classes":["66cc33bc-b06c-941e-89a4-6f7906293501"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b22","bfb48ec5-bb02-b88f-949c-d195dfb5b15e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b22","type":"Block","tag":"div","classes":["7d974d3c-599b-a493-45b7-e660193949ae"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b23","75aae1fd-11a6-0e7b-9a43-d9c1d4657b25"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b23","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece","bd73952d-7fae-c233-299f-d1a4770f8055"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b24"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b24","text":true,"v":"Let's get you set up."},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b25","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488","a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","cbd83810-bec0-6755-233a-6ec3b25724ff"],"children":["75aae1fd-11a6-0e7b-9a43-d9c1d4657b26"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"75aae1fd-11a6-0e7b-9a43-d9c1d4657b26","text":true,"v":"Lorem ipsum dolor sit amet. Rem quidem blanditiis aut quia dolorem ut facere voluptatem non delectus natus. Non praesentium error qui dolor quia aut repudiandae sequi nam facere veniam."},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b15e","type":"FormWrapper","tag":"div","classes":["e9915fdc-3bde-61e0-ccf6-3323029810eb"],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b15f","bfb48ec5-bb02-b88f-949c-d195dfb5b167","bfb48ec5-bb02-b88f-949c-d195dfb5b16a"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b15f","type":"FormForm","tag":"form","classes":[],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b162","69701bea-40ea-b432-e81b-13791bd1e38e","3f35c042-9c5c-7fd8-3bf3-9a0881b3ca8e","1e5ae41b-83cd-3666-6646-550b59a553fa","bfb48ec5-bb02-b88f-949c-d195dfb5b165","bfb48ec5-bb02-b88f-949c-d195dfb5b166"],"data":{"form":{"type":"form","name":"Email Form 2"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form-2","name":"email-form-2","data-name":"Email Form 2","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b162","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"First Name","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"69701bea-40ea-b432-e81b-13791bd1e38e","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-4","data-name":"Name 4","placeholder":"Last Name","type":"text","id":"name-4","disabled":false,"required":false},"form":{"type":"input","name":"Name 4","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"3f35c042-9c5c-7fd8-3bf3-9a0881b3ca8e","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-3","data-name":"Name 3","placeholder":"Phone Number","type":"text","id":"name-3","disabled":false,"required":false},"form":{"type":"input","name":"Name 3","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1e5ae41b-83cd-3666-6646-550b59a553fa","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-2","data-name":"Name 2","placeholder":"Company","type":"text","id":"name-2","disabled":false,"required":false},"form":{"type":"input","name":"Name 2","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b165","type":"FormTextInput","tag":"input","classes":["8152553b-170e-afe6-8fe1-6c1dacc919e6","5c034d05-50ed-77c0-76ab-48035680dc23"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email-2","data-name":"Email 2","placeholder":"Email","type":"email","id":"email-2","disabled":false,"required":true},"form":{"type":"input","name":"Email 2","passwordPage":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b166","type":"FormButton","tag":"input","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b167","type":"FormSuccessMessage","tag":"div","classes":["14d11177-d4a0-6e6b-b231-ce104bdcf54b"],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b168"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b168","type":"Block","tag":"div","classes":[],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b169"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b169","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b16a","type":"FormErrorMessage","tag":"div","classes":[],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b16b"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b16b","type":"Block","tag":"div","classes":[],"children":["bfb48ec5-bb02-b88f-949c-d195dfb5b16c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bfb48ec5-bb02-b88f-949c-d195dfb5b16c","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8152553b-170e-afe6-8fe1-6c1dacc919e6","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"margin-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent;","variants":{},"children":["5c034d05-50ed-77c0-76ab-48035680dc23"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5c034d05-50ed-77c0-76ab-48035680dc23","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"&","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e9915fdc-3bde-61e0-ccf6-3323029810eb","fake":false,"type":"class","name":"form-block_overlap","namespace":"","comb":"","styleLess":"width: 55%; margin-top: -80px; margin-bottom: -80px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 7px 20px 0 rgba(0,0,0,0.2);","variants":{"small":{"styleLess":"width: 100%; margin-top: 0px; margin-bottom: 0px; padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cbd83810-bec0-6755-233a-6ec3b25724ff","fake":false,"type":"class","name":"mb-0","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bd73952d-7fae-c233-299f-d1a4770f8055","fake":false,"type":"class","name":"body-color","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","fake":false,"type":"class","name":"body-color","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["cbd83810-bec0-6755-233a-6ec3b25724ff"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"72892e61-f174-061c-779c-bdab5e8e9ece","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; color: hsla(0, 0.00%, 10.00%, 1.00); font-weight: 500;","variants":{},"children":["bd73952d-7fae-c233-299f-d1a4770f8055"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"6f869e58-dfe0-8de6-7a62-e23fbc5b02b9","fake":false,"type":"class","name":"section_2x-padding","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 100px; padding-right: 5%; padding-bottom: 100px; padding-left: 5%; flex-direction: column; align-items: center;","variants":{},"children":["f8e66d25-7b69-014a-5114-123fac54e26d"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3fef1df7-3a28-3b76-5ed6-e926368fc29c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["0a88df8e-a852-6cbb-bf1b-6d4604c49466","db8f9202-97eb-420b-8524-4baa61e3977e"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"813629e8-969c-cce3-2226-ebd6b34fb488","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 20px; color: hsla(0, 0.00%, 10.00%, 1.00); font-size: 16px; line-height: 1.6; font-weight: 300;","variants":{},"children":["a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","6f0b4856-89f4-1220-56b4-265410032c16"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3c6e9671-3c33-33e0-9671-41ce3f20247f","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"66cc33bc-b06c-941e-89a4-6f7906293501","fake":false,"type":"class","name":"wrap_flex_cta-color","namespace":"","comb":"","styleLess":"display: flex; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; justify-content: space-between; align-items: center; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"flex-direction: column;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7d974d3c-599b-a493-45b7-e660193949ae","fake":false,"type":"class","name":"content-wrap_40pc","namespace":"","comb":"","styleLess":"display: flex; max-width: 40%; flex-direction: column; align-items: flex-start;","variants":{"small":{"styleLess":"max-width: none; margin-bottom: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"14d11177-d4a0-6e6b-b231-ce104bdcf54b","fake":false,"type":"class","name":"success","namespace":"","comb":"","styleLess":"border-top-style: dashed; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: dashed; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: dashed; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Contrast Banner Contact Form CTA is a visually striking component designed to encourage user engagement through a contact form. It combines a bold design with functional elements to facilitate easy communication.

Key Features:

  • Includes a multi-field contact form for user inquiries
  • Responsive design suitable for various screen sizes
  • Success and error messages for user feedback
  • Customizable styles to match branding
  • Live preview available for testing

Design Elements:

  • Bold color scheme with high contrast for visibility
  • Rounded corners and shadow effects for a modern look
  • Flexible layout with padding for a spacious feel
  • Typography that enhances readability and engagement

Potential Use Cases:

  • Small businesses looking to enhance customer communication
  • Marketing agencies wanting to capture leads
  • Event organizers needing a way to gather participant information
  • E-commerce sites aiming to improve customer support
  • Freelancers offering services and needing client inquiries

Conclusion: The Contrast Banner Contact Form CTA is a versatile and visually appealing component that effectively captures user attention and facilitates communication, making it an excellent choice for various applications.

Start building

Start building your dreams

Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.