Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a5053","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb","034f2ed8-4e31-e61b-62a5-921b96716937"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a5054"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a5054","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["dedbe44c-df69-2eff-9afa-702e72b6f86b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dedbe44c-df69-2eff-9afa-702e72b6f86b","type":"Block","tag":"div","classes":["4b995d38-894a-72c8-008f-1ed78550d922"],"children":["70276f86-fc6d-682b-6610-1c8f12aa5755","7660c989-01e9-9577-035d-aa3ae92bb01c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"70276f86-fc6d-682b-6610-1c8f12aa5755","type":"Block","tag":"div","classes":["e1d2a978-e3d3-1ed8-c6c5-37d225689aed"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a5056"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a5056","type":"Block","tag":"div","classes":["9661c403-029f-948b-6148-75e24da6f300"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a5057","ea31dd7b-92c1-22f6-4d31-356c0e4a5059","3867a71a-b67a-620c-628e-d65f2d49dbb4"],"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":"ea31dd7b-92c1-22f6-4d31-356c0e4a5057","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a5058"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a5058","text":true,"v":"Let's get you set up today."},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a5059","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a505a"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a505a","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":"3867a71a-b67a-620c-628e-d65f2d49dbb4","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a505b","8b267b84-11ef-e445-0591-a8a1b1d18091"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a505b","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a505c"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a505c","text":true,"v":"Get started"},{"_id":"8b267b84-11ef-e445-0591-a8a1b1d18091","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["8b267b84-11ef-e445-0591-a8a1b1d18092"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"8b267b84-11ef-e445-0591-a8a1b1d18092","text":true,"v":"Book a demo"},{"_id":"7660c989-01e9-9577-035d-aa3ae92bb01c","type":"Image","tag":"img","classes":["40d01e4c-8688-4ec8-c7a5-243ea3fd259b"],"children":[],"data":{"img":{"id":"647708465daf8dabd913eebf","sizes":[{"max":767,"size":"100vw"},{"max":10000,"size":"41vw"}]},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"src":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544.jpg","loading":"lazy","width":"auto","height":"auto","id":""},"visibility":{"conditions":[]}}}],"styles":[{"_id":"c038548f-a5f0-6dc6-8afb-9510943c1414","fake":false,"type":"class","name":"wrap_2-buttons","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e1d2a978-e3d3-1ed8-c6c5-37d225689aed","fake":false,"type":"class","name":"grid_1-2","namespace":"","comb":"","styleLess":"display: grid; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 50px; grid-row-gap: 50px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"small":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9661c403-029f-948b-6148-75e24da6f300","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: flex-start;","variants":{},"children":["1c4201e0-5e5e-d7eb-1800-c79e636758ae"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b995d38-894a-72c8-008f-1ed78550d922","fake":false,"type":"class","name":"wrap_body-color_half-image","namespace":"","comb":"","styleLess":"position: relative; overflow: hidden; 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":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"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":"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":"40d01e4c-8688-4ec8-c7a5-243ea3fd259b","fake":false,"type":"class","name":"half-image_r","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; width: 45%; height: 100%; object-fit: cover;","variants":{"small":{"styleLess":"display: none;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"034f2ed8-4e31-e61b-62a5-921b96716937","fake":false,"type":"class","name":"reverse-color","namespace":"","comb":"&","styleLess":"background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"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":"0a88df8e-a852-6cbb-bf1b-6d4604c49466","fake":false,"type":"class","name":"secondary","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); background-color: transparent; color: hsla(0, 0.00%, 10.00%, 1.00);","variants":{},"children":["94686e60-c9a6-e2fa-022d-83efef601083"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b32d8fd6-52b9-d38b-9724-211b4b536ecb","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 50px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; flex-direction: column; align-items: center;","variants":{},"children":["034f2ed8-4e31-e61b-62a5-921b96716937"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544.jpg","siteId":"647705ca3db454a2588a1856","width":1920,"isHD":false,"height":1275,"fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544.jpg","createdOn":"2023-05-31T08:41:42.350Z","origFileName":"pexels-pixabay-38544.jpg","fileHash":"512533c407286fd8d0c78749263583da","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-500.jpg","origFileName":"pexels-pixabay-38544-p-500.jpg","fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544-p-500.jpg","size":25730,"format":"jpg","width":500,"quality":100,"_id":"6477084847dae90a754f7572","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-800.jpg","origFileName":"pexels-pixabay-38544-p-800.jpg","fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544-p-800.jpg","size":55643,"format":"jpg","width":800,"quality":100,"_id":"6477084847dae90a754f7573","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-1080.jpg","origFileName":"pexels-pixabay-38544-p-1080.jpg","fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544-p-1080.jpg","size":89111,"format":"jpg","width":1080,"quality":100,"_id":"6477084847dae90a754f7574","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-1600.jpg","origFileName":"pexels-pixabay-38544-p-1600.jpg","fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544-p-1600.jpg","size":165362,"format":"jpg","width":1600,"quality":100,"_id":"6477084847dae90a754f7575","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-1600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544.jpg","thumbUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-130x130q80.jpg","_id":"647708465daf8dabd913eebf","updatedOn":"2023-05-31T09:00:03.415Z","fileSize":294455}],"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":"ea31dd7b-92c1-22f6-4d31-356c0e4a5053","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb","034f2ed8-4e31-e61b-62a5-921b96716937"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a5054"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a5054","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["dedbe44c-df69-2eff-9afa-702e72b6f86b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dedbe44c-df69-2eff-9afa-702e72b6f86b","type":"Block","tag":"div","classes":["4b995d38-894a-72c8-008f-1ed78550d922"],"children":["70276f86-fc6d-682b-6610-1c8f12aa5755","7660c989-01e9-9577-035d-aa3ae92bb01c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"70276f86-fc6d-682b-6610-1c8f12aa5755","type":"Block","tag":"div","classes":["e1d2a978-e3d3-1ed8-c6c5-37d225689aed"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a5056"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a5056","type":"Block","tag":"div","classes":["9661c403-029f-948b-6148-75e24da6f300"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a5057","ea31dd7b-92c1-22f6-4d31-356c0e4a5059","3867a71a-b67a-620c-628e-d65f2d49dbb4"],"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":"ea31dd7b-92c1-22f6-4d31-356c0e4a5057","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a5058"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a5058","text":true,"v":"Let's get you set up today."},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a5059","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a505a"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a505a","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":"3867a71a-b67a-620c-628e-d65f2d49dbb4","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a505b","8b267b84-11ef-e445-0591-a8a1b1d18091"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a505b","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":["ea31dd7b-92c1-22f6-4d31-356c0e4a505c"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"ea31dd7b-92c1-22f6-4d31-356c0e4a505c","text":true,"v":"Get started"},{"_id":"8b267b84-11ef-e445-0591-a8a1b1d18091","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["8b267b84-11ef-e445-0591-a8a1b1d18092"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"8b267b84-11ef-e445-0591-a8a1b1d18092","text":true,"v":"Book a demo"},{"_id":"7660c989-01e9-9577-035d-aa3ae92bb01c","type":"Image","tag":"img","classes":["40d01e4c-8688-4ec8-c7a5-243ea3fd259b"],"children":[],"data":{"img":{"id":"647708465daf8dabd913eebf","sizes":[{"max":767,"size":"100vw"},{"max":10000,"size":"41vw"}]},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"src":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544.jpg","loading":"lazy","width":"auto","height":"auto","id":""},"visibility":{"conditions":[]}}}],"styles":[{"_id":"c038548f-a5f0-6dc6-8afb-9510943c1414","fake":false,"type":"class","name":"wrap_2-buttons","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e1d2a978-e3d3-1ed8-c6c5-37d225689aed","fake":false,"type":"class","name":"grid_1-2","namespace":"","comb":"","styleLess":"display: grid; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 50px; grid-row-gap: 50px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"small":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9661c403-029f-948b-6148-75e24da6f300","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: flex-start;","variants":{},"children":["1c4201e0-5e5e-d7eb-1800-c79e636758ae"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b995d38-894a-72c8-008f-1ed78550d922","fake":false,"type":"class","name":"wrap_body-color_half-image","namespace":"","comb":"","styleLess":"position: relative; overflow: hidden; 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":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"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":"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":"40d01e4c-8688-4ec8-c7a5-243ea3fd259b","fake":false,"type":"class","name":"half-image_r","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; width: 45%; height: 100%; object-fit: cover;","variants":{"small":{"styleLess":"display: none;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"034f2ed8-4e31-e61b-62a5-921b96716937","fake":false,"type":"class","name":"reverse-color","namespace":"","comb":"&","styleLess":"background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"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":"0a88df8e-a852-6cbb-bf1b-6d4604c49466","fake":false,"type":"class","name":"secondary","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); background-color: transparent; color: hsla(0, 0.00%, 10.00%, 1.00);","variants":{},"children":["94686e60-c9a6-e2fa-022d-83efef601083"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b32d8fd6-52b9-d38b-9724-211b4b536ecb","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 50px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; flex-direction: column; align-items: center;","variants":{},"children":["034f2ed8-4e31-e61b-62a5-921b96716937"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544.jpg","siteId":"647705ca3db454a2588a1856","width":1920,"isHD":false,"height":1275,"fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544.jpg","createdOn":"2023-05-31T08:41:42.350Z","origFileName":"pexels-pixabay-38544.jpg","fileHash":"512533c407286fd8d0c78749263583da","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-500.jpg","origFileName":"pexels-pixabay-38544-p-500.jpg","fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544-p-500.jpg","size":25730,"format":"jpg","width":500,"quality":100,"_id":"6477084847dae90a754f7572","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-800.jpg","origFileName":"pexels-pixabay-38544-p-800.jpg","fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544-p-800.jpg","size":55643,"format":"jpg","width":800,"quality":100,"_id":"6477084847dae90a754f7573","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-1080.jpg","origFileName":"pexels-pixabay-38544-p-1080.jpg","fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544-p-1080.jpg","size":89111,"format":"jpg","width":1080,"quality":100,"_id":"6477084847dae90a754f7574","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-1600.jpg","origFileName":"pexels-pixabay-38544-p-1600.jpg","fileName":"647708465daf8dabd913eebf_pexels-pixabay-38544-p-1600.jpg","size":165362,"format":"jpg","width":1600,"quality":100,"_id":"6477084847dae90a754f7575","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-1600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544.jpg","thumbUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/647708465daf8dabd913eebf_pexels-pixabay-38544-p-130x130q80.jpg","_id":"647708465daf8dabd913eebf","updatedOn":"2023-05-31T09:00:03.415Z","fileSize":294455}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Half Image Contrast CTA is a visually striking call-to-action component designed to engage users with a compelling image and clear messaging. It effectively combines imagery with text to encourage user interaction.
Key Features:
- Responsive design with a grid layout
- Includes a prominent image on one side
- Features customizable headings and paragraphs
- Two call-to-action buttons for user engagement
- Flexible styling options for various applications
Design Elements:
- Half-image layout with contrasting text
- Rounded corners and shadow effects for depth
- Color scheme featuring white and dark tones
- Use of modern typography for clarity
Potential Use Cases:
- Landing pages for product promotions
- Service offerings for agencies
- Event registrations or bookings
- Lead generation forms for businesses
- Showcasing portfolio items for creatives
Conclusion: The Half Image Contrast CTA is a versatile and visually appealing component that can enhance user engagement across various web applications, making it an excellent choice for businesses looking to drive conversions.
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.