Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
.png)
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":"c3fe7aa4-b991-e23b-1b9a-94b6eedec98f","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["3e04d8bf-2ba0-8eea-3204-ef5f867dfc03","1a049c74-959f-b859-916b-ca53cc07b518"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3e04d8bf-2ba0-8eea-3204-ef5f867dfc03","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":"1a049c74-959f-b859-916b-ca53cc07b518","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["95452658-bffa-c521-8459-690edec28548"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95452658-bffa-c521-8459-690edec28548","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["ed6d1334-62e9-1161-d85d-ec238485e158"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ed6d1334-62e9-1161-d85d-ec238485e158","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","6a78a7bc-3441-ff92-fd9e-2442016c505e"],"children":["b45381bc-a147-79db-b883-458f13457ae5"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b45381bc-a147-79db-b883-458f13457ae5","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["7e011de9-305b-ddbc-a8a2-cd692a3ebc38"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e011de9-305b-ddbc-a8a2-cd692a3ebc38","type":"Block","tag":"div","classes":["73f54b7d-83f5-bb89-7b9f-50ebd8d572e6"],"children":["656ad203-fd90-c3d0-d419-14ecb46e8960"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"656ad203-fd90-c3d0-d419-14ecb46e8960","type":"Block","tag":"div","classes":["764ffe9e-fa1f-2e00-a3b6-67747d306750"],"children":["6c4fbd8e-2841-e5a8-3c44-07f0dcb2428e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6c4fbd8e-2841-e5a8-3c44-07f0dcb2428e","type":"Grid","tag":"div","classes":["e222e822-e11f-e2cf-f16f-09affc3fc102"],"children":["a1b3ebec-7ece-d193-e05e-d0e8f52ed20b","c76392ee-0622-01ed-38dd-1865e07e4e62"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"div","grid":"two-by-two"}},{"_id":"a1b3ebec-7ece-d193-e05e-d0e8f52ed20b","type":"Block","tag":"div","classes":["8b863792-c3c7-d9e9-921a-ade860ada253"],"children":["9c4d3cfb-3570-d1cf-ae84-6e004852edd8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"medium":{"noPseudo":{"gridRowStart":"span 1","gridRowEnd":"span 1","gridColumnStart":"span 1","gridColumnEnd":"span 1"}}}}}},{"_id":"9c4d3cfb-3570-d1cf-ae84-6e004852edd8","type":"Animation","tag":"div","classes":["411daa19-ad03-a3bc-0796-f1e067df6309"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"path":{"src":"https://cdn.prod.website-files.com/67610c6ebe9aa0e6d8b91a29/6763e02dbfb0a11be28bc3b6_Animation%20-%201734598669849.json","origFileName":"Animation - 1734598669849.json","totalDuration":4.066666666666666},"renderMode":"svg","loop":true,"playInReverse":false}},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c76392ee-0622-01ed-38dd-1865e07e4e62","type":"Block","tag":"div","classes":["bf1b357f-eec5-f0a3-2e4a-9afd84b6533a"],"children":["014be695-cabd-1a2e-2190-0b789bbb8406","1ca1bc98-6ab3-db9a-8c60-c8cd2b96fe23"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{}},"small":{"noPseudo":{}}}}}},{"_id":"014be695-cabd-1a2e-2190-0b789bbb8406","type":"Block","tag":"div","classes":["47d4d311-09eb-bc75-49b3-2e34ad01ea3d"],"children":["6a9777f2-1064-b6fc-74db-e006ca930b52","646f8612-93c0-7604-78eb-9058f2b5b28a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a9777f2-1064-b6fc-74db-e006ca930b52","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27140","52a54ecc-0060-abcb-8ac1-e51b5883d3db"],"children":["70caa73a-0823-ae61-24b4-22e34f16e5fa"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"70caa73a-0823-ae61-24b4-22e34f16e5fa","text":true,"v":"This Page Can’t Be Found"},{"_id":"646f8612-93c0-7604-78eb-9058f2b5b28a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27122","47297ea0-eacb-c6a3-beb5-c1e03def6d32","7503743f-fe94-f60e-8454-4069298bbd3e"],"children":["3943ed98-9017-bed5-b18e-ccacbbc7daa1"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3943ed98-9017-bed5-b18e-ccacbbc7daa1","text":true,"v":"Sorry, the page you're looking for doesn’t exist. Maybe try searching or return to the homepage."},{"_id":"1ca1bc98-6ab3-db9a-8c60-c8cd2b96fe23","type":"Block","tag":"div","classes":["79aaabc1-4afc-f396-9684-885bda7d133f"],"children":["386f45f1-3835-eeb7-80a5-379391de25f3","9d954c48-41cb-3343-2659-3b92147f3181"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"386f45f1-3835-eeb7-80a5-379391de25f3","type":"Link","tag":"a","classes":["39a8d940-fc09-e082-f85f-882fe6e5d237"],"children":["7b8f0de5-250d-96c2-17ad-6634b3635c09"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"7b8f0de5-250d-96c2-17ad-6634b3635c09","text":true,"v":"Go Back Home"},{"_id":"9d954c48-41cb-3343-2659-3b92147f3181","type":"Link","tag":"a","classes":["39a8d940-fc09-e082-f85f-882fe6e5d237","6382ea84-75df-645c-1b1f-0ee1913a1d7e"],"children":["5918fc8e-add7-16b3-501f-78b2565d959d"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"5918fc8e-add7-16b3-501f-78b2565d959d","text":true,"v":"Help"}],"styles":[{"_id":"8b863792-c3c7-d9e9-921a-ade860ada253","fake":false,"type":"class","name":"gated_top-wrap","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 5px; grid-row-gap: 5px;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"79aaabc1-4afc-f396-9684-885bda7d133f","fake":false,"type":"class","name":"gated_button-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-top: 60px; justify-content: center; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap; align-items: stretch;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"bf1b357f-eec5-f0a3-2e4a-9afd84b6533a","fake":false,"type":"class","name":"gated_content-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: stretch; grid-column-gap: 0px; grid-row-gap: 0px; text-align: center;","variants":{"tiny":{"styleLess":"max-width: 100%;"},"medium":{"styleLess":"max-width: 550px;"}},"children":["40c5346c-f6cd-e87d-613e-bcb04b102251"],"createdBy":"66e97bb9b1fd5a7fc780cd04","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","6a78a7bc-3441-ff92-fd9e-2442016c505e"],"origin":null,"selector":null},{"_id":"764ffe9e-fa1f-2e00-a3b6-67747d306750","fake":false,"type":"class","name":"gated_main-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 90%; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: #ff6129; border-right-style: solid; border-right-width: 1px; border-right-color: #ff6129; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ff6129; border-left-style: solid; border-left-width: 1px; border-left-color: #ff6129; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: white; box-shadow: none /* inset 0 0 40px 0 hsla(15.700934579439252, 100.00%, 58.04%, 0.30) */;","variants":{"small":{"styleLess":"max-width: 420px;"},"tiny":{"styleLess":"width: 100%;"}},"children":["01724225-575b-e1f1-608c-969aa78376e6"],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27140","fake":false,"type":"class","name":"text-size-large","namespace":"","comb":"","styleLess":"font-size: 2.5rem;","variants":{"small":{"styleLess":"font-size: 2rem;"},"tiny":{"styleLess":"font-size: 1.8rem;"},"medium":{"styleLess":"font-size: 2.8rem;"}},"children":["52a54ecc-0060-abcb-8ac1-e51b5883d3db"],"origin":null,"selector":null},{"_id":"73f54b7d-83f5-bb89-7b9f-50ebd8d572e6","fake":false,"type":"class","name":"gated_wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"e222e822-e11f-e2cf-f16f-09affc3fc102","fake":false,"type":"class","name":"gated_grid","namespace":"","comb":"","styleLess":"overflow: hidden; height: 500px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"height: auto; grid-template-columns: 1fr;"},"small":{"styleLess":"grid-template-columns: 1fr;"},"tiny":{"styleLess":"width: 100%; padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","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":"7503743f-fe94-f60e-8454-4069298bbd3e","fake":false,"type":"class","name":"is-margin","namespace":"","comb":"&","styleLess":"margin-top: 10px;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"gated_section","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; min-height: 100svh; flex-direction: column; justify-content: center; align-items: stretch; background-image: radial-gradient(circle farthest-corner at 50% 50%, hsla(204.81203007518798, 0.00%, 100.00%, 1.00), hsla(15.700934579439252, 100.00%, 58.04%, 0.16));","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"47297ea0-eacb-c6a3-beb5-c1e03def6d32","fake":false,"type":"class","name":"text-weight-light","namespace":"","comb":"&","styleLess":"","variants":{},"children":["7503743f-fe94-f60e-8454-4069298bbd3e"],"createdBy":"66e97bb9b1fd5a7fc780cd04","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":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"52a54ecc-0060-abcb-8ac1-e51b5883d3db","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":["1fb4445d-56b7-3deb-e947-ab392a505e75"],"createdBy":"66e97bb9b1fd5a7fc780cd04","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":"47d4d311-09eb-bc75-49b3-2e34ad01ea3d","fake":false,"type":"class","name":"gated_title-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"6a78a7bc-3441-ff92-fd9e-2442016c505e","fake":false,"type":"class","name":"padding-section-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"6382ea84-75df-645c-1b1f-0ee1913a1d7e","fake":false,"type":"class","name":"is-second","namespace":"","comb":"&","styleLess":"border-top-color: #ff6129; border-right-color: #ff6129; border-bottom-color: #ff6129; border-left-color: #ff6129; background-color: hsla(204.81203007518798, 0.00%, 0.00%, 0.00); color: #ff6129;","variants":{"main_hover":{"styleLess":"background-color: #ff6129; color: hsla(204.81203007518798, 0.00%, 100.00%, 1.00);"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"411daa19-ad03-a3bc-0796-f1e067df6309","fake":false,"type":"class","name":"gated_lottie-animation","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 60%;"},"small":{"styleLess":"width: 70%;"},"tiny":{"styleLess":"width: 100%;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27122","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"","styleLess":"font-size: 1rem;","variants":{"tiny":{"styleLess":"font-size: 0.9rem;"}},"children":["47297ea0-eacb-c6a3-beb5-c1e03def6d32"],"origin":null,"selector":null},{"_id":"39a8d940-fc09-e082-f85f-882fe6e5d237","fake":false,"type":"class","name":"gated_button","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: transparent; border-right-style: solid; border-right-width: 2px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 2px; border-left-color: transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #ff6129; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: white; font-weight: 500;","variants":{"main_hover":{"styleLess":"border-top-color: #ff6129; border-right-color: #ff6129; border-bottom-color: #ff6129; border-left-color: #ff6129; background-color: transparent; color: #ff6129;"},"tiny":{"styleLess":"padding-top: 8px; padding-bottom: 8px; font-size: 0.9rem;"}},"children":["6382ea84-75df-645c-1b1f-0ee1913a1d7e"],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67610c6ebe9aa0e6d8b91a29/6763e02dbfb0a11be28bc3b6_Animation%20-%201734598669849.json","siteId":"67610c6ebe9aa0e6d8b91a29","width":0,"isHD":false,"height":0,"fileName":"6763e02dbfb0a11be28bc3b6_Animation - 1734598669849.json","createdOn":"2024-12-19T08:58:21.124Z","origFileName":"Animation - 1734598669849.json","fileHash":"0e86103162c33618f4fa32ac0d1d7959","translationLoading":false,"variants":[],"mimeType":"application/json","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67610c6ebe9aa0e6d8b91a29/6763e02dbfb0a11be28bc3b6_Animation%20-%201734598669849.json","_id":"6763e02dbfb0a11be28bc3b6","type":"LOTTIE","updatedOn":"2024-12-19T08:58:21.124Z","fileSize":94146,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c3fe7aa4-b991-e23b-1b9a-94b6eedec98f","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["3e04d8bf-2ba0-8eea-3204-ef5f867dfc03","1a049c74-959f-b859-916b-ca53cc07b518"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3e04d8bf-2ba0-8eea-3204-ef5f867dfc03","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":"1a049c74-959f-b859-916b-ca53cc07b518","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["95452658-bffa-c521-8459-690edec28548"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95452658-bffa-c521-8459-690edec28548","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["ed6d1334-62e9-1161-d85d-ec238485e158"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ed6d1334-62e9-1161-d85d-ec238485e158","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","6a78a7bc-3441-ff92-fd9e-2442016c505e"],"children":["b45381bc-a147-79db-b883-458f13457ae5"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b45381bc-a147-79db-b883-458f13457ae5","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["7e011de9-305b-ddbc-a8a2-cd692a3ebc38"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e011de9-305b-ddbc-a8a2-cd692a3ebc38","type":"Block","tag":"div","classes":["73f54b7d-83f5-bb89-7b9f-50ebd8d572e6"],"children":["656ad203-fd90-c3d0-d419-14ecb46e8960"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"656ad203-fd90-c3d0-d419-14ecb46e8960","type":"Block","tag":"div","classes":["764ffe9e-fa1f-2e00-a3b6-67747d306750"],"children":["6c4fbd8e-2841-e5a8-3c44-07f0dcb2428e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6c4fbd8e-2841-e5a8-3c44-07f0dcb2428e","type":"Grid","tag":"div","classes":["e222e822-e11f-e2cf-f16f-09affc3fc102"],"children":["a1b3ebec-7ece-d193-e05e-d0e8f52ed20b","c76392ee-0622-01ed-38dd-1865e07e4e62"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"div","grid":"two-by-two"}},{"_id":"a1b3ebec-7ece-d193-e05e-d0e8f52ed20b","type":"Block","tag":"div","classes":["8b863792-c3c7-d9e9-921a-ade860ada253"],"children":["9c4d3cfb-3570-d1cf-ae84-6e004852edd8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"medium":{"noPseudo":{"gridRowStart":"span 1","gridRowEnd":"span 1","gridColumnStart":"span 1","gridColumnEnd":"span 1"}}}}}},{"_id":"9c4d3cfb-3570-d1cf-ae84-6e004852edd8","type":"Animation","tag":"div","classes":["411daa19-ad03-a3bc-0796-f1e067df6309"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"path":{"src":"https://cdn.prod.website-files.com/67610c6ebe9aa0e6d8b91a29/6763e02dbfb0a11be28bc3b6_Animation%20-%201734598669849.json","origFileName":"Animation - 1734598669849.json","totalDuration":4.066666666666666},"renderMode":"svg","loop":true,"playInReverse":false}},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c76392ee-0622-01ed-38dd-1865e07e4e62","type":"Block","tag":"div","classes":["bf1b357f-eec5-f0a3-2e4a-9afd84b6533a"],"children":["014be695-cabd-1a2e-2190-0b789bbb8406","1ca1bc98-6ab3-db9a-8c60-c8cd2b96fe23"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{}},"small":{"noPseudo":{}}}}}},{"_id":"014be695-cabd-1a2e-2190-0b789bbb8406","type":"Block","tag":"div","classes":["47d4d311-09eb-bc75-49b3-2e34ad01ea3d"],"children":["6a9777f2-1064-b6fc-74db-e006ca930b52","646f8612-93c0-7604-78eb-9058f2b5b28a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a9777f2-1064-b6fc-74db-e006ca930b52","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27140","52a54ecc-0060-abcb-8ac1-e51b5883d3db"],"children":["70caa73a-0823-ae61-24b4-22e34f16e5fa"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"70caa73a-0823-ae61-24b4-22e34f16e5fa","text":true,"v":"This Page Can’t Be Found"},{"_id":"646f8612-93c0-7604-78eb-9058f2b5b28a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27122","47297ea0-eacb-c6a3-beb5-c1e03def6d32","7503743f-fe94-f60e-8454-4069298bbd3e"],"children":["3943ed98-9017-bed5-b18e-ccacbbc7daa1"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3943ed98-9017-bed5-b18e-ccacbbc7daa1","text":true,"v":"Sorry, the page you're looking for doesn’t exist. Maybe try searching or return to the homepage."},{"_id":"1ca1bc98-6ab3-db9a-8c60-c8cd2b96fe23","type":"Block","tag":"div","classes":["79aaabc1-4afc-f396-9684-885bda7d133f"],"children":["386f45f1-3835-eeb7-80a5-379391de25f3","9d954c48-41cb-3343-2659-3b92147f3181"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"386f45f1-3835-eeb7-80a5-379391de25f3","type":"Link","tag":"a","classes":["39a8d940-fc09-e082-f85f-882fe6e5d237"],"children":["7b8f0de5-250d-96c2-17ad-6634b3635c09"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"7b8f0de5-250d-96c2-17ad-6634b3635c09","text":true,"v":"Go Back Home"},{"_id":"9d954c48-41cb-3343-2659-3b92147f3181","type":"Link","tag":"a","classes":["39a8d940-fc09-e082-f85f-882fe6e5d237","6382ea84-75df-645c-1b1f-0ee1913a1d7e"],"children":["5918fc8e-add7-16b3-501f-78b2565d959d"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"5918fc8e-add7-16b3-501f-78b2565d959d","text":true,"v":"Help"}],"styles":[{"_id":"8b863792-c3c7-d9e9-921a-ade860ada253","fake":false,"type":"class","name":"gated_top-wrap","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 5px; grid-row-gap: 5px;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"79aaabc1-4afc-f396-9684-885bda7d133f","fake":false,"type":"class","name":"gated_button-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-top: 60px; justify-content: center; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap; align-items: stretch;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"bf1b357f-eec5-f0a3-2e4a-9afd84b6533a","fake":false,"type":"class","name":"gated_content-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: stretch; grid-column-gap: 0px; grid-row-gap: 0px; text-align: center;","variants":{"tiny":{"styleLess":"max-width: 100%;"},"medium":{"styleLess":"max-width: 550px;"}},"children":["40c5346c-f6cd-e87d-613e-bcb04b102251"],"createdBy":"66e97bb9b1fd5a7fc780cd04","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","6a78a7bc-3441-ff92-fd9e-2442016c505e"],"origin":null,"selector":null},{"_id":"764ffe9e-fa1f-2e00-a3b6-67747d306750","fake":false,"type":"class","name":"gated_main-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 90%; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: #ff6129; border-right-style: solid; border-right-width: 1px; border-right-color: #ff6129; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ff6129; border-left-style: solid; border-left-width: 1px; border-left-color: #ff6129; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: white; box-shadow: none /* inset 0 0 40px 0 hsla(15.700934579439252, 100.00%, 58.04%, 0.30) */;","variants":{"small":{"styleLess":"max-width: 420px;"},"tiny":{"styleLess":"width: 100%;"}},"children":["01724225-575b-e1f1-608c-969aa78376e6"],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27140","fake":false,"type":"class","name":"text-size-large","namespace":"","comb":"","styleLess":"font-size: 2.5rem;","variants":{"small":{"styleLess":"font-size: 2rem;"},"tiny":{"styleLess":"font-size: 1.8rem;"},"medium":{"styleLess":"font-size: 2.8rem;"}},"children":["52a54ecc-0060-abcb-8ac1-e51b5883d3db"],"origin":null,"selector":null},{"_id":"73f54b7d-83f5-bb89-7b9f-50ebd8d572e6","fake":false,"type":"class","name":"gated_wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"e222e822-e11f-e2cf-f16f-09affc3fc102","fake":false,"type":"class","name":"gated_grid","namespace":"","comb":"","styleLess":"overflow: hidden; height: 500px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"height: auto; grid-template-columns: 1fr;"},"small":{"styleLess":"grid-template-columns: 1fr;"},"tiny":{"styleLess":"width: 100%; padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","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":"7503743f-fe94-f60e-8454-4069298bbd3e","fake":false,"type":"class","name":"is-margin","namespace":"","comb":"&","styleLess":"margin-top: 10px;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"gated_section","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; min-height: 100svh; flex-direction: column; justify-content: center; align-items: stretch; background-image: radial-gradient(circle farthest-corner at 50% 50%, hsla(204.81203007518798, 0.00%, 100.00%, 1.00), hsla(15.700934579439252, 100.00%, 58.04%, 0.16));","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"47297ea0-eacb-c6a3-beb5-c1e03def6d32","fake":false,"type":"class","name":"text-weight-light","namespace":"","comb":"&","styleLess":"","variants":{},"children":["7503743f-fe94-f60e-8454-4069298bbd3e"],"createdBy":"66e97bb9b1fd5a7fc780cd04","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":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"52a54ecc-0060-abcb-8ac1-e51b5883d3db","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":["1fb4445d-56b7-3deb-e947-ab392a505e75"],"createdBy":"66e97bb9b1fd5a7fc780cd04","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":"47d4d311-09eb-bc75-49b3-2e34ad01ea3d","fake":false,"type":"class","name":"gated_title-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"6a78a7bc-3441-ff92-fd9e-2442016c505e","fake":false,"type":"class","name":"padding-section-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"6382ea84-75df-645c-1b1f-0ee1913a1d7e","fake":false,"type":"class","name":"is-second","namespace":"","comb":"&","styleLess":"border-top-color: #ff6129; border-right-color: #ff6129; border-bottom-color: #ff6129; border-left-color: #ff6129; background-color: hsla(204.81203007518798, 0.00%, 0.00%, 0.00); color: #ff6129;","variants":{"main_hover":{"styleLess":"background-color: #ff6129; color: hsla(204.81203007518798, 0.00%, 100.00%, 1.00);"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"411daa19-ad03-a3bc-0796-f1e067df6309","fake":false,"type":"class","name":"gated_lottie-animation","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 60%;"},"small":{"styleLess":"width: 70%;"},"tiny":{"styleLess":"width: 100%;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27122","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"","styleLess":"font-size: 1rem;","variants":{"tiny":{"styleLess":"font-size: 0.9rem;"}},"children":["47297ea0-eacb-c6a3-beb5-c1e03def6d32"],"origin":null,"selector":null},{"_id":"39a8d940-fc09-e082-f85f-882fe6e5d237","fake":false,"type":"class","name":"gated_button","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: transparent; border-right-style: solid; border-right-width: 2px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 2px; border-left-color: transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #ff6129; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: white; font-weight: 500;","variants":{"main_hover":{"styleLess":"border-top-color: #ff6129; border-right-color: #ff6129; border-bottom-color: #ff6129; border-left-color: #ff6129; background-color: transparent; color: #ff6129;"},"tiny":{"styleLess":"padding-top: 8px; padding-bottom: 8px; font-size: 0.9rem;"}},"children":["6382ea84-75df-645c-1b1f-0ee1913a1d7e"],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67610c6ebe9aa0e6d8b91a29/6763e02dbfb0a11be28bc3b6_Animation%20-%201734598669849.json","siteId":"67610c6ebe9aa0e6d8b91a29","width":0,"isHD":false,"height":0,"fileName":"6763e02dbfb0a11be28bc3b6_Animation - 1734598669849.json","createdOn":"2024-12-19T08:58:21.124Z","origFileName":"Animation - 1734598669849.json","fileHash":"0e86103162c33618f4fa32ac0d1d7959","translationLoading":false,"variants":[],"mimeType":"application/json","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67610c6ebe9aa0e6d8b91a29/6763e02dbfb0a11be28bc3b6_Animation%20-%201734598669849.json","_id":"6763e02dbfb0a11be28bc3b6","type":"LOTTIE","updatedOn":"2024-12-19T08:58:21.124Z","fileSize":94146,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1,"codeComponentsRemovedCount":0}}
About this component
AI Generated
Component Description (Generated by AI)
The Gated Content Section is designed to restrict access to specific content until users provide certain information, such as an email address. This component is particularly useful for lead generation and can be integrated into various types of websites. For example, it can be used to offer exclusive articles, eBooks, or webinars in exchange for user information.
Key Features:
- Includes a visually appealing layout with a grid system for content organization.
- Features a Lottie animation to enhance user engagement.
- Responsive design that adapts to different screen sizes.
- Customizable text and button styles for branding purposes.
- Supports external links for navigation, such as 'Go Back Home' and 'Help' buttons.
Design Elements:
- Utilizes a radial gradient background for a modern aesthetic.
- Incorporates rounded corners and shadow effects for a soft appearance.
- Employs a flexbox layout for easy alignment and spacing of elements.
- Text styles include large headings and regular-sized body text for readability.
Potential Use Cases:
- Marketing websites looking to capture leads through gated content.
- Educational platforms offering exclusive resources to registered users.
- E-commerce sites providing special offers or discounts in exchange for user information.
- Blogs or news sites wanting to restrict access to premium articles.
Conclusion: The Gated Content Section is a practical component for any website aiming to enhance user engagement and capture leads effectively.
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.