Loading Component...

Loading

More Components

View All
Part of

Elegant Upgrade Pop-up

Oops! Something went wrong while submitting the form.
Elegant Upgrade Pop-up
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ad504d7e-b57c-5f19-9bb0-1704cb0352a5","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["57aeebe4-c968-81f2-fe07-a1d3ab1b3bf4","b25578cd-a293-ab17-ad8e-7e955e283a57"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"57aeebe4-c968-81f2-fe07-a1d3ab1b3bf4","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"b25578cd-a293-ab17-ad8e-7e955e283a57","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["c473eac3-4aab-53bd-af32-92784ca4d75d"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c473eac3-4aab-53bd-af32-92784ca4d75d","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["4fc57a96-cd61-ecd4-4c26-a9079d836ec1"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4fc57a96-cd61-ecd4-4c26-a9079d836ec1","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["882567a4-dd31-9b67-a73c-30c3c395f6ef"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"882567a4-dd31-9b67-a73c-30c3c395f6ef","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["d4bc420e-fe7c-7375-2ee6-898e34502df2"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d4bc420e-fe7c-7375-2ee6-898e34502df2","type":"Block","tag":"div","classes":["a1041b82-9b76-b5c7-441e-f348cecf06d8"],"children":["7adc79d0-da81-153b-a286-386664def7a9","61cfb5e6-3942-aa69-c48e-e5f3128ac51a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7adc79d0-da81-153b-a286-386664def7a9","type":"Block","tag":"div","classes":["f3b56ed6-7127-9e8d-16e7-88f814bb688f"],"children":["f5cf1fc0-c333-dda3-60e5-a58a2b025fca","941c44cb-7f5c-cf0f-fb3e-2c4a69fb245a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f5cf1fc0-c333-dda3-60e5-a58a2b025fca","type":"Block","tag":"div","classes":["34c5638a-3caf-6fc6-c341-79425336c601"],"children":["525df184-681c-1df3-a004-3be16d9789ab","d3a063b1-e05f-c9be-b5ff-0548358492c1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"525df184-681c-1df3-a004-3be16d9789ab","type":"Heading","tag":"h1","classes":["ae21c347-47f7-413f-8dfd-b2eed7abc3dc"],"children":["747cccdf-298c-db06-cb2a-c02428869218"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"747cccdf-298c-db06-cb2a-c02428869218","text":true,"v":"Upgrade to pro"},{"_id":"d3a063b1-e05f-c9be-b5ff-0548358492c1","type":"Block","tag":"div","classes":["5ac079b0-23ae-9865-350e-ddfb24d7bba3"],"children":["ab2c80e0-a3f9-b14a-0c86-1c6cef34eeef"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ab2c80e0-a3f9-b14a-0c86-1c6cef34eeef","text":true,"v":"Get 100 GB of Space, Unlimited Team Members, and Additional Benefits"},{"_id":"941c44cb-7f5c-cf0f-fb3e-2c4a69fb245a","type":"Block","tag":"div","classes":["1dfd89cf-7df6-69dc-c220-eed5c7e4abfa"],"children":["0b1676bb-e73e-ca28-c06a-626e20b6e0e2","982d6973-1e94-5622-3a5a-79c61b4d5f05"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0b1676bb-e73e-ca28-c06a-626e20b6e0e2","type":"Link","tag":"a","classes":["36b81a3d-5cb8-cbbf-eb70-4573144fcdef"],"children":["8f5b1b77-eb65-fceb-0abf-c310e79cd1ba"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-price:update","value":""}],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"8f5b1b77-eb65-fceb-0abf-c310e79cd1ba","text":true,"v":"Upgrade"},{"_id":"982d6973-1e94-5622-3a5a-79c61b4d5f05","type":"Link","tag":"a","classes":["36b81a3d-5cb8-cbbf-eb70-4573144fcdef","0a5567bb-e571-b0aa-07c7-41835c93ab87"],"children":["25e6762a-10e0-a52a-fb1f-e1b17430fdd2"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"25e6762a-10e0-a52a-fb1f-e1b17430fdd2","text":true,"v":"Compare plan"},{"_id":"61cfb5e6-3942-aa69-c48e-e5f3128ac51a","type":"Link","tag":"a","classes":["084c5e87-7b3e-d954-a353-0cde87be56ef"],"children":["36c9c021-cca5-1688-c34d-096f62cf9b46"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"36c9c021-cca5-1688-c34d-096f62cf9b46","type":"Image","tag":"img","classes":[],"children":[],"data":{"img":{"id":"6673ef7663bcb782a99b7119"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6673d68647cb94e6391a6995/6673ef7663bcb782a99b7119_cross-svgrepo-com%20(2).svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 70rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"f3b56ed6-7127-9e8d-16e7-88f814bb688f","fake":false,"type":"class","name":"upgrade_left","namespace":"","comb":"","styleLess":"display: flex; width: 67%; padding-top: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 40px; grid-row-gap: 40px;","variants":{"medium":{"styleLess":"width: 100%; padding-top: 20px; padding-bottom: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-top: 40px; padding-bottom: 40px;"},"tiny":{"styleLess":"padding-bottom: 20px; padding-left: 0px; grid-column-gap: 20px; grid-row-gap: 20px;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"0a5567bb-e571-b0aa-07c7-41835c93ab87","fake":false,"type":"class","name":"color","namespace":"","comb":"&","styleLess":"background-color: #202642; color: #b0b8da; letter-spacing: 0px;","variants":{},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"a1041b82-9b76-b5c7-441e-f348cecf06d8","fake":false,"type":"class","name":"upgrade_wrap","namespace":"","comb":"","styleLess":"display: flex; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 40px; grid-row-gap: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: #202642; border-right-style: solid; border-right-width: 2px; border-right-color: #202642; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #202642; border-left-style: solid; border-left-width: 2px; border-left-color: #202642; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-color: #101425;","variants":{"medium":{"styleLess":"grid-column-gap: 0px; grid-row-gap: 0px;"},"tiny":{"styleLess":"position: relative; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_upgrade","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #0b0e1c; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"36b81a3d-5cb8-cbbf-eb70-4573144fcdef","fake":false,"type":"class","name":"upgrade_button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 15px; padding-right: 40px; padding-bottom: 15px; padding-left: 40px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 2px; border-top-color: #101425; border-right-style: solid; border-right-width: 2px; border-right-color: #101425; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #101425; border-left-style: solid; border-left-width: 2px; border-left-color: #101425; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #5253cf; box-shadow: 0 0 0 5px #181d36; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; font-size: 1.6rem; font-weight: 500;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"main_hover":{"styleLess":"transform: translate(0px, 5px);"}},"children":["0a5567bb-e571-b0aa-07c7-41835c93ab87"],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"5ac079b0-23ae-9865-350e-ddfb24d7bba3","fake":false,"type":"class","name":"upgrade_text","namespace":"","comb":"","styleLess":"color: #adb4d5; font-size: 1.5rem;","variants":{"tiny":{"styleLess":"font-size: 1.25rem;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"1dfd89cf-7df6-69dc-c220-eed5c7e4abfa","fake":false,"type":"class","name":"upgrade_button-box","namespace":"","comb":"","styleLess":"display: flex; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":["7a939e34-2e29-fc61-dfa7-e4140662ba37"],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"084c5e87-7b3e-d954-a353-0cde87be56ef","fake":false,"type":"class","name":"upgrade_cross-box","namespace":"","comb":"","styleLess":"display: flex; width: 30px; height: 30px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; justify-content: center; align-items: center; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; background-color: #181d36;","variants":{"tiny":{"styleLess":"position: absolute; left: auto; top: 4%; right: 5%; bottom: auto;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"origin":null,"selector":null},{"_id":"34c5638a-3caf-6fc6-c341-79425336c601","fake":false,"type":"class","name":"upgrade_text-box","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-auto-columns: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto;","variants":{},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"ae21c347-47f7-413f-8dfd-b2eed7abc3dc","fake":false,"type":"class","name":"upgrade_heading","namespace":"","comb":"","styleLess":"color: #eef2ff; font-size: 2.5rem; font-weight: 500;","variants":{"tiny":{"styleLess":"font-size: 2rem;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6673d68647cb94e6391a6995/6673ef7663bcb782a99b7119_cross-svgrepo-com%20(2).svg","siteId":"6673d68647cb94e6391a6995","width":64,"isHD":false,"height":64,"fileName":"6673ef7663bcb782a99b7119_cross-svgrepo-com (2).svg","createdOn":"2024-06-20T08:59:34.118Z","origFileName":"cross-svgrepo-com (2).svg","fileHash":"f8a7a5614d20f32fb95668d973388cd4","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6673d68647cb94e6391a6995/6673ef7663bcb782a99b7119_cross-svgrepo-com%20(2).svg","thumbUrl":"https://cdn.prod.website-files.com/6673d68647cb94e6391a6995/6673ef7663bcb782a99b7119_cross-svgrepo-com%20(2).svg","_id":"6673ef7663bcb782a99b7119","updatedOn":"2024-06-20T08:59:34.118Z","fileSize":807,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ad504d7e-b57c-5f19-9bb0-1704cb0352a5","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["57aeebe4-c968-81f2-fe07-a1d3ab1b3bf4","b25578cd-a293-ab17-ad8e-7e955e283a57"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"57aeebe4-c968-81f2-fe07-a1d3ab1b3bf4","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"b25578cd-a293-ab17-ad8e-7e955e283a57","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["c473eac3-4aab-53bd-af32-92784ca4d75d"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c473eac3-4aab-53bd-af32-92784ca4d75d","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["4fc57a96-cd61-ecd4-4c26-a9079d836ec1"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4fc57a96-cd61-ecd4-4c26-a9079d836ec1","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["882567a4-dd31-9b67-a73c-30c3c395f6ef"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"882567a4-dd31-9b67-a73c-30c3c395f6ef","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["d4bc420e-fe7c-7375-2ee6-898e34502df2"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d4bc420e-fe7c-7375-2ee6-898e34502df2","type":"Block","tag":"div","classes":["a1041b82-9b76-b5c7-441e-f348cecf06d8"],"children":["7adc79d0-da81-153b-a286-386664def7a9","61cfb5e6-3942-aa69-c48e-e5f3128ac51a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7adc79d0-da81-153b-a286-386664def7a9","type":"Block","tag":"div","classes":["f3b56ed6-7127-9e8d-16e7-88f814bb688f"],"children":["f5cf1fc0-c333-dda3-60e5-a58a2b025fca","941c44cb-7f5c-cf0f-fb3e-2c4a69fb245a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f5cf1fc0-c333-dda3-60e5-a58a2b025fca","type":"Block","tag":"div","classes":["34c5638a-3caf-6fc6-c341-79425336c601"],"children":["525df184-681c-1df3-a004-3be16d9789ab","d3a063b1-e05f-c9be-b5ff-0548358492c1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"525df184-681c-1df3-a004-3be16d9789ab","type":"Heading","tag":"h1","classes":["ae21c347-47f7-413f-8dfd-b2eed7abc3dc"],"children":["747cccdf-298c-db06-cb2a-c02428869218"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"747cccdf-298c-db06-cb2a-c02428869218","text":true,"v":"Upgrade to pro"},{"_id":"d3a063b1-e05f-c9be-b5ff-0548358492c1","type":"Block","tag":"div","classes":["5ac079b0-23ae-9865-350e-ddfb24d7bba3"],"children":["ab2c80e0-a3f9-b14a-0c86-1c6cef34eeef"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ab2c80e0-a3f9-b14a-0c86-1c6cef34eeef","text":true,"v":"Get 100 GB of Space, Unlimited Team Members, and Additional Benefits"},{"_id":"941c44cb-7f5c-cf0f-fb3e-2c4a69fb245a","type":"Block","tag":"div","classes":["1dfd89cf-7df6-69dc-c220-eed5c7e4abfa"],"children":["0b1676bb-e73e-ca28-c06a-626e20b6e0e2","982d6973-1e94-5622-3a5a-79c61b4d5f05"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0b1676bb-e73e-ca28-c06a-626e20b6e0e2","type":"Link","tag":"a","classes":["36b81a3d-5cb8-cbbf-eb70-4573144fcdef"],"children":["8f5b1b77-eb65-fceb-0abf-c310e79cd1ba"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-price:update","value":""}],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"8f5b1b77-eb65-fceb-0abf-c310e79cd1ba","text":true,"v":"Upgrade"},{"_id":"982d6973-1e94-5622-3a5a-79c61b4d5f05","type":"Link","tag":"a","classes":["36b81a3d-5cb8-cbbf-eb70-4573144fcdef","0a5567bb-e571-b0aa-07c7-41835c93ab87"],"children":["25e6762a-10e0-a52a-fb1f-e1b17430fdd2"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"25e6762a-10e0-a52a-fb1f-e1b17430fdd2","text":true,"v":"Compare plan"},{"_id":"61cfb5e6-3942-aa69-c48e-e5f3128ac51a","type":"Link","tag":"a","classes":["084c5e87-7b3e-d954-a353-0cde87be56ef"],"children":["36c9c021-cca5-1688-c34d-096f62cf9b46"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"36c9c021-cca5-1688-c34d-096f62cf9b46","type":"Image","tag":"img","classes":[],"children":[],"data":{"img":{"id":"6673ef7663bcb782a99b7119"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6673d68647cb94e6391a6995/6673ef7663bcb782a99b7119_cross-svgrepo-com%20(2).svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 70rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"f3b56ed6-7127-9e8d-16e7-88f814bb688f","fake":false,"type":"class","name":"upgrade_left","namespace":"","comb":"","styleLess":"display: flex; width: 67%; padding-top: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 40px; grid-row-gap: 40px;","variants":{"medium":{"styleLess":"width: 100%; padding-top: 20px; padding-bottom: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-top: 40px; padding-bottom: 40px;"},"tiny":{"styleLess":"padding-bottom: 20px; padding-left: 0px; grid-column-gap: 20px; grid-row-gap: 20px;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"0a5567bb-e571-b0aa-07c7-41835c93ab87","fake":false,"type":"class","name":"color","namespace":"","comb":"&","styleLess":"background-color: #202642; color: #b0b8da; letter-spacing: 0px;","variants":{},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"a1041b82-9b76-b5c7-441e-f348cecf06d8","fake":false,"type":"class","name":"upgrade_wrap","namespace":"","comb":"","styleLess":"display: flex; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 40px; grid-row-gap: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: #202642; border-right-style: solid; border-right-width: 2px; border-right-color: #202642; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #202642; border-left-style: solid; border-left-width: 2px; border-left-color: #202642; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-color: #101425;","variants":{"medium":{"styleLess":"grid-column-gap: 0px; grid-row-gap: 0px;"},"tiny":{"styleLess":"position: relative; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_upgrade","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #0b0e1c; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"36b81a3d-5cb8-cbbf-eb70-4573144fcdef","fake":false,"type":"class","name":"upgrade_button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 15px; padding-right: 40px; padding-bottom: 15px; padding-left: 40px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 2px; border-top-color: #101425; border-right-style: solid; border-right-width: 2px; border-right-color: #101425; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #101425; border-left-style: solid; border-left-width: 2px; border-left-color: #101425; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #5253cf; box-shadow: 0 0 0 5px #181d36; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; font-size: 1.6rem; font-weight: 500;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"main_hover":{"styleLess":"transform: translate(0px, 5px);"}},"children":["0a5567bb-e571-b0aa-07c7-41835c93ab87"],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"5ac079b0-23ae-9865-350e-ddfb24d7bba3","fake":false,"type":"class","name":"upgrade_text","namespace":"","comb":"","styleLess":"color: #adb4d5; font-size: 1.5rem;","variants":{"tiny":{"styleLess":"font-size: 1.25rem;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"1dfd89cf-7df6-69dc-c220-eed5c7e4abfa","fake":false,"type":"class","name":"upgrade_button-box","namespace":"","comb":"","styleLess":"display: flex; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":["7a939e34-2e29-fc61-dfa7-e4140662ba37"],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"084c5e87-7b3e-d954-a353-0cde87be56ef","fake":false,"type":"class","name":"upgrade_cross-box","namespace":"","comb":"","styleLess":"display: flex; width: 30px; height: 30px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; justify-content: center; align-items: center; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; background-color: #181d36;","variants":{"tiny":{"styleLess":"position: absolute; left: auto; top: 4%; right: 5%; bottom: auto;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"origin":null,"selector":null},{"_id":"34c5638a-3caf-6fc6-c341-79425336c601","fake":false,"type":"class","name":"upgrade_text-box","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-auto-columns: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto;","variants":{},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null},{"_id":"ae21c347-47f7-413f-8dfd-b2eed7abc3dc","fake":false,"type":"class","name":"upgrade_heading","namespace":"","comb":"","styleLess":"color: #eef2ff; font-size: 2.5rem; font-weight: 500;","variants":{"tiny":{"styleLess":"font-size: 2rem;"}},"children":[],"createdBy":"6628b15266437b0ebcee2531","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6673d68647cb94e6391a6995/6673ef7663bcb782a99b7119_cross-svgrepo-com%20(2).svg","siteId":"6673d68647cb94e6391a6995","width":64,"isHD":false,"height":64,"fileName":"6673ef7663bcb782a99b7119_cross-svgrepo-com (2).svg","createdOn":"2024-06-20T08:59:34.118Z","origFileName":"cross-svgrepo-com (2).svg","fileHash":"f8a7a5614d20f32fb95668d973388cd4","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6673d68647cb94e6391a6995/6673ef7663bcb782a99b7119_cross-svgrepo-com%20(2).svg","thumbUrl":"https://cdn.prod.website-files.com/6673d68647cb94e6391a6995/6673ef7663bcb782a99b7119_cross-svgrepo-com%20(2).svg","_id":"6673ef7663bcb782a99b7119","updatedOn":"2024-06-20T08:59:34.118Z","fileSize":807,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

This sleek, dark-themed pop-up is designed to promote a Pro plan upgrade, offering users 200GB of space and unlimited team members, with clear call-to-action buttons for upgrading or comparing plans.

Key Features:

  • Dark-themed UI for a modern look
  • Clear call-to-action buttons for upgrading and plan comparison
  • Responsive design for various devices

Design Elements:

  • Sleek and modern dark color scheme
  • Rounded corners and shadow effects for depth
  • Crisp typography for better legibility
  • Flexbox layout for responsive design

Potential Use Cases:

  • SaaS companies looking to promote premium subscriptions
  • E-commerce platforms offering membership upgrades
  • Online services needing to highlight premium features
  • Web applications aiming to enhance user engagement
  • Startups wanting to showcase their premium offerings

Conclusion: The Elegant Upgrade Pop-up is a versatile and visually appealing component that effectively encourages users to upgrade their plans, making it suitable for various online businesses.

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.