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":"f74b349a-2fca-1c2a-383a-3662d65470ea","type":"Block","tag":"div","classes":["075224f4-9ede-3fcf-81fe-14aba9147d63"],"children":["f74b349a-2fca-1c2a-383a-3662d65470eb","f74b349a-2fca-1c2a-383a-3662d65470fa"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470eb","type":"Block","tag":"div","classes":["88e36442-e230-0710-e255-94d3adcea98a"],"children":["f74b349a-2fca-1c2a-383a-3662d65470ec","f74b349a-2fca-1c2a-383a-3662d65470f5","d577b15d-6e97-2e1c-6719-503d8038f9ea"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470ec","type":"Block","tag":"div","classes":["21b95204-f76f-adf1-e1b6-8f16f5890bd6"],"children":["f74b349a-2fca-1c2a-383a-3662d65470ed","f74b349a-2fca-1c2a-383a-3662d65470f4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470ed","type":"Block","tag":"div","classes":[],"children":["f74b349a-2fca-1c2a-383a-3662d65470ee","f74b349a-2fca-1c2a-383a-3662d65470ef","f74b349a-2fca-1c2a-383a-3662d65470f1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470ee","type":"Image","tag":"img","classes":["20d89059-4917-ab90-bf9a-a116dd87ec0f"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/6364071c9b19034c843f7d12_black.svg","loading":"lazy","width":"auto","height":"auto","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"img":{"id":"6364071c9b19034c843f7d12"},"displayName":""}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470ef","type":"Block","tag":"div","classes":["dc878354-5a87-942c-a1bd-19bfdbdeca31"],"children":["f74b349a-2fca-1c2a-383a-3662d65470f0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f0","text":true,"v":"Save 50%"},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f1","type":"Block","tag":"div","classes":["e04801c0-2fb0-be18-8b84-7bf045c230ae"],"children":["f74b349a-2fca-1c2a-383a-3662d65470f2"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f2","text":true,"v":"Valid for yearly subscriptions"},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f4","type":"Animation","tag":"div","classes":["cdf34187-7cbd-e7e2-a0e8-8e59baf30ccc"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"renderMode":"svg","path":{"src":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/63640ba54559695b312502b0_94248-gift-blue%20(1).json","origFileName":"94248-gift-blue (1).json","totalDuration":4},"loop":true,"playInReverse":false}},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f5","type":"Block","tag":"div","classes":["40606b3a-cb9a-d414-6f76-4f63ab2edecb"],"children":["f74b349a-2fca-1c2a-383a-3662d65470f6","f74b349a-2fca-1c2a-383a-3662d65470f8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f6","type":"Block","tag":"div","classes":[],"children":["f74b349a-2fca-1c2a-383a-3662d65470f7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f7","text":true,"v":"A free coupon for you"},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f8","type":"Block","tag":"div","classes":["8dcaf56f-40a9-242f-1ea8-476994531a64"],"children":["f85826a3-1147-9982-fc17-c110ab0a630e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f85826a3-1147-9982-fc17-c110ab0a630e","text":true,"v":"50% OFF"},{"_id":"d577b15d-6e97-2e1c-6719-503d8038f9ea","type":"Block","tag":"div","classes":["10aeabfe-695d-cec7-f14e-3997c11e88bc"],"children":[],"data":{"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470fa","type":"Block","tag":"div","classes":["bc11ca37-c026-9483-d713-dca2c90b25d3"],"children":[],"data":{"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}}],"styles":[{"_id":"21b95204-f76f-adf1-e1b6-8f16f5890bd6","fake":false,"type":"class","name":"coupon-box-top-a","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; display: flex; min-height: 160px; padding-top: 1.5em; padding-right: 2em; padding-bottom: 1.5em; padding-left: 2em; justify-content: space-between; align-items: center; border-bottom-style: dashed; border-bottom-width: 1.5px; border-bottom-color: hsla(0, 3.60%, 88.93%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"bc11ca37-c026-9483-d713-dca2c90b25d3","fake":false,"type":"class","name":"coupon-bg-b","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: -20%; bottom: 0%; z-index: 1; width: 63%; height: 70vh; border-top-left-radius: 25%; border-top-right-radius: 25%; border-bottom-left-radius: 25%; border-bottom-right-radius: 25%; background-color: hsla(196.0606060606061, 100.00%, 38.82%, 1.00); background-image: @img_636409021c9a095f8ca103e5; background-position: 0px 0px; background-size: 200px; transform: skew(-42deg, 28deg);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e04801c0-2fb0-be18-8b84-7bf045c230ae","fake":false,"type":"class","name":"coupon-text-grey-a","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 20.00%, 0.70);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8dcaf56f-40a9-242f-1ea8-476994531a64","fake":false,"type":"class","name":"coupon-price-b","namespace":"","comb":"","styleLess":"color: hsla(196.0606060606061, 100.00%, 38.82%, 1.00); font-size: 2em; line-height: 1.4em; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dc878354-5a87-942c-a1bd-19bfdbdeca31","fake":false,"type":"class","name":"coupon-offer-a","namespace":"","comb":"","styleLess":"color: black; font-size: 3em; line-height: 1.4em; font-weight: 600;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"88e36442-e230-0710-e255-94d3adcea98a","fake":false,"type":"class","name":"coupon-box-a","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; overflow: hidden; max-height: 240px; min-width: 420px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; box-shadow: 4px 4px 9px 0 rgba(0, 0, 0, 0.2);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"cdf34187-7cbd-e7e2-a0e8-8e59baf30ccc","fake":false,"type":"class","name":"coupon-image-b","namespace":"","comb":"","styleLess":"position: absolute; top: -77.4219px; right: -141px; width: 450px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"075224f4-9ede-3fcf-81fe-14aba9147d63","fake":false,"type":"class","name":"coupon-section-b","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; min-height: 70vh; padding-top: 60px; padding-bottom: 60px; justify-content: center; align-items: center; background-color: hsla(196.06694560669456, 100.00%, 76.12%, 1.00); background-image: @img_636409021c9a095f8ca103e5, radial-gradient(circle farthest-corner at 100% 0%, hsla(116, 100.00%, 86.16%, 1.00), hsla(0, 0.00%, 100.00%, 0.01)); background-position: 0px 0px, 0px 0px; background-size: 200px, auto;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"40606b3a-cb9a-d414-6f76-4f63ab2edecb","fake":false,"type":"class","name":"coupon-box-bottom-a","namespace":"","comb":"","styleLess":"display: flex; padding-top: 1.2em; padding-right: 2em; padding-bottom: 1.2em; padding-left: 2em; justify-content: space-between; align-items: center; font-weight: 400;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"20d89059-4917-ab90-bf9a-a116dd87ec0f","fake":false,"type":"class","name":"coupon-logo-a","namespace":"","comb":"","styleLess":"width: 77px;","variants":{"small":{"styleLess":"height: 1.5rem;"}},"children":[],"selector":null},{"_id":"10aeabfe-695d-cec7-f14e-3997c11e88bc","fake":false,"type":"class","name":"coupon-box-bg-b","namespace":"","comb":"","styleLess":"position: absolute; left: -50px; top: -21%; bottom: 0%; z-index: 1; width: 60px; height: 100%; border-top-left-radius: 60%; border-top-right-radius: 60%; border-bottom-left-radius: 60%; border-bottom-right-radius: 60%; background-color: hsla(196.06694560669456, 100.00%, 46.86%, 1.00); background-image: @img_636409021c9a095f8ca103e5; background-position: 0px 0px; background-size: 200px; transform: rotate(10deg);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/6364071c9b19034c843f7d12_black.svg","siteId":"636404a7e8c6ff1674a11a14","width":431,"isHD":false,"height":103,"fileName":"6364071c9b19034c843f7d12_black.svg","createdOn":"2022-11-03T18:23:24.905Z","origFileName":"black.svg","fileHash":"6930cd36e04aa493bdde497608d7807b","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636404a7e8c6ff1674a11a14/6364071c9b19034c843f7d12_black.svg","thumbUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/6364071c9b19034c843f7d12_black.svg","_id":"6364071c9b19034c843f7d12","updatedOn":"2022-11-03T18:23:25.026Z","fileSize":9130},{"cdnUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/63640ba54559695b312502b0_94248-gift-blue%20(1).json","siteId":"636404a7e8c6ff1674a11a14","width":0,"isHD":false,"height":0,"fileName":"63640ba54559695b312502b0_94248-gift-blue (1).json","createdOn":"2022-11-03T18:42:45.185Z","origFileName":"94248-gift-blue (1).json","fileHash":"0898f9bf44ac178dc11b647d0eb3d6fa","variants":[],"mimeType":"application/json","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636404a7e8c6ff1674a11a14/63640ba54559695b312502b0_94248-gift-blue%20(1).json","_id":"63640ba54559695b312502b0","type":"LOTTIE","updatedOn":"2022-11-03T18:42:45.185Z","fileSize":23822},{"cdnUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/636409021c9a095f8ca103e5_noise.png","siteId":"636404a7e8c6ff1674a11a14","width":400,"isHD":false,"height":400,"fileName":"636409021c9a095f8ca103e5_noise.png","createdOn":"2022-11-03T18:31:30.679Z","origFileName":"noise.png","fileHash":"27e00e0a32c821821227f0c376c856ac","variants":[],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636404a7e8c6ff1674a11a14/636409021c9a095f8ca103e5_noise.png","thumbUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/636409021c9a095f8ca103e5_noise-p-130x130q80.png","_id":"636409021c9a095f8ca103e5","updatedOn":"2022-11-07T12:35:44.813Z","fileSize":11126}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f74b349a-2fca-1c2a-383a-3662d65470ea","type":"Block","tag":"div","classes":["075224f4-9ede-3fcf-81fe-14aba9147d63"],"children":["f74b349a-2fca-1c2a-383a-3662d65470eb","f74b349a-2fca-1c2a-383a-3662d65470fa"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470eb","type":"Block","tag":"div","classes":["88e36442-e230-0710-e255-94d3adcea98a"],"children":["f74b349a-2fca-1c2a-383a-3662d65470ec","f74b349a-2fca-1c2a-383a-3662d65470f5","d577b15d-6e97-2e1c-6719-503d8038f9ea"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470ec","type":"Block","tag":"div","classes":["21b95204-f76f-adf1-e1b6-8f16f5890bd6"],"children":["f74b349a-2fca-1c2a-383a-3662d65470ed","f74b349a-2fca-1c2a-383a-3662d65470f4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470ed","type":"Block","tag":"div","classes":[],"children":["f74b349a-2fca-1c2a-383a-3662d65470ee","f74b349a-2fca-1c2a-383a-3662d65470ef","f74b349a-2fca-1c2a-383a-3662d65470f1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470ee","type":"Image","tag":"img","classes":["20d89059-4917-ab90-bf9a-a116dd87ec0f"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/6364071c9b19034c843f7d12_black.svg","loading":"lazy","width":"auto","height":"auto","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"img":{"id":"6364071c9b19034c843f7d12"},"displayName":""}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470ef","type":"Block","tag":"div","classes":["dc878354-5a87-942c-a1bd-19bfdbdeca31"],"children":["f74b349a-2fca-1c2a-383a-3662d65470f0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f0","text":true,"v":"Save 50%"},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f1","type":"Block","tag":"div","classes":["e04801c0-2fb0-be18-8b84-7bf045c230ae"],"children":["f74b349a-2fca-1c2a-383a-3662d65470f2"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f2","text":true,"v":"Valid for yearly subscriptions"},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f4","type":"Animation","tag":"div","classes":["cdf34187-7cbd-e7e2-a0e8-8e59baf30ccc"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"renderMode":"svg","path":{"src":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/63640ba54559695b312502b0_94248-gift-blue%20(1).json","origFileName":"94248-gift-blue (1).json","totalDuration":4},"loop":true,"playInReverse":false}},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f5","type":"Block","tag":"div","classes":["40606b3a-cb9a-d414-6f76-4f63ab2edecb"],"children":["f74b349a-2fca-1c2a-383a-3662d65470f6","f74b349a-2fca-1c2a-383a-3662d65470f8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f6","type":"Block","tag":"div","classes":[],"children":["f74b349a-2fca-1c2a-383a-3662d65470f7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f7","text":true,"v":"A free coupon for you"},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470f8","type":"Block","tag":"div","classes":["8dcaf56f-40a9-242f-1ea8-476994531a64"],"children":["f85826a3-1147-9982-fc17-c110ab0a630e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f85826a3-1147-9982-fc17-c110ab0a630e","text":true,"v":"50% OFF"},{"_id":"d577b15d-6e97-2e1c-6719-503d8038f9ea","type":"Block","tag":"div","classes":["10aeabfe-695d-cec7-f14e-3997c11e88bc"],"children":[],"data":{"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"f74b349a-2fca-1c2a-383a-3662d65470fa","type":"Block","tag":"div","classes":["bc11ca37-c026-9483-d713-dca2c90b25d3"],"children":[],"data":{"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}}],"styles":[{"_id":"21b95204-f76f-adf1-e1b6-8f16f5890bd6","fake":false,"type":"class","name":"coupon-box-top-a","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; display: flex; min-height: 160px; padding-top: 1.5em; padding-right: 2em; padding-bottom: 1.5em; padding-left: 2em; justify-content: space-between; align-items: center; border-bottom-style: dashed; border-bottom-width: 1.5px; border-bottom-color: hsla(0, 3.60%, 88.93%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"bc11ca37-c026-9483-d713-dca2c90b25d3","fake":false,"type":"class","name":"coupon-bg-b","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: -20%; bottom: 0%; z-index: 1; width: 63%; height: 70vh; border-top-left-radius: 25%; border-top-right-radius: 25%; border-bottom-left-radius: 25%; border-bottom-right-radius: 25%; background-color: hsla(196.0606060606061, 100.00%, 38.82%, 1.00); background-image: @img_636409021c9a095f8ca103e5; background-position: 0px 0px; background-size: 200px; transform: skew(-42deg, 28deg);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e04801c0-2fb0-be18-8b84-7bf045c230ae","fake":false,"type":"class","name":"coupon-text-grey-a","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 20.00%, 0.70);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8dcaf56f-40a9-242f-1ea8-476994531a64","fake":false,"type":"class","name":"coupon-price-b","namespace":"","comb":"","styleLess":"color: hsla(196.0606060606061, 100.00%, 38.82%, 1.00); font-size: 2em; line-height: 1.4em; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dc878354-5a87-942c-a1bd-19bfdbdeca31","fake":false,"type":"class","name":"coupon-offer-a","namespace":"","comb":"","styleLess":"color: black; font-size: 3em; line-height: 1.4em; font-weight: 600;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"88e36442-e230-0710-e255-94d3adcea98a","fake":false,"type":"class","name":"coupon-box-a","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; overflow: hidden; max-height: 240px; min-width: 420px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; box-shadow: 4px 4px 9px 0 rgba(0, 0, 0, 0.2);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"cdf34187-7cbd-e7e2-a0e8-8e59baf30ccc","fake":false,"type":"class","name":"coupon-image-b","namespace":"","comb":"","styleLess":"position: absolute; top: -77.4219px; right: -141px; width: 450px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"075224f4-9ede-3fcf-81fe-14aba9147d63","fake":false,"type":"class","name":"coupon-section-b","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; min-height: 70vh; padding-top: 60px; padding-bottom: 60px; justify-content: center; align-items: center; background-color: hsla(196.06694560669456, 100.00%, 76.12%, 1.00); background-image: @img_636409021c9a095f8ca103e5, radial-gradient(circle farthest-corner at 100% 0%, hsla(116, 100.00%, 86.16%, 1.00), hsla(0, 0.00%, 100.00%, 0.01)); background-position: 0px 0px, 0px 0px; background-size: 200px, auto;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"40606b3a-cb9a-d414-6f76-4f63ab2edecb","fake":false,"type":"class","name":"coupon-box-bottom-a","namespace":"","comb":"","styleLess":"display: flex; padding-top: 1.2em; padding-right: 2em; padding-bottom: 1.2em; padding-left: 2em; justify-content: space-between; align-items: center; font-weight: 400;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"20d89059-4917-ab90-bf9a-a116dd87ec0f","fake":false,"type":"class","name":"coupon-logo-a","namespace":"","comb":"","styleLess":"width: 77px;","variants":{"small":{"styleLess":"height: 1.5rem;"}},"children":[],"selector":null},{"_id":"10aeabfe-695d-cec7-f14e-3997c11e88bc","fake":false,"type":"class","name":"coupon-box-bg-b","namespace":"","comb":"","styleLess":"position: absolute; left: -50px; top: -21%; bottom: 0%; z-index: 1; width: 60px; height: 100%; border-top-left-radius: 60%; border-top-right-radius: 60%; border-bottom-left-radius: 60%; border-bottom-right-radius: 60%; background-color: hsla(196.06694560669456, 100.00%, 46.86%, 1.00); background-image: @img_636409021c9a095f8ca103e5; background-position: 0px 0px; background-size: 200px; transform: rotate(10deg);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/6364071c9b19034c843f7d12_black.svg","siteId":"636404a7e8c6ff1674a11a14","width":431,"isHD":false,"height":103,"fileName":"6364071c9b19034c843f7d12_black.svg","createdOn":"2022-11-03T18:23:24.905Z","origFileName":"black.svg","fileHash":"6930cd36e04aa493bdde497608d7807b","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636404a7e8c6ff1674a11a14/6364071c9b19034c843f7d12_black.svg","thumbUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/6364071c9b19034c843f7d12_black.svg","_id":"6364071c9b19034c843f7d12","updatedOn":"2022-11-03T18:23:25.026Z","fileSize":9130},{"cdnUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/63640ba54559695b312502b0_94248-gift-blue%20(1).json","siteId":"636404a7e8c6ff1674a11a14","width":0,"isHD":false,"height":0,"fileName":"63640ba54559695b312502b0_94248-gift-blue (1).json","createdOn":"2022-11-03T18:42:45.185Z","origFileName":"94248-gift-blue (1).json","fileHash":"0898f9bf44ac178dc11b647d0eb3d6fa","variants":[],"mimeType":"application/json","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636404a7e8c6ff1674a11a14/63640ba54559695b312502b0_94248-gift-blue%20(1).json","_id":"63640ba54559695b312502b0","type":"LOTTIE","updatedOn":"2022-11-03T18:42:45.185Z","fileSize":23822},{"cdnUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/636409021c9a095f8ca103e5_noise.png","siteId":"636404a7e8c6ff1674a11a14","width":400,"isHD":false,"height":400,"fileName":"636409021c9a095f8ca103e5_noise.png","createdOn":"2022-11-03T18:31:30.679Z","origFileName":"noise.png","fileHash":"27e00e0a32c821821227f0c376c856ac","variants":[],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636404a7e8c6ff1674a11a14/636409021c9a095f8ca103e5_noise.png","thumbUrl":"https://cdn.prod.website-files.com/636404a7e8c6ff1674a11a14/636409021c9a095f8ca103e5_noise-p-130x130q80.png","_id":"636409021c9a095f8ca103e5","updatedOn":"2022-11-07T12:35:44.813Z","fileSize":11126}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Promotion Card is a user-friendly coupon interface designed to enhance promotional campaigns and customer referrals. It effectively communicates offers with engaging visuals and clear messaging.
Key Features:
- Visually appealing design with a modern aesthetic
- Includes a prominent discount message (e.g., 'Save 50%')
- Supports animations for enhanced user engagement
- Customizable for various promotional needs
- Responsive design suitable for different devices
Design Elements:
- Colorful background with a gradient effect
- Dashed border for a distinct separation
- Rounded corners for a softer look
- Use of images and animations to attract attention
- Clear typography for easy readability
Potential Use Cases:
- E-commerce websites offering seasonal discounts
- Subscription services promoting special offers
- Restaurants running referral programs
- Event organizers providing ticket discounts
- Online courses offering limited-time promotions
Conclusion: The Promotion Card is a versatile and visually appealing component that can significantly enhance promotional efforts across various industries, making it an excellent choice for businesses looking to attract and retain customers.
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.