Chargement du composant...

Chargement

Plus de composants

Voir tout
Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Majestic Plan Paywall
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","3f1e8c66-dc14-e31c-04fc-9dd7679fff7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","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/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\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":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","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/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\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,"iframe":false,"script":false,"compilable":false}}}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff7a","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["5f0c3656-aa3e-adcc-2a5b-db9e00837905"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"main"}},{"_id":"5f0c3656-aa3e-adcc-2a5b-db9e00837905","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed2","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed3","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["208774a5-6fdd-b689-f86c-27d760d60458"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"208774a5-6fdd-b689-f86c-27d760d60458","type":"Block","tag":"div","classes":["c55b51c2-015d-e7ad-0f39-169bb758f6f8"],"children":["7e6efb93-4315-ec2a-6b9f-3ba8fd5e91c7","eebf2832-1de2-1bbe-bb13-b9c708cf348e","47f0f47c-5fc4-71a1-a1a5-59f7bf270429","01f211f1-3215-eed8-6a2b-5410f1592f28","580d406d-3132-f517-b68c-d73e1fa2b01f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7e6efb93-4315-ec2a-6b9f-3ba8fd5e91c7","type":"Image","tag":"img","classes":["fc8e5f75-df2f-7bb2-c21c-ae96914cd8d0"],"children":[],"data":{"img":{"id":"65fd71577fd799c1b7b8c5d1"},"attr":{"src":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd71577fd799c1b7b8c5d1_Group%201000006190%20(1).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"sizes":[{"max":284,"size":"83vw"},{"max":10000,"size":"236px"}],"srcsetDisabled":false}},{"_id":"eebf2832-1de2-1bbe-bb13-b9c708cf348e","type":"Heading","tag":"h2","classes":["2a3cfb7e-aa03-e66b-1bdb-804faaee3975","2019b252-01fa-f839-80ae-12e1dd009472"],"children":["eebf2832-1de2-1bbe-bb13-b9c708cf348f","3627a37b-c673-60d6-f536-b8fde7657442","71013bc6-7b1e-b498-a793-22b87a5fbc47"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"eebf2832-1de2-1bbe-bb13-b9c708cf348f","text":true,"v":"This section available"},{"_id":"3627a37b-c673-60d6-f536-b8fde7657442","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"71013bc6-7b1e-b498-a793-22b87a5fbc47","text":true,"v":"only on Teams Plan"},{"_id":"47f0f47c-5fc4-71a1-a1a5-59f7bf270429","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715c","e31802d3-47f2-e90d-01c9-67a0dca2f9bd","6a0c99d7-7aa9-c4b3-c400-8fea41f81290","de0b960b-a33f-0c4f-9dda-0c22b169bf34","f4ed0286-cb11-459e-a662-0083cd0e009f"],"children":["47f0f47c-5fc4-71a1-a1a5-59f7bf27042a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"47f0f47c-5fc4-71a1-a1a5-59f7bf27042a","text":true,"v":"Here is a good news-we have a free trial period for this plan"},{"_id":"01f211f1-3215-eed8-6a2b-5410f1592f28","type":"Link","tag":"a","classes":["0ee24031-a776-9823-d05e-71b48bce76e4"],"children":["39da2265-b70a-43de-42be-3dafefa1c32c","3719e06b-49f1-d0f3-9e6d-844c7bc824ee"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"signup"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"39da2265-b70a-43de-42be-3dafefa1c32c","type":"Image","tag":"img","classes":["21864ae4-484a-b77f-bc91-ec87cc7daf11"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd719330b7d28d2d464502_Group%201000006190%20(2).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"65fd719330b7d28d2d464502"},"srcsetDisabled":false,"sizes":[]}},{"_id":"3719e06b-49f1-d0f3-9e6d-844c7bc824ee","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27111"],"children":["3719e06b-49f1-d0f3-9e6d-844c7bc824ef"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3719e06b-49f1-d0f3-9e6d-844c7bc824ef","text":true,"v":"Upgrade for free"},{"_id":"580d406d-3132-f517-b68c-d73e1fa2b01f","type":"Link","tag":"a","classes":["1ac114fa-272d-7812-ac26-9ec37144d3d6"],"children":["575c5caa-0d03-c87d-0836-babbda0bda8d","d860e341-5b56-e527-ddff-e55ae3817b02"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"575c5caa-0d03-c87d-0836-babbda0bda8d","type":"Image","tag":"img","classes":["6666cada-47d5-f11e-b1ac-d648002f4426"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"65fd72428f91aaf5aa74d3d4"},"srcsetDisabled":false,"sizes":[]}},{"_id":"d860e341-5b56-e527-ddff-e55ae3817b02","type":"Block","tag":"div","classes":["d916d1c5-a654-c946-6fc2-d290a4d0998c"],"children":["d860e341-5b56-e527-ddff-e55ae3817b03"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d860e341-5b56-e527-ddff-e55ae3817b03","text":true,"v":"Watch how it works"}],"styles":[{"_id":"2a3cfb7e-aa03-e66b-1bdb-804faaee3975","fake":false,"type":"class","name":"text-size-xlarge","namespace":"","comb":"","styleLess":"font-size: 2.5rem;","variants":{"small":{"styleLess":"font-size: 2.25rem;"},"tiny":{"styleLess":"font-size: 2rem;"}},"children":["2019b252-01fa-f839-80ae-12e1dd009472"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fc8e5f75-df2f-7bb2-c21c-ae96914cd8d0","fake":false,"type":"class","name":"paywall_icon","namespace":"","comb":"","styleLess":"width: 60px; height: 60px; margin-bottom: 2rem; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"de0b960b-a33f-0c4f-9dda-0c22b169bf34","fake":false,"type":"class","name":"margin-custom1","namespace":"","comb":"&","styleLess":"","variants":{},"children":["f4ed0286-cb11-459e-a662-0083cd0e009f"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27111","fake":false,"type":"class","name":"text-color-alternate","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"6666cada-47d5-f11e-b1ac-d648002f4426","fake":false,"type":"class","name":"play_icon","namespace":"","comb":"","styleLess":"width: 20px; height: 20px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"0ee24031-a776-9823-d05e-71b48bce76e4","fake":false,"type":"class","name":"paywall_button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; justify-content: center; align-items: center; grid-column-gap: 12px; grid-row-gap: 12px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #2aa8ff; transition-property: all; transition-duration: 500ms; transition-timing-function: ease; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: #065ad8;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"1ac114fa-272d-7812-ac26-9ec37144d3d6","fake":false,"type":"class","name":"paywall_link","namespace":"","comb":"","styleLess":"display: flex; margin-top: 0.75rem; justify-content: flex-start; align-items: center; grid-column-gap: 12px; grid-row-gap: 12px; transition-property: all; transition-duration: 500ms; transition-timing-function: ease; text-decoration: none;","variants":{"main_hover":{"styleLess":"transform: scale(1.05);"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"21864ae4-484a-b77f-bc91-ec87cc7daf11","fake":false,"type":"class","name":"button_icon","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"f4ed0286-cb11-459e-a662-0083cd0e009f","fake":false,"type":"class","name":"mobile-text-align-center","namespace":"","comb":"&","styleLess":"","variants":{"small":{"styleLess":"text-align: center;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-image: @img_66025d159c65ab38222ba428; background-position: 0px 0px; background-size: contain; background-repeat: repeat;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"e31802d3-47f2-e90d-01c9-67a0dca2f9bd","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"&","styleLess":"color: #aaa;","variants":{},"children":["f158678c-fd1b-68c9-33fe-c59b7c983ff4","6a0c99d7-7aa9-c4b3-c400-8fea41f81290"],"createdBy":"6523d73ef760f3fa5954069f","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-e4c25af2715c","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-size: 1.25rem;","variants":{},"children":["e31802d3-47f2-e90d-01c9-67a0dca2f9bd"],"origin":null,"selector":null},{"_id":"6a0c99d7-7aa9-c4b3-c400-8fea41f81290","fake":false,"type":"class","name":"margin-vertical","namespace":"","comb":"&","styleLess":"","variants":{},"children":["c1475bdb-beb1-7ad7-5aa6-b41955def2ae","de0b960b-a33f-0c4f-9dda-0c22b169bf34"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"c55b51c2-015d-e7ad-0f39-169bb758f6f8","fake":false,"type":"class","name":"paywall_hero","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 550px; margin-right: auto; margin-left: auto; padding-top: 100px; padding-bottom: 100px; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; background-image: radial-gradient(circle farthest-corner at 50% 50%, hsla(0, 0.00%, 100.00%, 1.00) 1%, hsla(0, 0.00%, 100.00%, 0.75) 40%, hsla(0, 0.00%, 100.00%, 0.00));","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"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":"2019b252-01fa-f839-80ae-12e1dd009472","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"d916d1c5-a654-c946-6fc2-d290a4d0998c","fake":false,"type":"class","name":"text-color-blue","namespace":"","comb":"","styleLess":"color: #065ad8;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd71577fd799c1b7b8c5d1_Group%201000006190%20(1).svg","siteId":"65fd5e2250ed161674ab573c","width":83,"isHD":false,"height":83,"fileName":"65fd71577fd799c1b7b8c5d1_Group 1000006190 (1).svg","createdOn":"2024-03-22T11:53:59.629Z","origFileName":"Group 1000006190 (1).svg","fileHash":"b960a293fa23ca3dc260768105e61e62","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65fd5e2250ed161674ab573c/65fd71577fd799c1b7b8c5d1_Group%201000006190%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd71577fd799c1b7b8c5d1_Group%201000006190%20(1).svg","_id":"65fd71577fd799c1b7b8c5d1","updatedOn":"2024-03-22T11:53:59.629Z","fileSize":2394,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd719330b7d28d2d464502_Group%201000006190%20(2).svg","siteId":"65fd5e2250ed161674ab573c","width":83,"isHD":false,"height":83,"fileName":"65fd719330b7d28d2d464502_Group 1000006190 (2).svg","createdOn":"2024-03-22T11:54:59.280Z","origFileName":"Group 1000006190 (2).svg","fileHash":"ef27eb89eedab39d6ab048b90b4b8af5","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65fd5e2250ed161674ab573c/65fd719330b7d28d2d464502_Group%201000006190%20(2).svg","thumbUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd719330b7d28d2d464502_Group%201000006190%20(2).svg","_id":"65fd719330b7d28d2d464502","updatedOn":"2024-03-22T11:54:59.280Z","fileSize":2388,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","siteId":"65fd5e2250ed161674ab573c","width":800,"isHD":false,"height":800,"fileName":"65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","createdOn":"2024-03-22T11:57:54.397Z","origFileName":"play-svgrepo-com.svg","fileHash":"e3e4e6a1885dec58d5e60abb215708a8","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65fd5e2250ed161674ab573c/65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","_id":"65fd72428f91aaf5aa74d3d4","updatedOn":"2024-03-22T11:57:54.397Z","fileSize":970,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/66025d159c65ab38222ba428_Squares.svg","siteId":"65fd5e2250ed161674ab573c","width":450,"isHD":false,"height":450,"fileName":"66025d159c65ab38222ba428_Squares.svg","createdOn":"2024-03-26T05:28:53.133Z","origFileName":"Squares.svg","fileHash":"f280d6add63637e50e01eb7c2b391492","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65fd5e2250ed161674ab573c/66025d159c65ab38222ba428_Squares.svg","thumbUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/66025d159c65ab38222ba428_Squares.svg","_id":"66025d159c65ab38222ba428","updatedOn":"2024-03-26T05:28:53.133Z","fileSize":1052,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Cloner dans Webflow
Composant de copie
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","3f1e8c66-dc14-e31c-04fc-9dd7679fff7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","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/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\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":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","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/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\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,"iframe":false,"script":false,"compilable":false}}}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff7a","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["5f0c3656-aa3e-adcc-2a5b-db9e00837905"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"main"}},{"_id":"5f0c3656-aa3e-adcc-2a5b-db9e00837905","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed2","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed3","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["208774a5-6fdd-b689-f86c-27d760d60458"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"208774a5-6fdd-b689-f86c-27d760d60458","type":"Block","tag":"div","classes":["c55b51c2-015d-e7ad-0f39-169bb758f6f8"],"children":["7e6efb93-4315-ec2a-6b9f-3ba8fd5e91c7","eebf2832-1de2-1bbe-bb13-b9c708cf348e","47f0f47c-5fc4-71a1-a1a5-59f7bf270429","01f211f1-3215-eed8-6a2b-5410f1592f28","580d406d-3132-f517-b68c-d73e1fa2b01f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7e6efb93-4315-ec2a-6b9f-3ba8fd5e91c7","type":"Image","tag":"img","classes":["fc8e5f75-df2f-7bb2-c21c-ae96914cd8d0"],"children":[],"data":{"img":{"id":"65fd71577fd799c1b7b8c5d1"},"attr":{"src":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd71577fd799c1b7b8c5d1_Group%201000006190%20(1).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"sizes":[{"max":284,"size":"83vw"},{"max":10000,"size":"236px"}],"srcsetDisabled":false}},{"_id":"eebf2832-1de2-1bbe-bb13-b9c708cf348e","type":"Heading","tag":"h2","classes":["2a3cfb7e-aa03-e66b-1bdb-804faaee3975","2019b252-01fa-f839-80ae-12e1dd009472"],"children":["eebf2832-1de2-1bbe-bb13-b9c708cf348f","3627a37b-c673-60d6-f536-b8fde7657442","71013bc6-7b1e-b498-a793-22b87a5fbc47"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"eebf2832-1de2-1bbe-bb13-b9c708cf348f","text":true,"v":"This section available"},{"_id":"3627a37b-c673-60d6-f536-b8fde7657442","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"71013bc6-7b1e-b498-a793-22b87a5fbc47","text":true,"v":"only on Teams Plan"},{"_id":"47f0f47c-5fc4-71a1-a1a5-59f7bf270429","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715c","e31802d3-47f2-e90d-01c9-67a0dca2f9bd","6a0c99d7-7aa9-c4b3-c400-8fea41f81290","de0b960b-a33f-0c4f-9dda-0c22b169bf34","f4ed0286-cb11-459e-a662-0083cd0e009f"],"children":["47f0f47c-5fc4-71a1-a1a5-59f7bf27042a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"47f0f47c-5fc4-71a1-a1a5-59f7bf27042a","text":true,"v":"Here is a good news-we have a free trial period for this plan"},{"_id":"01f211f1-3215-eed8-6a2b-5410f1592f28","type":"Link","tag":"a","classes":["0ee24031-a776-9823-d05e-71b48bce76e4"],"children":["39da2265-b70a-43de-42be-3dafefa1c32c","3719e06b-49f1-d0f3-9e6d-844c7bc824ee"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"signup"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"39da2265-b70a-43de-42be-3dafefa1c32c","type":"Image","tag":"img","classes":["21864ae4-484a-b77f-bc91-ec87cc7daf11"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd719330b7d28d2d464502_Group%201000006190%20(2).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"65fd719330b7d28d2d464502"},"srcsetDisabled":false,"sizes":[]}},{"_id":"3719e06b-49f1-d0f3-9e6d-844c7bc824ee","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27111"],"children":["3719e06b-49f1-d0f3-9e6d-844c7bc824ef"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3719e06b-49f1-d0f3-9e6d-844c7bc824ef","text":true,"v":"Upgrade for free"},{"_id":"580d406d-3132-f517-b68c-d73e1fa2b01f","type":"Link","tag":"a","classes":["1ac114fa-272d-7812-ac26-9ec37144d3d6"],"children":["575c5caa-0d03-c87d-0836-babbda0bda8d","d860e341-5b56-e527-ddff-e55ae3817b02"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"575c5caa-0d03-c87d-0836-babbda0bda8d","type":"Image","tag":"img","classes":["6666cada-47d5-f11e-b1ac-d648002f4426"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"65fd72428f91aaf5aa74d3d4"},"srcsetDisabled":false,"sizes":[]}},{"_id":"d860e341-5b56-e527-ddff-e55ae3817b02","type":"Block","tag":"div","classes":["d916d1c5-a654-c946-6fc2-d290a4d0998c"],"children":["d860e341-5b56-e527-ddff-e55ae3817b03"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d860e341-5b56-e527-ddff-e55ae3817b03","text":true,"v":"Watch how it works"}],"styles":[{"_id":"2a3cfb7e-aa03-e66b-1bdb-804faaee3975","fake":false,"type":"class","name":"text-size-xlarge","namespace":"","comb":"","styleLess":"font-size: 2.5rem;","variants":{"small":{"styleLess":"font-size: 2.25rem;"},"tiny":{"styleLess":"font-size: 2rem;"}},"children":["2019b252-01fa-f839-80ae-12e1dd009472"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fc8e5f75-df2f-7bb2-c21c-ae96914cd8d0","fake":false,"type":"class","name":"paywall_icon","namespace":"","comb":"","styleLess":"width: 60px; height: 60px; margin-bottom: 2rem; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"de0b960b-a33f-0c4f-9dda-0c22b169bf34","fake":false,"type":"class","name":"margin-custom1","namespace":"","comb":"&","styleLess":"","variants":{},"children":["f4ed0286-cb11-459e-a662-0083cd0e009f"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27111","fake":false,"type":"class","name":"text-color-alternate","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"6666cada-47d5-f11e-b1ac-d648002f4426","fake":false,"type":"class","name":"play_icon","namespace":"","comb":"","styleLess":"width: 20px; height: 20px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"0ee24031-a776-9823-d05e-71b48bce76e4","fake":false,"type":"class","name":"paywall_button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; justify-content: center; align-items: center; grid-column-gap: 12px; grid-row-gap: 12px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #2aa8ff; transition-property: all; transition-duration: 500ms; transition-timing-function: ease; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: #065ad8;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"1ac114fa-272d-7812-ac26-9ec37144d3d6","fake":false,"type":"class","name":"paywall_link","namespace":"","comb":"","styleLess":"display: flex; margin-top: 0.75rem; justify-content: flex-start; align-items: center; grid-column-gap: 12px; grid-row-gap: 12px; transition-property: all; transition-duration: 500ms; transition-timing-function: ease; text-decoration: none;","variants":{"main_hover":{"styleLess":"transform: scale(1.05);"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"21864ae4-484a-b77f-bc91-ec87cc7daf11","fake":false,"type":"class","name":"button_icon","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"f4ed0286-cb11-459e-a662-0083cd0e009f","fake":false,"type":"class","name":"mobile-text-align-center","namespace":"","comb":"&","styleLess":"","variants":{"small":{"styleLess":"text-align: center;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-image: @img_66025d159c65ab38222ba428; background-position: 0px 0px; background-size: contain; background-repeat: repeat;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"e31802d3-47f2-e90d-01c9-67a0dca2f9bd","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"&","styleLess":"color: #aaa;","variants":{},"children":["f158678c-fd1b-68c9-33fe-c59b7c983ff4","6a0c99d7-7aa9-c4b3-c400-8fea41f81290"],"createdBy":"6523d73ef760f3fa5954069f","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-e4c25af2715c","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-size: 1.25rem;","variants":{},"children":["e31802d3-47f2-e90d-01c9-67a0dca2f9bd"],"origin":null,"selector":null},{"_id":"6a0c99d7-7aa9-c4b3-c400-8fea41f81290","fake":false,"type":"class","name":"margin-vertical","namespace":"","comb":"&","styleLess":"","variants":{},"children":["c1475bdb-beb1-7ad7-5aa6-b41955def2ae","de0b960b-a33f-0c4f-9dda-0c22b169bf34"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"c55b51c2-015d-e7ad-0f39-169bb758f6f8","fake":false,"type":"class","name":"paywall_hero","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 550px; margin-right: auto; margin-left: auto; padding-top: 100px; padding-bottom: 100px; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; background-image: radial-gradient(circle farthest-corner at 50% 50%, hsla(0, 0.00%, 100.00%, 1.00) 1%, hsla(0, 0.00%, 100.00%, 0.75) 40%, hsla(0, 0.00%, 100.00%, 0.00));","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"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":"2019b252-01fa-f839-80ae-12e1dd009472","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"d916d1c5-a654-c946-6fc2-d290a4d0998c","fake":false,"type":"class","name":"text-color-blue","namespace":"","comb":"","styleLess":"color: #065ad8;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd71577fd799c1b7b8c5d1_Group%201000006190%20(1).svg","siteId":"65fd5e2250ed161674ab573c","width":83,"isHD":false,"height":83,"fileName":"65fd71577fd799c1b7b8c5d1_Group 1000006190 (1).svg","createdOn":"2024-03-22T11:53:59.629Z","origFileName":"Group 1000006190 (1).svg","fileHash":"b960a293fa23ca3dc260768105e61e62","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65fd5e2250ed161674ab573c/65fd71577fd799c1b7b8c5d1_Group%201000006190%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd71577fd799c1b7b8c5d1_Group%201000006190%20(1).svg","_id":"65fd71577fd799c1b7b8c5d1","updatedOn":"2024-03-22T11:53:59.629Z","fileSize":2394,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd719330b7d28d2d464502_Group%201000006190%20(2).svg","siteId":"65fd5e2250ed161674ab573c","width":83,"isHD":false,"height":83,"fileName":"65fd719330b7d28d2d464502_Group 1000006190 (2).svg","createdOn":"2024-03-22T11:54:59.280Z","origFileName":"Group 1000006190 (2).svg","fileHash":"ef27eb89eedab39d6ab048b90b4b8af5","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65fd5e2250ed161674ab573c/65fd719330b7d28d2d464502_Group%201000006190%20(2).svg","thumbUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd719330b7d28d2d464502_Group%201000006190%20(2).svg","_id":"65fd719330b7d28d2d464502","updatedOn":"2024-03-22T11:54:59.280Z","fileSize":2388,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","siteId":"65fd5e2250ed161674ab573c","width":800,"isHD":false,"height":800,"fileName":"65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","createdOn":"2024-03-22T11:57:54.397Z","origFileName":"play-svgrepo-com.svg","fileHash":"e3e4e6a1885dec58d5e60abb215708a8","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65fd5e2250ed161674ab573c/65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/65fd72428f91aaf5aa74d3d4_play-svgrepo-com.svg","_id":"65fd72428f91aaf5aa74d3d4","updatedOn":"2024-03-22T11:57:54.397Z","fileSize":970,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/66025d159c65ab38222ba428_Squares.svg","siteId":"65fd5e2250ed161674ab573c","width":450,"isHD":false,"height":450,"fileName":"66025d159c65ab38222ba428_Squares.svg","createdOn":"2024-03-26T05:28:53.133Z","origFileName":"Squares.svg","fileHash":"f280d6add63637e50e01eb7c2b391492","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65fd5e2250ed161674ab573c/66025d159c65ab38222ba428_Squares.svg","thumbUrl":"https://cdn.prod.website-files.com/65fd5e2250ed161674ab573c/66025d159c65ab38222ba428_Squares.svg","_id":"66025d159c65ab38222ba428","updatedOn":"2024-03-26T05:28:53.133Z","fileSize":1052,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Navigateur non pris en charge. Utilisez
CC Chrome ou SS Safari.

A propos de ce composant

Généré par l'IA

Description du composant (générée par l'IA)

The Majestic Plan Paywall is a visually striking component designed to enhance user engagement and functionality for subscription-based services. It features a beautiful background and a clear call to action for upgrading plans.

Caractéristiques principales :

  • Visually appealing design with a beautiful background
  • Clear messaging about plan upgrades
  • Conception adaptée à différents appareils
  • Interactive elements like buttons and links

Éléments de conception :

  • Elegant color scheme with blue and white tones
  • Use of SVG images for crisp visuals
  • Flexbox layout for responsive design
  • Large, legible typography for easy reading
  • Background image with a radial gradient effect

Cas d'utilisation potentiels :

  • SaaS companies looking to promote subscription plans
  • E-commerce sites offering premium memberships
  • Content creators providing exclusive content through subscriptions
  • Online courses or educational platforms with tiered access
  • Non-profits seeking donations through membership models

Conclusion: The Majestic Plan Paywall is a versatile and attractive component that can effectively drive conversions for businesses offering subscription services, making it an excellent choice for various industries.

Commencer à construire

Commencez à construire vos rêves

Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.