Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"04247dbe-ff22-d063-3d0a-65235cbcd7e1","type":"Block","tag":"div","classes":["7ffa7d09-46af-0058-0b3b-b006d4454acf"],"children":["a972d883-a942-7fd4-543c-04eaaf2599e7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a972d883-a942-7fd4-543c-04eaaf2599e7","type":"Block","tag":"div","classes":["d568e2a0-e795-84f4-2b2a-beaff7d1d122"],"children":["e96a2012-3fd5-9688-fe77-7de586135076","36591314-72c9-7f08-4ab3-0499e40166f3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e96a2012-3fd5-9688-fe77-7de586135076","type":"Block","tag":"div","classes":["001f1b57-a3cb-3511-1fd9-5e4e8feeb5da"],"children":["34609b58-ab8a-161a-fa4f-201fc06c3b0e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"34609b58-ab8a-161a-fa4f-201fc06c3b0e","type":"HtmlEmbed","tag":"div","classes":["79d2b55e-e56d-de4a-80bc-fce80c7a9dea","9d4572f0-47d5-4d2c-054a-c20af453e7a4"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z\"></path></svg>","data":{"insideRTE":false,"search":{"exclude":false},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z\"></path></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"36591314-72c9-7f08-4ab3-0499e40166f3","type":"Block","tag":"div","classes":["0742253a-993b-ab7a-8b90-20d018821b03"],"children":["b99c24b6-6d53-2a70-7fec-e10bc171fb48","45dec467-6894-1909-23b8-cfc8f7f94ab6","e85c66a0-ad2e-bc3a-c7aa-7af1764dbefb","2d96bdda-fc56-b52c-6e6e-a124677d6049","fa02e577-411a-04e4-3cad-90f4524550f9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b99c24b6-6d53-2a70-7fec-e10bc171fb48","type":"Heading","tag":"h3","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["b99c24b6-6d53-2a70-7fec-e10bc171fb49"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"b99c24b6-6d53-2a70-7fec-e10bc171fb49","text":true,"v":"Unlock this page"},{"_id":"45dec467-6894-1909-23b8-cfc8f7f94ab6","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f50f"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e85c66a0-ad2e-bc3a-c7aa-7af1764dbefb","type":"Block","tag":"div","classes":["709d5c32-3a50-cfa5-e103-283dd10b7785"],"children":["e5832eef-ae82-953c-998d-56959c0ea4c4","ba01e068-f245-cf54-8967-fcf66e6a2674"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e5832eef-ae82-953c-998d-56959c0ea4c4","type":"Block","tag":"div","classes":["81782dcb-9002-a52f-645c-45c8aa3f2446"],"children":["d768b8a5-f5ff-a578-e663-063ac07450ed","cb655a0d-eaae-6778-fe3e-2b3c6714b716"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d768b8a5-f5ff-a578-e663-063ac07450ed","type":"HtmlEmbed","tag":"div","classes":["79d2b55e-e56d-de4a-80bc-fce80c7a9dea","d36dd82c-1228-3de6-0e92-f18a772dc3a2"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--bx\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path d=\"M20 12c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5S7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7z\" fill=\"currentColor\"></path></svg>","data":{"insideRTE":false,"search":{"exclude":false},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--bx\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path d=\"M20 12c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5S7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7z\" fill=\"currentColor\"></path></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"cb655a0d-eaae-6778-fe3e-2b3c6714b716","type":"Block","tag":"div","classes":[],"children":["e8791622-1792-4c5f-e001-3d5780b1b425","e05522d0-9650-21da-d36b-916ddb0c0bf7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e8791622-1792-4c5f-e001-3d5780b1b425","type":"Heading","tag":"h5","classes":[],"children":["e8791622-1792-4c5f-e001-3d5780b1b426"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h5"}},{"_id":"e8791622-1792-4c5f-e001-3d5780b1b426","text":true,"v":"Exclusive posts"},{"_id":"e05522d0-9650-21da-d36b-916ddb0c0bf7","type":"Paragraph","tag":"p","classes":[],"children":["e05522d0-9650-21da-d36b-916ddb0c0bf8"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e05522d0-9650-21da-d36b-916ddb0c0bf8","text":true,"v":"Lorem ipsum dolor sit amet, consectetur."},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2674","type":"Block","tag":"div","classes":["81782dcb-9002-a52f-645c-45c8aa3f2446"],"children":["86d2c09a-a9eb-632e-9680-3ac27f27157d","ba01e068-f245-cf54-8967-fcf66e6a2676"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"86d2c09a-a9eb-632e-9680-3ac27f27157d","type":"HtmlEmbed","tag":"div","classes":["79d2b55e-e56d-de4a-80bc-fce80c7a9dea","128dbd96-a7de-7c7c-272e-4b2bf8a6d07a"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--heroicons\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 20 20\"><g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M14 6a2.5 2.5 0 0 0-4-3a2.5 2.5 0 0 0-4 3H3.25C2.56 6 2 6.56 2 7.25v.5C2 8.44 2.56 9 3.25 9h6V6h1.5v3h6C17.44 9 18 8.44 18 7.75v-.5C18 6.56 17.44 6 16.75 6H14Zm-1-1.5a1 1 0 0 1-1 1h-1v-1a1 1 0 1 1 2 0Zm-6 0a1 1 0 0 0 1 1h1v-1a1 1 0 0 0-2 0Z\" clip-rule=\"evenodd\"></path><path d=\"M9.25 10.5H3v4.75A2.75 2.75 0 0 0 5.75 18h3.5v-7.5Zm1.5 7.5v-7.5H17v4.75A2.75 2.75 0 0 1 14.25 18h-3.5Z\"></path></g></svg>","data":{"insideRTE":false,"search":{"exclude":false},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--heroicons\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 20 20\"><g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M14 6a2.5 2.5 0 0 0-4-3a2.5 2.5 0 0 0-4 3H3.25C2.56 6 2 6.56 2 7.25v.5C2 8.44 2.56 9 3.25 9h6V6h1.5v3h6C17.44 9 18 8.44 18 7.75v-.5C18 6.56 17.44 6 16.75 6H14Zm-1-1.5a1 1 0 0 1-1 1h-1v-1a1 1 0 1 1 2 0Zm-6 0a1 1 0 0 0 1 1h1v-1a1 1 0 0 0-2 0Z\" clip-rule=\"evenodd\"></path><path d=\"M9.25 10.5H3v4.75A2.75 2.75 0 0 0 5.75 18h3.5v-7.5Zm1.5 7.5v-7.5H17v4.75A2.75 2.75 0 0 1 14.25 18h-3.5Z\"></path></g></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2676","type":"Block","tag":"div","classes":[],"children":["ba01e068-f245-cf54-8967-fcf66e6a2677","ba01e068-f245-cf54-8967-fcf66e6a2679"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2677","type":"Heading","tag":"h5","classes":[],"children":["ba01e068-f245-cf54-8967-fcf66e6a2678"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h5"}},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2678","text":true,"v":"Free gifts"},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2679","type":"Paragraph","tag":"p","classes":[],"children":["ba01e068-f245-cf54-8967-fcf66e6a267a"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a267a","text":true,"v":"Lorem ipsum dolor sit amet, consectetur."},{"_id":"2d96bdda-fc56-b52c-6e6e-a124677d6049","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f50f"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fa02e577-411a-04e4-3cad-90f4524550f9","type":"Block","tag":"div","classes":["2e874757-1aef-3ee9-c360-ecd066331889"],"children":["91a2b26e-d9ba-3286-63ef-8017f674620b","72a3536f-e6a4-c963-07ea-9458866bd61d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"91a2b26e-d9ba-3286-63ef-8017f674620b","type":"Link","tag":"a","classes":["07815991-952a-8d98-0e00-e4c25af27158"],"children":["91a2b26e-d9ba-3286-63ef-8017f674620c"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"91a2b26e-d9ba-3286-63ef-8017f674620c","text":true,"v":"Get started now ($29/m)"},{"_id":"72a3536f-e6a4-c963-07ea-9458866bd61d","type":"Link","tag":"a","classes":["07815991-952a-8d98-0e00-e4c25af2713f"],"children":["72a3536f-e6a4-c963-07ea-9458866bd61e"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"72a3536f-e6a4-c963-07ea-9458866bd61e","text":true,"v":"Log in"}],"styles":[{"_id":"0742253a-993b-ab7a-8b90-20d018821b03","fake":false,"type":"class","name":"popup_bottom","namespace":"","comb":"","styleLess":"padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d568e2a0-e795-84f4-2b2a-beaff7d1d122","fake":false,"type":"class","name":"popup_div","namespace":"","comb":"","styleLess":"overflow: hidden; width: 100%; max-width: 30rem; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(255.6521739130435, 15.98%, 30.47%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(255.6521739130435, 15.98%, 30.47%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(255.6521739130435, 15.98%, 30.47%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(255.6521739130435, 15.98%, 30.47%, 1.00); border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(255.8823529411765, 21.62%, 21.38%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"128dbd96-a7de-7c7c-272e-4b2bf8a6d07a","fake":false,"type":"class","name":"is-green","namespace":"","comb":"&","styleLess":"color: hsla(110, 76.22%, 71.97%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"001f1b57-a3cb-3511-1fd9-5e4e8feeb5da","fake":false,"type":"class","name":"popup_top","namespace":"","comb":"","styleLess":"display: flex; min-height: 15rem; padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; justify-content: flex-end; align-items: flex-start; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(256.8, 16.13%, 30.39%, 1.00); background-image: @img_654c9a09fd816b58416cd264; background-position: 50% 50%; background-size: cover;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cbd54450-b647-d8ec-560e-2cd38472f50f","fake":false,"type":"class","name":"spacer-medium","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 2rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"79d2b55e-e56d-de4a-80bc-fce80c7a9dea","fake":false,"type":"class","name":"icon-embed-xsmall","namespace":"","comb":"","styleLess":"display: flex; width: 1.5rem; height: 1.5rem; flex-direction: column; justify-content: center; align-items: center;","variants":{},"children":["d36dd82c-1228-3de6-0e92-f18a772dc3a2","128dbd96-a7de-7c7c-272e-4b2bf8a6d07a","9d4572f0-47d5-4d2c-054a-c20af453e7a4"],"createdBy":"6075409192d886a671499223","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2714e","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"selector":null},{"_id":"81782dcb-9002-a52f-645c-45c8aa3f2446","fake":false,"type":"class","name":"list_item","namespace":"","comb":"","styleLess":"display: grid; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 2rem 1fr; grid-template-rows: auto;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27158","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(220.8247422680412, 52.03%, 28.07%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(220.8247422680412, 52.03%, 28.07%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(220.8247422680412, 52.03%, 28.07%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(220.8247422680412, 52.03%, 28.07%, 1.00); border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(222, 100.00%, 59.33%, 1.00); box-shadow: inset 0 2px 5px 0 hsla(0, 0.00%, 100.00%, 0.20), inset 0 -3px 5px 0 rgba(0,0,0,0.2); color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{},"children":["07815991-952a-8d98-0e00-e4c25af27165","07815991-952a-8d98-0e00-e4c25af27167","07815991-952a-8d98-0e00-e4c25af27168","07815991-952a-8d98-0e00-e4c25af2716c","07815991-952a-8d98-0e00-e4c25af27170","07815991-952a-8d98-0e00-e4c25af27171"],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2713f","fake":false,"type":"class","name":"text-style-link","namespace":"","comb":"","styleLess":"color: hsla(228, 0.00%, 100.00%, 1.00); font-weight: 500; text-decoration: none;","variants":{},"children":[],"selector":null},{"_id":"9d4572f0-47d5-4d2c-054a-c20af453e7a4","fake":false,"type":"class","name":"is-close","namespace":"","comb":"&","styleLess":"padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border-top-left-radius: 5rem; border-top-right-radius: 5rem; border-bottom-left-radius: 5rem; border-bottom-right-radius: 5rem; background-color: hsla(0, 0.00%, 100.00%, 0.20); backdrop-filter: blur(5px); cursor: pointer;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2e874757-1aef-3ee9-c360-ecd066331889","fake":false,"type":"class","name":"popup_button-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: flex-start; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7ffa7d09-46af-0058-0b3b-b006d4454acf","fake":false,"type":"class","name":"popup","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; min-height: 100vh; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; justify-content: center; align-items: center; background-color: hsla(254, 100.00%, 6.83%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"709d5c32-3a50-cfa5-e103-283dd10b7785","fake":false,"type":"class","name":"list","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d36dd82c-1228-3de6-0e92-f18a772dc3a2","fake":false,"type":"class","name":"is-orange","namespace":"","comb":"&","styleLess":"color: hsla(34, 94.16%, 65.77%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881.jpg","siteId":"654c960da38bb67400144fdc","width":1280,"isHD":false,"height":961,"fileName":"654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881.jpg","createdOn":"2023-11-09T08:36:25.360Z","origFileName":"pexels-anni-roenkae-2156881.jpg","fileHash":"2b3b9f47b84b5599f403d2250c6f4c59","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-500.jpg","origFileName":"pexels-anni-roenkae-2156881-p-500.jpg","fileName":"654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-500.jpg","size":22412,"format":"jpg","width":500,"quality":100,"_id":"654c9a0ba4b57efb1d91f778","cdnUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-800.jpg","origFileName":"pexels-anni-roenkae-2156881-p-800.jpg","fileName":"654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-800.jpg","size":45016,"format":"jpg","width":800,"quality":100,"_id":"654c9a0ba4b57efb1d91f779","cdnUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-1080.jpg","origFileName":"pexels-anni-roenkae-2156881-p-1080.jpg","fileName":"654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-1080.jpg","size":71597,"format":"jpg","width":1080,"quality":100,"_id":"654c9a0ba4b57efb1d91f77a","cdnUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-1080.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881.jpg","thumbUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-130x130q80.jpg","_id":"654c9a09fd816b58416cd264","updatedOn":"2023-11-09T08:39:34.577Z","fileSize":77867,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","createdOn":1699519862843}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1699519862843},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1699519862844}],"actionLists":[{"id":"a","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"654c960da38bb67400145032|04247dbe-ff22-d063-3d0a-65235cbcd7e1","appliesTo":"ELEMENT_CLASS","styleBlockIds":["7ffa7d09-46af-0058-0b3b-b006d4454acf"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1699519865598}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"04247dbe-ff22-d063-3d0a-65235cbcd7e1","type":"Block","tag":"div","classes":["7ffa7d09-46af-0058-0b3b-b006d4454acf"],"children":["a972d883-a942-7fd4-543c-04eaaf2599e7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a972d883-a942-7fd4-543c-04eaaf2599e7","type":"Block","tag":"div","classes":["d568e2a0-e795-84f4-2b2a-beaff7d1d122"],"children":["e96a2012-3fd5-9688-fe77-7de586135076","36591314-72c9-7f08-4ab3-0499e40166f3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e96a2012-3fd5-9688-fe77-7de586135076","type":"Block","tag":"div","classes":["001f1b57-a3cb-3511-1fd9-5e4e8feeb5da"],"children":["34609b58-ab8a-161a-fa4f-201fc06c3b0e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"34609b58-ab8a-161a-fa4f-201fc06c3b0e","type":"HtmlEmbed","tag":"div","classes":["79d2b55e-e56d-de4a-80bc-fce80c7a9dea","9d4572f0-47d5-4d2c-054a-c20af453e7a4"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z\"></path></svg>","data":{"insideRTE":false,"search":{"exclude":false},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z\"></path></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"36591314-72c9-7f08-4ab3-0499e40166f3","type":"Block","tag":"div","classes":["0742253a-993b-ab7a-8b90-20d018821b03"],"children":["b99c24b6-6d53-2a70-7fec-e10bc171fb48","45dec467-6894-1909-23b8-cfc8f7f94ab6","e85c66a0-ad2e-bc3a-c7aa-7af1764dbefb","2d96bdda-fc56-b52c-6e6e-a124677d6049","fa02e577-411a-04e4-3cad-90f4524550f9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b99c24b6-6d53-2a70-7fec-e10bc171fb48","type":"Heading","tag":"h3","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["b99c24b6-6d53-2a70-7fec-e10bc171fb49"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"b99c24b6-6d53-2a70-7fec-e10bc171fb49","text":true,"v":"Unlock this page"},{"_id":"45dec467-6894-1909-23b8-cfc8f7f94ab6","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f50f"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e85c66a0-ad2e-bc3a-c7aa-7af1764dbefb","type":"Block","tag":"div","classes":["709d5c32-3a50-cfa5-e103-283dd10b7785"],"children":["e5832eef-ae82-953c-998d-56959c0ea4c4","ba01e068-f245-cf54-8967-fcf66e6a2674"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e5832eef-ae82-953c-998d-56959c0ea4c4","type":"Block","tag":"div","classes":["81782dcb-9002-a52f-645c-45c8aa3f2446"],"children":["d768b8a5-f5ff-a578-e663-063ac07450ed","cb655a0d-eaae-6778-fe3e-2b3c6714b716"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d768b8a5-f5ff-a578-e663-063ac07450ed","type":"HtmlEmbed","tag":"div","classes":["79d2b55e-e56d-de4a-80bc-fce80c7a9dea","d36dd82c-1228-3de6-0e92-f18a772dc3a2"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--bx\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path d=\"M20 12c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5S7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7z\" fill=\"currentColor\"></path></svg>","data":{"insideRTE":false,"search":{"exclude":false},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--bx\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path d=\"M20 12c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5S7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7z\" fill=\"currentColor\"></path></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"cb655a0d-eaae-6778-fe3e-2b3c6714b716","type":"Block","tag":"div","classes":[],"children":["e8791622-1792-4c5f-e001-3d5780b1b425","e05522d0-9650-21da-d36b-916ddb0c0bf7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e8791622-1792-4c5f-e001-3d5780b1b425","type":"Heading","tag":"h5","classes":[],"children":["e8791622-1792-4c5f-e001-3d5780b1b426"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h5"}},{"_id":"e8791622-1792-4c5f-e001-3d5780b1b426","text":true,"v":"Exclusive posts"},{"_id":"e05522d0-9650-21da-d36b-916ddb0c0bf7","type":"Paragraph","tag":"p","classes":[],"children":["e05522d0-9650-21da-d36b-916ddb0c0bf8"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e05522d0-9650-21da-d36b-916ddb0c0bf8","text":true,"v":"Lorem ipsum dolor sit amet, consectetur."},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2674","type":"Block","tag":"div","classes":["81782dcb-9002-a52f-645c-45c8aa3f2446"],"children":["86d2c09a-a9eb-632e-9680-3ac27f27157d","ba01e068-f245-cf54-8967-fcf66e6a2676"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"86d2c09a-a9eb-632e-9680-3ac27f27157d","type":"HtmlEmbed","tag":"div","classes":["79d2b55e-e56d-de4a-80bc-fce80c7a9dea","128dbd96-a7de-7c7c-272e-4b2bf8a6d07a"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--heroicons\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 20 20\"><g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M14 6a2.5 2.5 0 0 0-4-3a2.5 2.5 0 0 0-4 3H3.25C2.56 6 2 6.56 2 7.25v.5C2 8.44 2.56 9 3.25 9h6V6h1.5v3h6C17.44 9 18 8.44 18 7.75v-.5C18 6.56 17.44 6 16.75 6H14Zm-1-1.5a1 1 0 0 1-1 1h-1v-1a1 1 0 1 1 2 0Zm-6 0a1 1 0 0 0 1 1h1v-1a1 1 0 0 0-2 0Z\" clip-rule=\"evenodd\"></path><path d=\"M9.25 10.5H3v4.75A2.75 2.75 0 0 0 5.75 18h3.5v-7.5Zm1.5 7.5v-7.5H17v4.75A2.75 2.75 0 0 1 14.25 18h-3.5Z\"></path></g></svg>","data":{"insideRTE":false,"search":{"exclude":false},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--heroicons\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 20 20\"><g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M14 6a2.5 2.5 0 0 0-4-3a2.5 2.5 0 0 0-4 3H3.25C2.56 6 2 6.56 2 7.25v.5C2 8.44 2.56 9 3.25 9h6V6h1.5v3h6C17.44 9 18 8.44 18 7.75v-.5C18 6.56 17.44 6 16.75 6H14Zm-1-1.5a1 1 0 0 1-1 1h-1v-1a1 1 0 1 1 2 0Zm-6 0a1 1 0 0 0 1 1h1v-1a1 1 0 0 0-2 0Z\" clip-rule=\"evenodd\"></path><path d=\"M9.25 10.5H3v4.75A2.75 2.75 0 0 0 5.75 18h3.5v-7.5Zm1.5 7.5v-7.5H17v4.75A2.75 2.75 0 0 1 14.25 18h-3.5Z\"></path></g></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2676","type":"Block","tag":"div","classes":[],"children":["ba01e068-f245-cf54-8967-fcf66e6a2677","ba01e068-f245-cf54-8967-fcf66e6a2679"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2677","type":"Heading","tag":"h5","classes":[],"children":["ba01e068-f245-cf54-8967-fcf66e6a2678"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h5"}},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2678","text":true,"v":"Free gifts"},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a2679","type":"Paragraph","tag":"p","classes":[],"children":["ba01e068-f245-cf54-8967-fcf66e6a267a"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ba01e068-f245-cf54-8967-fcf66e6a267a","text":true,"v":"Lorem ipsum dolor sit amet, consectetur."},{"_id":"2d96bdda-fc56-b52c-6e6e-a124677d6049","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f50f"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fa02e577-411a-04e4-3cad-90f4524550f9","type":"Block","tag":"div","classes":["2e874757-1aef-3ee9-c360-ecd066331889"],"children":["91a2b26e-d9ba-3286-63ef-8017f674620b","72a3536f-e6a4-c963-07ea-9458866bd61d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"91a2b26e-d9ba-3286-63ef-8017f674620b","type":"Link","tag":"a","classes":["07815991-952a-8d98-0e00-e4c25af27158"],"children":["91a2b26e-d9ba-3286-63ef-8017f674620c"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"91a2b26e-d9ba-3286-63ef-8017f674620c","text":true,"v":"Get started now ($29/m)"},{"_id":"72a3536f-e6a4-c963-07ea-9458866bd61d","type":"Link","tag":"a","classes":["07815991-952a-8d98-0e00-e4c25af2713f"],"children":["72a3536f-e6a4-c963-07ea-9458866bd61e"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"72a3536f-e6a4-c963-07ea-9458866bd61e","text":true,"v":"Log in"}],"styles":[{"_id":"0742253a-993b-ab7a-8b90-20d018821b03","fake":false,"type":"class","name":"popup_bottom","namespace":"","comb":"","styleLess":"padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d568e2a0-e795-84f4-2b2a-beaff7d1d122","fake":false,"type":"class","name":"popup_div","namespace":"","comb":"","styleLess":"overflow: hidden; width: 100%; max-width: 30rem; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(255.6521739130435, 15.98%, 30.47%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(255.6521739130435, 15.98%, 30.47%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(255.6521739130435, 15.98%, 30.47%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(255.6521739130435, 15.98%, 30.47%, 1.00); border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(255.8823529411765, 21.62%, 21.38%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"128dbd96-a7de-7c7c-272e-4b2bf8a6d07a","fake":false,"type":"class","name":"is-green","namespace":"","comb":"&","styleLess":"color: hsla(110, 76.22%, 71.97%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"001f1b57-a3cb-3511-1fd9-5e4e8feeb5da","fake":false,"type":"class","name":"popup_top","namespace":"","comb":"","styleLess":"display: flex; min-height: 15rem; padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; justify-content: flex-end; align-items: flex-start; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(256.8, 16.13%, 30.39%, 1.00); background-image: @img_654c9a09fd816b58416cd264; background-position: 50% 50%; background-size: cover;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cbd54450-b647-d8ec-560e-2cd38472f50f","fake":false,"type":"class","name":"spacer-medium","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 2rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"79d2b55e-e56d-de4a-80bc-fce80c7a9dea","fake":false,"type":"class","name":"icon-embed-xsmall","namespace":"","comb":"","styleLess":"display: flex; width: 1.5rem; height: 1.5rem; flex-direction: column; justify-content: center; align-items: center;","variants":{},"children":["d36dd82c-1228-3de6-0e92-f18a772dc3a2","128dbd96-a7de-7c7c-272e-4b2bf8a6d07a","9d4572f0-47d5-4d2c-054a-c20af453e7a4"],"createdBy":"6075409192d886a671499223","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2714e","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"selector":null},{"_id":"81782dcb-9002-a52f-645c-45c8aa3f2446","fake":false,"type":"class","name":"list_item","namespace":"","comb":"","styleLess":"display: grid; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 2rem 1fr; grid-template-rows: auto;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27158","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(220.8247422680412, 52.03%, 28.07%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(220.8247422680412, 52.03%, 28.07%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(220.8247422680412, 52.03%, 28.07%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(220.8247422680412, 52.03%, 28.07%, 1.00); border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(222, 100.00%, 59.33%, 1.00); box-shadow: inset 0 2px 5px 0 hsla(0, 0.00%, 100.00%, 0.20), inset 0 -3px 5px 0 rgba(0,0,0,0.2); color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{},"children":["07815991-952a-8d98-0e00-e4c25af27165","07815991-952a-8d98-0e00-e4c25af27167","07815991-952a-8d98-0e00-e4c25af27168","07815991-952a-8d98-0e00-e4c25af2716c","07815991-952a-8d98-0e00-e4c25af27170","07815991-952a-8d98-0e00-e4c25af27171"],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2713f","fake":false,"type":"class","name":"text-style-link","namespace":"","comb":"","styleLess":"color: hsla(228, 0.00%, 100.00%, 1.00); font-weight: 500; text-decoration: none;","variants":{},"children":[],"selector":null},{"_id":"9d4572f0-47d5-4d2c-054a-c20af453e7a4","fake":false,"type":"class","name":"is-close","namespace":"","comb":"&","styleLess":"padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border-top-left-radius: 5rem; border-top-right-radius: 5rem; border-bottom-left-radius: 5rem; border-bottom-right-radius: 5rem; background-color: hsla(0, 0.00%, 100.00%, 0.20); backdrop-filter: blur(5px); cursor: pointer;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2e874757-1aef-3ee9-c360-ecd066331889","fake":false,"type":"class","name":"popup_button-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: flex-start; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7ffa7d09-46af-0058-0b3b-b006d4454acf","fake":false,"type":"class","name":"popup","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; min-height: 100vh; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; justify-content: center; align-items: center; background-color: hsla(254, 100.00%, 6.83%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"709d5c32-3a50-cfa5-e103-283dd10b7785","fake":false,"type":"class","name":"list","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d36dd82c-1228-3de6-0e92-f18a772dc3a2","fake":false,"type":"class","name":"is-orange","namespace":"","comb":"&","styleLess":"color: hsla(34, 94.16%, 65.77%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881.jpg","siteId":"654c960da38bb67400144fdc","width":1280,"isHD":false,"height":961,"fileName":"654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881.jpg","createdOn":"2023-11-09T08:36:25.360Z","origFileName":"pexels-anni-roenkae-2156881.jpg","fileHash":"2b3b9f47b84b5599f403d2250c6f4c59","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-500.jpg","origFileName":"pexels-anni-roenkae-2156881-p-500.jpg","fileName":"654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-500.jpg","size":22412,"format":"jpg","width":500,"quality":100,"_id":"654c9a0ba4b57efb1d91f778","cdnUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-800.jpg","origFileName":"pexels-anni-roenkae-2156881-p-800.jpg","fileName":"654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-800.jpg","size":45016,"format":"jpg","width":800,"quality":100,"_id":"654c9a0ba4b57efb1d91f779","cdnUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-1080.jpg","origFileName":"pexels-anni-roenkae-2156881-p-1080.jpg","fileName":"654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-1080.jpg","size":71597,"format":"jpg","width":1080,"quality":100,"_id":"654c9a0ba4b57efb1d91f77a","cdnUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-1080.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881.jpg","thumbUrl":"https://cdn.prod.website-files.com/654c960da38bb67400144fdc/654c9a09fd816b58416cd264_pexels-anni-roenkae-2156881-p-130x130q80.jpg","_id":"654c9a09fd816b58416cd264","updatedOn":"2023-11-09T08:39:34.577Z","fileSize":77867,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","createdOn":1699519862843}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1699519862843},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"654c960da38bb67400145032|34609b58-ab8a-161a-fa4f-201fc06c3b0e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1699519862844}],"actionLists":[{"id":"a","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"654c960da38bb67400145032|04247dbe-ff22-d063-3d0a-65235cbcd7e1","appliesTo":"ELEMENT_CLASS","styleBlockIds":["7ffa7d09-46af-0058-0b3b-b006d4454acf"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1699519865598}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Paywall Modal is a sleek dark-theme component designed to restrict access to gated content, prompting users to subscribe or log in when they attempt to access exclusive material.
Key Features:
- Dark theme design for modern aesthetics
- Customizable display settings for gated content
- Interactive elements for user engagement
- Responsive design for various devices
Design Elements:
- Dark color palette with contrasting text
- Rounded corners and soft shadows for a polished look
- Flexible layout with centered content
- Iconography to enhance visual communication
Potential Use Cases:
- Media websites offering premium articles
- Online courses requiring membership for content access
- E-commerce sites with exclusive product releases
- Blogs with subscriber-only posts
- Membership platforms providing gated community access
Conclusion: The Paywall Modal is a versatile and visually appealing component that effectively encourages user subscriptions while maintaining a user-friendly experience.
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.