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":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be72","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc54"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be75"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","type":"Link","tag":"a","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be74"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be74","text":true,"v":"Upgrade"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be75","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be76"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be76","type":"Block","tag":"div","classes":["194cd90e-9755-4a2b-bf7a-cdbe11e39d93"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be78","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be79","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7b","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7c","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8d","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc55"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be78","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5b","caae45f9-6ecb-b414-c17b-79bfc22adc65"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2 19H22V21H2V19ZM2 5L7 8.5L12 2L17 8.5L22 5V17H2V5ZM4 8.841V15H20V8.841L16.58 11.235L12 5.28L7.42 11.235L4 8.84V8.841Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2 19H22V21H2V19ZM2 5L7 8.5L12 2L17 8.5L22 5V17H2V5ZM4 8.841V15H20V8.841L16.58 11.235L12 5.28L7.42 11.235L4 8.84V8.841Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be79","type":"Heading","tag":"h1","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc50"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7a","text":true,"v":"Upgrade to premium"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7b","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5d"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7c","type":"Grid","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc57","caae45f9-6ecb-b414-c17b-79bfc22adc66"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7d","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be81","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be85","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be89"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7d","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc60"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7e","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7e","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5a"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7f","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc58"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be80"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be80","text":true,"v":"Awesome feature "},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be81","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc60"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be82","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be83"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be82","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5a"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be83","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc58"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be84"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be84","text":true,"v":"Added benefits"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be85","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc60"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be86","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be87"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be86","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5a"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be87","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc58"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be88"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be88","text":true,"v":"Better value"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be89","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc60"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8a","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8a","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5a"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8b","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc58"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8c","text":true,"v":"Let's try it!"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8d","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc62"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8e","type":"Link","tag":"a","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-price:update","value":"price_ID"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8f","text":true,"v":"Upgrade ($9/m)"}],"styles":[{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc5b","fake":false,"type":"class","name":"large-icon","namespace":"","comb":"","styleLess":"display: flex; width: 50px; height: 50px; min-height: 50px; min-width: 50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: center; align-items: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(235, 100.00%, 97.54%, 1.00); color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);","variants":{"small":{"styleLess":"width: 36px;"}},"children":["caae45f9-6ecb-b414-c17b-79bfc22adc65"],"selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc55","fake":false,"type":"class","name":"icon_close","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 15px; right: 15px; bottom: auto; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(0, 0.00%, 0.00%, 1.00); cursor: pointer;","variants":{},"children":["e27b7bff-598d-a558-8267-ca1b5860d883"],"selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc54","fake":false,"type":"class","name":"clone-me","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc66","fake":false,"type":"class","name":"small-gap","namespace":"","comb":"&","styleLess":"grid-column-gap: 20px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc5d","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc65","fake":false,"type":"class","name":"no-margin_left","namespace":"","comb":"&","styleLess":"margin-left: 0px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc61","fake":false,"type":"class","name":"lightbox-modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2000; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.40);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc51","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 7px; padding-right: 16px; padding-bottom: 7px; padding-left: 16px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["d912e3fd-8552-a674-c763-6696ceb0cd17","abed96ac-6e6e-bc0b-c7c4-42158397adaf","ae945e35-270e-0b80-5b5e-b01a852e2439"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc62","fake":false,"type":"class","name":"spacer-30","namespace":"","comb":"","styleLess":"width: 100%; height: 30px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc5a","fake":false,"type":"class","name":"icon_secondary","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 17px; height: 17px; margin-top: 2px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; justify-content: center; align-items: center; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); color: hsla(233, 0.00%, 100.00%, 1.00);","variants":{},"children":["9fc685b8-0b7d-02cc-a2be-d58e321db27f"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc57","fake":false,"type":"class","name":"grid_2-1","namespace":"","comb":"","styleLess":"align-items: center; grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto;","variants":{"medium":{"styleLess":"display: flex; flex-direction: column; align-items: flex-start;"}},"children":["caae45f9-6ecb-b414-c17b-79bfc22adc66"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc58","fake":false,"type":"class","name":"label-small","namespace":"","comb":"","styleLess":"font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc50","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc60","fake":false,"type":"class","name":"feature-small","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 5px; grid-row-gap: 5px; color: hsla(225, 0.00%, 0.00%, 1.00);","variants":{},"children":["92801139-3a6d-7428-4630-1f3f6afc9f59"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"194cd90e-9755-4a2b-bf7a-cdbe11e39d93","fake":false,"type":"class","name":"modal_small","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: auto; max-width: 500px; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10); text-align: left;","variants":{"tiny":{"styleLess":"min-width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: left;"}},"children":["2d58c6e7-f659-5020-5389-c5f1646310b9"],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-11","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-21","e-22"],"target":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","createdOn":1686644866974},{"id":"i-12","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-23","e-24"],"target":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","createdOn":1686644866974}],"events":[{"id":"e-21","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-22"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644866974},{"id":"e-22","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644866974},{"id":"e-23","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-24"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644866974},{"id":"e-24","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644866974}],"actionLists":[{"id":"a-3","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-3-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-4","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-4-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-4-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be72","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc54"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be75"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","type":"Link","tag":"a","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be74"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be74","text":true,"v":"Upgrade"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be75","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be76"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be76","type":"Block","tag":"div","classes":["194cd90e-9755-4a2b-bf7a-cdbe11e39d93"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be78","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be79","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7b","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7c","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8d","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc55"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be78","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5b","caae45f9-6ecb-b414-c17b-79bfc22adc65"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2 19H22V21H2V19ZM2 5L7 8.5L12 2L17 8.5L22 5V17H2V5ZM4 8.841V15H20V8.841L16.58 11.235L12 5.28L7.42 11.235L4 8.84V8.841Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2 19H22V21H2V19ZM2 5L7 8.5L12 2L17 8.5L22 5V17H2V5ZM4 8.841V15H20V8.841L16.58 11.235L12 5.28L7.42 11.235L4 8.84V8.841Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be79","type":"Heading","tag":"h1","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc50"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7a","text":true,"v":"Upgrade to premium"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7b","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5d"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7c","type":"Grid","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc57","caae45f9-6ecb-b414-c17b-79bfc22adc66"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7d","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be81","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be85","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be89"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7d","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc60"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7e","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7e","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5a"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be7f","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc58"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be80"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be80","text":true,"v":"Awesome feature "},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be81","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc60"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be82","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be83"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be82","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5a"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be83","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc58"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be84"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be84","text":true,"v":"Added benefits"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be85","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc60"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be86","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be87"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be86","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5a"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be87","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc58"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be88"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be88","text":true,"v":"Better value"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be89","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc60"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8a","a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8a","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc5a"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0002 15.172L19.1922 5.979L20.6072 7.393L10.0002 18L3.63623 11.636L5.05023 10.222L10.0002 15.172Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8b","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc58"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8c","text":true,"v":"Let's try it!"},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8d","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc62"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8e","type":"Link","tag":"a","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51"],"children":["a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-price:update","value":"price_ID"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be8f","text":true,"v":"Upgrade ($9/m)"}],"styles":[{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc5b","fake":false,"type":"class","name":"large-icon","namespace":"","comb":"","styleLess":"display: flex; width: 50px; height: 50px; min-height: 50px; min-width: 50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: center; align-items: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(235, 100.00%, 97.54%, 1.00); color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);","variants":{"small":{"styleLess":"width: 36px;"}},"children":["caae45f9-6ecb-b414-c17b-79bfc22adc65"],"selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc55","fake":false,"type":"class","name":"icon_close","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 15px; right: 15px; bottom: auto; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(0, 0.00%, 0.00%, 1.00); cursor: pointer;","variants":{},"children":["e27b7bff-598d-a558-8267-ca1b5860d883"],"selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc54","fake":false,"type":"class","name":"clone-me","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc66","fake":false,"type":"class","name":"small-gap","namespace":"","comb":"&","styleLess":"grid-column-gap: 20px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc5d","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc65","fake":false,"type":"class","name":"no-margin_left","namespace":"","comb":"&","styleLess":"margin-left: 0px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc61","fake":false,"type":"class","name":"lightbox-modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2000; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.40);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc51","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 7px; padding-right: 16px; padding-bottom: 7px; padding-left: 16px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["d912e3fd-8552-a674-c763-6696ceb0cd17","abed96ac-6e6e-bc0b-c7c4-42158397adaf","ae945e35-270e-0b80-5b5e-b01a852e2439"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc62","fake":false,"type":"class","name":"spacer-30","namespace":"","comb":"","styleLess":"width: 100%; height: 30px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc5a","fake":false,"type":"class","name":"icon_secondary","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 17px; height: 17px; margin-top: 2px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; justify-content: center; align-items: center; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); color: hsla(233, 0.00%, 100.00%, 1.00);","variants":{},"children":["9fc685b8-0b7d-02cc-a2be-d58e321db27f"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc57","fake":false,"type":"class","name":"grid_2-1","namespace":"","comb":"","styleLess":"align-items: center; grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto;","variants":{"medium":{"styleLess":"display: flex; flex-direction: column; align-items: flex-start;"}},"children":["caae45f9-6ecb-b414-c17b-79bfc22adc66"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc58","fake":false,"type":"class","name":"label-small","namespace":"","comb":"","styleLess":"font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc50","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc60","fake":false,"type":"class","name":"feature-small","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 5px; grid-row-gap: 5px; color: hsla(225, 0.00%, 0.00%, 1.00);","variants":{},"children":["92801139-3a6d-7428-4630-1f3f6afc9f59"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"194cd90e-9755-4a2b-bf7a-cdbe11e39d93","fake":false,"type":"class","name":"modal_small","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: auto; max-width: 500px; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10); text-align: left;","variants":{"tiny":{"styleLess":"min-width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: left;"}},"children":["2d58c6e7-f659-5020-5389-c5f1646310b9"],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-11","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-21","e-22"],"target":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","createdOn":1686644866974},{"id":"i-12","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-23","e-24"],"target":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","createdOn":1686644866974}],"events":[{"id":"e-21","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-22"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644866974},{"id":"e-22","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be73","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644866974},{"id":"e-23","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-24"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644866974},{"id":"e-24","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|a5f3c0e2-5cba-c322-4aaf-ffdf2cc0be77","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644866974}],"actionLists":[{"id":"a-3","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-3-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-4","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-4-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-4-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"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 Small Upgrade Modal is a user-friendly component designed to prompt users to upgrade to a premium version of a service or product. It features a clean layout with interactive elements to enhance user engagement.
Key Features:
- Responsive design suitable for various screen sizes
- Includes an upgrade button with a clear pricing indication
- Grid layout for displaying features and benefits
- Easy integration with existing Webflow projects
Design Elements:
- Lightbox modal style with a semi-transparent background
- Rounded corners and shadow effects for a modern look
- Color scheme featuring shades of blue and white for a clean aesthetic
- Flexbox layout for alignment and spacing of elements
Potential Use Cases:
- SaaS companies looking to promote premium subscriptions
- E-commerce websites offering upgraded product features
- Online services wanting to encourage users to upgrade their plans
- Mobile applications needing a simple upgrade prompt
- Membership sites aiming to convert free users to paid members
Conclusion: The Small Upgrade Modal is a versatile and visually appealing component that effectively encourages users to consider upgrading, making it a valuable addition to any Webflow project.
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.