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":"d6d816b5-0a94-5aa1-2606-fb1abd4a53c8","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53c9"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53c9","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53ca"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53ca","type":"Block","tag":"div","classes":["89ef3631-9f02-a4d0-73de-f0874efc35af"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53cb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53cb","type":"Block","tag":"div","classes":["12fbbd8d-885d-44ef-9e46-4d463910b03a"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53cc","d6d816b5-0a94-5aa1-2606-fb1abd4a53ce","d6d816b5-0a94-5aa1-2606-fb1abd4a53d0"],"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":"d6d816b5-0a94-5aa1-2606-fb1abd4a53cc","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece","bd73952d-7fae-c233-299f-d1a4770f8055"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53cd"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53cd","text":true,"v":"Let's get you set up today."},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53ce","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488","a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53cf"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53cf","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":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d0","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53d1","d6d816b5-0a94-5aa1-2606-fb1abd4a53d3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d1","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","db8f9202-97eb-420b-8524-4baa61e3977e"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53d2"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d2","text":true,"v":"Get started"},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d3","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466","94686e60-c9a6-e2fa-022d-83efef601083"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53d4"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d4","text":true,"v":"Book a demo"}],"styles":[{"_id":"12fbbd8d-885d-44ef-9e46-4d463910b03a","fake":false,"type":"class","name":"content-wrap_center_m700","namespace":"","comb":"","styleLess":"display: flex; max-width: 700px; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_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":"89ef3631-9f02-a4d0-73de-f0874efc35af","fake":false,"type":"class","name":"wrap_cta-color","namespace":"","comb":"","styleLess":"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(208.00000000000003, 0.00%, 0.00%, 1.00);","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"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":"db8f9202-97eb-420b-8524-4baa61e3977e","fake":false,"type":"class","name":"reverse","namespace":"","comb":"&","styleLess":"border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-color: hsla(0, 0.00%, 100.00%, 1.00); background-color: hsla(0, 0.00%, 100.00%, 1.00); color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);","variants":{},"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":"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},{"_id":"94686e60-c9a6-e2fa-022d-83efef601083","fake":false,"type":"class","name":"reverse","namespace":"","comb":"&","styleLess":"background-color: transparent; color: hsla(0, 0.00%, 100.00%, 1.00);","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":"d6d816b5-0a94-5aa1-2606-fb1abd4a53c8","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53c9"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53c9","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53ca"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53ca","type":"Block","tag":"div","classes":["89ef3631-9f02-a4d0-73de-f0874efc35af"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53cb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53cb","type":"Block","tag":"div","classes":["12fbbd8d-885d-44ef-9e46-4d463910b03a"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53cc","d6d816b5-0a94-5aa1-2606-fb1abd4a53ce","d6d816b5-0a94-5aa1-2606-fb1abd4a53d0"],"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":"d6d816b5-0a94-5aa1-2606-fb1abd4a53cc","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece","bd73952d-7fae-c233-299f-d1a4770f8055"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53cd"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53cd","text":true,"v":"Let's get you set up today."},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53ce","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488","a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53cf"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53cf","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":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d0","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53d1","d6d816b5-0a94-5aa1-2606-fb1abd4a53d3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d1","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","db8f9202-97eb-420b-8524-4baa61e3977e"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53d2"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d2","text":true,"v":"Get started"},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d3","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466","94686e60-c9a6-e2fa-022d-83efef601083"],"children":["d6d816b5-0a94-5aa1-2606-fb1abd4a53d4"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"d6d816b5-0a94-5aa1-2606-fb1abd4a53d4","text":true,"v":"Book a demo"}],"styles":[{"_id":"12fbbd8d-885d-44ef-9e46-4d463910b03a","fake":false,"type":"class","name":"content-wrap_center_m700","namespace":"","comb":"","styleLess":"display: flex; max-width: 700px; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_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":"89ef3631-9f02-a4d0-73de-f0874efc35af","fake":false,"type":"class","name":"wrap_cta-color","namespace":"","comb":"","styleLess":"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(208.00000000000003, 0.00%, 0.00%, 1.00);","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"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":"db8f9202-97eb-420b-8524-4baa61e3977e","fake":false,"type":"class","name":"reverse","namespace":"","comb":"&","styleLess":"border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-color: hsla(0, 0.00%, 100.00%, 1.00); background-color: hsla(0, 0.00%, 100.00%, 1.00); color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);","variants":{},"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":"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},{"_id":"94686e60-c9a6-e2fa-022d-83efef601083","fake":false,"type":"class","name":"reverse","namespace":"","comb":"&","styleLess":"background-color: transparent; color: hsla(0, 0.00%, 100.00%, 1.00);","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
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Contrast Banner CTA is a visually striking call-to-action component designed to capture user attention and drive engagement. It features a prominent layout with customizable buttons and text elements.
Key Features:
- Flexible layout with responsive design
- Customizable text and button links
- Stylish rounded corners and padding for a modern look
- Supports external links for easy navigation
- Max-width of 700px for optimal display on various devices
Design Elements:
- Bold color scheme with high contrast for visibility
- Rounded corners and generous padding for a polished appearance
- Centered text alignment for clarity and focus
- Use of flexbox for responsive button arrangement
Potential Use Cases:
- Landing pages for product launches
- Service promotion for agencies or freelancers
- Event registration or demo booking for businesses
- Newsletter sign-up prompts for blogs or content sites
- Special offers or discounts for e-commerce sites
Conclusion: The Contrast Banner CTA is a versatile and eye-catching component that can enhance user engagement across various web applications, making it an excellent choice for businesses looking to boost conversions.