Loading Component...

Loading

More Components

View All
Oops! Something went wrong while submitting the form.
Welcome Modal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f882","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051620"],"children":["d5fe69b7-4c71-562d-f1f9-a48e3462f883","c2eb4623-1467-b8af-b5c2-fa1e8648d07c","5acdc35a-63c5-9054-bd9b-2202bb3a84b1","f4fde1ba-6fc8-5119-8223-d78b0691e449","152c9579-2105-cb6f-77d6-86ce0f1225e8"],"data":{"search":{"exclude":false},"xattr":[{"name":"welcome-modal","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f883","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051627"],"children":["d5fe69b7-4c71-562d-f1f9-a48e3462f884"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f884","type":"HtmlEmbed","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051628"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 10.586L9.172 7.757L7.757 9.172L10.586 12L7.757 14.828L9.172 16.243L12 13.414L14.828 16.243L16.243 14.828L13.414 12L16.243 9.172L14.828 7.757L12 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 10.586L9.172 7.757L7.757 9.172L10.586 12L7.757 14.828L9.172 16.243L12 13.414L14.828 16.243L16.243 14.828L13.414 12L16.243 9.172L14.828 7.757L12 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"c2eb4623-1467-b8af-b5c2-fa1e8648d07c","type":"HtmlEmbed","tag":"div","classes":["4a0a4194-c1c2-b6f4-b25c-f7d49e729fa9"],"children":[],"v":"<style>\n .modal {\n position: fixed;\n display: none;\n }\n</style>\n<!--This scipt is here to prevent the code from running in the Webflow Designer-->\n<script></script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<style>\n .modal {\n position: fixed;\n display: none;\n }\n</style>\n<!--This scipt is here to prevent the code from running in the Webflow Designer-->\n<script></script>","div":false,"iframe":false,"script":true,"compilable":false},"type":"html"}}},{"_id":"5acdc35a-63c5-9054-bd9b-2202bb3a84b1","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051624"],"children":["e9158e65-2e71-d12b-8471-9d47f1a6c3f2","8bf49679-55a8-739f-2cf8-88867a911cc9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9158e65-2e71-d12b-8471-9d47f1a6c3f2","type":"HtmlEmbed","tag":"div","classes":["6d8d1125-8ca8-0ee7-ac1f-a5fc198bbf72"],"children":[],"v":"<style>\n.w-slider-dot {\n background: #8f93a3;\n height: 7px;\n width: 7px;\n}\n.w-slider-dot.w-active {\n background: #5d21d2;\n}\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n.w-slider-dot {\n background: #8f93a3;\n height: 7px;\n width: 7px;\n}\n.w-slider-dot.w-active {\n background: #5d21d2;\n}\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"8bf49679-55a8-739f-2cf8-88867a911cc9","type":"Block","tag":"div","classes":["c8ff8987-47db-4510-20e9-c1c3f1841b77"],"children":["8c66f450-f2b2-eb7f-2d19-8d51764a50fa","39254412-a1b2-057e-96cc-5774eadd9112","74094ab1-6994-f81b-1b19-9338d8141624"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fa","type":"SliderWrapper","tag":"div","classes":["8ba02724-cddb-faca-18d3-40f9455311bb"],"children":["8c66f450-f2b2-eb7f-2d19-8d51764a50fb","8c66f450-f2b2-eb7f-2d19-8d51764a50fe","8c66f450-f2b2-eb7f-2d19-8d51764a5100","8c66f450-f2b2-eb7f-2d19-8d51764a5102"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"slider":{"navSpacing":3,"navShadow":false,"autoplay":false,"delay":4000,"iconArrows":true,"animation":"slide","navNumbers":false,"easing":"ease","navRound":true,"hideArrows":true,"disableSwipe":false,"duration":500,"infinite":true,"autoMax":0,"navInvert":false,"type":"wrapper"}}},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fb","type":"SliderMask","tag":"div","classes":[],"children":["8c66f450-f2b2-eb7f-2d19-8d51764a50fc","8c66f450-f2b2-eb7f-2d19-8d51764a50fd","21a8e5c4-e148-683f-4f09-cf9f526cbb18"],"data":{"slider":{"type":"slides"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fc","type":"SliderSlide","tag":"div","classes":["77da9897-2760-fa7f-9cf0-82ac68c9cedd"],"children":["b19f0aa1-edff-9030-0ce6-0f100c6cdd3f","367f9eb9-13a0-5086-d437-9c7a320634ef"],"data":{"slider":{"type":"slide"},"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b19f0aa1-edff-9030-0ce6-0f100c6cdd3f","type":"Block","tag":"div","classes":["4472e945-4f44-564e-4d00-0c22112ce392"],"children":["6f200046-b575-335e-d731-a82d09143d2f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6f200046-b575-335e-d731-a82d09143d2f","type":"Image","tag":"img","classes":["7e4948d6-fef0-35fe-522d-468af5616a7e"],"children":[],"data":{"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113.png","loading":"lazy","id":""},"img":{"id":"636aa2484c77749d3966cd5e","sizes":[{"max":479,"size":"100vw"},{"max":10000,"size":"218.875px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"367f9eb9-13a0-5086-d437-9c7a320634ef","type":"Block","tag":"div","classes":["4d4f78c8-6782-9484-88a7-6d67a26d5d71"],"children":["d5fe69b7-4c71-562d-f1f9-a48e3462f887","04006c27-cec5-2062-6da5-aaf956e5fd0c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f887","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051623"],"children":["d5fe69b7-4c71-562d-f1f9-a48e3462f888"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f888","text":true,"v":"Welcome to the app!"},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd0c","type":"Block","tag":"div","classes":["4fc942c0-9719-ee34-d6da-9fe0f774cc24"],"children":["04006c27-cec5-2062-6da5-aaf956e5fd0d","0ed2662b-54c7-4010-3e60-8c7ff00421ed","72fabe9b-1faf-bb2b-ca06-48016593721d","04006c27-cec5-2062-6da5-aaf956e5fd0e","04006c27-cec5-2062-6da5-aaf956e5fd10"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd0d","text":true,"v":"This modal is a demo. The real version is on the "},{"_id":"0ed2662b-54c7-4010-3e60-8c7ff00421ed","type":"Span","tag":"span","classes":["52cc56f2-be17-584a-0447-7ae7e2d2e5e1"],"children":["b1dcd2d1-608b-0db5-a44c-af8555fdcdc4"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b1dcd2d1-608b-0db5-a44c-af8555fdcdc4","text":true,"v":"/dashboard"},{"_id":"72fabe9b-1faf-bb2b-ca06-48016593721d","text":true,"v":" page and is only visible when the URL contains the link parameter "},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd0e","type":"Span","tag":"span","classes":["52cc56f2-be17-584a-0447-7ae7e2d2e5e1"],"children":["04006c27-cec5-2062-6da5-aaf956e5fd0f"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd0f","text":true,"v":"?welcome=true"},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd10","text":true,"v":"."},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fd","type":"SliderSlide","tag":"div","classes":["77da9897-2760-fa7f-9cf0-82ac68c9cedd"],"children":["11d34c28-9398-6812-d258-4bcd5b23628f","9b81f877-17f9-4ba6-d49f-d0111b404905"],"data":{"slider":{"type":"slide"},"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"11d34c28-9398-6812-d258-4bcd5b23628f","type":"Block","tag":"div","classes":["4472e945-4f44-564e-4d00-0c22112ce392"],"children":["11d34c28-9398-6812-d258-4bcd5b236290"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"11d34c28-9398-6812-d258-4bcd5b236290","type":"Image","tag":"img","classes":["7e4948d6-fef0-35fe-522d-468af5616a7e"],"children":[],"data":{"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931.png","loading":"lazy","id":""},"img":{"id":"636aa247e251206e0bdc8cd2","sizes":[{"max":479,"size":"100vw"},{"max":10000,"size":"266.3046875px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404905","type":"Block","tag":"div","classes":["4d4f78c8-6782-9484-88a7-6d67a26d5d71"],"children":["9b81f877-17f9-4ba6-d49f-d0111b404906","9b81f877-17f9-4ba6-d49f-d0111b404908"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404906","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051623"],"children":["9b81f877-17f9-4ba6-d49f-d0111b404907"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404907","text":true,"v":"Welcome to the app!"},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404908","type":"Block","tag":"div","classes":["4fc942c0-9719-ee34-d6da-9fe0f774cc24"],"children":["9b81f877-17f9-4ba6-d49f-d0111b404909"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404909","text":true,"v":"We're so glad you decided to give our product a try. Behind this 3-step tour is your personalized dashboard. "},{"_id":"21a8e5c4-e148-683f-4f09-cf9f526cbb18","type":"SliderSlide","tag":"div","classes":[],"children":["56ae2b4f-cab9-e425-95cd-d8aaf7c33ae2","e9f5e944-4850-7598-f642-c78488ee3b1d"],"data":{"slider":{"type":"Slider"},"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"56ae2b4f-cab9-e425-95cd-d8aaf7c33ae2","type":"Block","tag":"div","classes":["4472e945-4f44-564e-4d00-0c22112ce392"],"children":["56ae2b4f-cab9-e425-95cd-d8aaf7c33ae3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"56ae2b4f-cab9-e425-95cd-d8aaf7c33ae3","type":"Image","tag":"img","classes":["7e4948d6-fef0-35fe-522d-468af5616a7e"],"children":[],"data":{"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression.png","loading":"lazy","id":""},"img":{"id":"636aa248f78e038815cbee61","sizes":[{"max":479,"size":"100vw"},{"max":10000,"size":"226.7890625px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b1d","type":"Block","tag":"div","classes":["4d4f78c8-6782-9484-88a7-6d67a26d5d71"],"children":["e9f5e944-4850-7598-f642-c78488ee3b1e","e9f5e944-4850-7598-f642-c78488ee3b20"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b1e","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051623"],"children":["e9f5e944-4850-7598-f642-c78488ee3b1f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b1f","text":true,"v":"Another important thing"},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b20","type":"Block","tag":"div","classes":["4fc942c0-9719-ee34-d6da-9fe0f774cc24"],"children":["e9f5e944-4850-7598-f642-c78488ee3b21"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b21","text":true,"v":"Be sure to keep this info concise and focused. As soon as someone feels its not worth their time they will close it. "},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fe","type":"SliderArrow","tag":"div","classes":["6481d828-b497-33cd-7eb9-e1e0b1dab6c2","8f7f9453-8fb6-9fbf-e615-61ccfbcae25f"],"children":["8bb11165-270b-b4df-0309-4f3b88483cab"],"data":{"slider":{"dir":"left","type":"arrow"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8bb11165-270b-b4df-0309-4f3b88483cab","type":"Block","tag":"div","classes":[],"children":["8bb11165-270b-b4df-0309-4f3b88483cac"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8bb11165-270b-b4df-0309-4f3b88483cac","text":true,"v":"Back"},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a5100","type":"SliderArrow","tag":"div","classes":["6481d828-b497-33cd-7eb9-e1e0b1dab6c2"],"children":["e1b805ec-9063-0936-09cf-aade19f4dea4"],"data":{"slider":{"dir":"right","type":"arrow"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e1b805ec-9063-0936-09cf-aade19f4dea4","type":"Block","tag":"div","classes":[],"children":["e1b805ec-9063-0936-09cf-aade19f4dea5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e1b805ec-9063-0936-09cf-aade19f4dea5","text":true,"v":"Continue"},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a5102","type":"SliderNav","tag":"div","classes":[],"children":[],"data":{"slider":{"type":"nav"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"39254412-a1b2-057e-96cc-5774eadd9112","type":"Link","tag":"a","classes":["6481d828-b497-33cd-7eb9-e1e0b1dab6c2"],"children":["299fae46-26c0-28f0-b467-25483b620214"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"299fae46-26c0-28f0-b467-25483b620214","type":"Block","tag":"div","classes":[],"children":["299fae46-26c0-28f0-b467-25483b620215"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"299fae46-26c0-28f0-b467-25483b620215","text":true,"v":"Get Started"},{"_id":"74094ab1-6994-f81b-1b19-9338d8141624","type":"Link","tag":"a","classes":["6481d828-b497-33cd-7eb9-e1e0b1dab6c2","8f7f9453-8fb6-9fbf-e615-61ccfbcae25f"],"children":["b8e0f47e-cac9-59ad-150f-2d48e1260981"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"b8e0f47e-cac9-59ad-150f-2d48e1260981","type":"Block","tag":"div","classes":[],"children":["b8e0f47e-cac9-59ad-150f-2d48e1260982"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b8e0f47e-cac9-59ad-150f-2d48e1260982","text":true,"v":"Skip tour"},{"_id":"f4fde1ba-6fc8-5119-8223-d78b0691e449","type":"Block","tag":"div","classes":["9a4484c1-609f-d465-999d-8a2400e60409"],"children":["4da06730-8761-83c3-8b60-4b287e8a8612"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4da06730-8761-83c3-8b60-4b287e8a8612","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051620","4c905e9d-2962-0786-aba9-b4ed77511f6e"],"children":[],"data":{"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"152c9579-2105-cb6f-77d6-86ce0f1225e8","type":"HtmlEmbed","tag":"div","classes":["ff61235d-34f3-2f81-6526-4727611c523d"],"children":[],"v":"<script>\nfunction showElement () {\n try {\n const urlParams = new URLSearchParams(window.location.search)\n\t\treturn urlParams.get(\"welcome\")\n } catch (e) {\n return false;\n }\n}\n\nif (showElement()) {\n var elements = Array.from(document.querySelectorAll(\"[welcome-modal]\"))\n elements.map((el) => {\n el.classList.add(\"is-signup\")\n })\n}\n</script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<script>\nfunction showElement () {\n try {\n const urlParams = new URLSearchParams(window.location.search)\n\t\treturn urlParams.get(\"welcome\")\n } catch (e) {\n return false;\n }\n}\n\nif (showElement()) {\n var elements = Array.from(document.querySelectorAll(\"[welcome-modal]\"))\n elements.map((el) => {\n el.classList.add(\"is-signup\")\n })\n}\n</script>","div":false,"iframe":false,"script":true,"compilable":false}}}}],"styles":[{"_id":"52cc56f2-be17-584a-0447-7ae7e2d2e5e1","fake":false,"type":"class","name":"modal-code","namespace":"","comb":"","styleLess":"display: inline-block; padding-right: 5px; padding-left: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(261.42857142857144, 63.64%, 95.69%, 1.00); color: black;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"77da9897-2760-fa7f-9cf0-82ac68c9cedd","fake":false,"type":"class","name":"modal-slide","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4a0a4194-c1c2-b6f4-b25c-f7d49e729fa9","fake":false,"type":"class","name":"👋 Modal CSS","namespace":"","comb":"","styleLess":"position: relative; z-index: 5; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051620","fake":false,"type":"class","name":"modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 9999; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5);","variants":{},"children":["4c905e9d-2962-0786-aba9-b4ed77511f6e"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051627","fake":false,"type":"class","name":"modal-close","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6481d828-b497-33cd-7eb9-e1e0b1dab6c2","fake":false,"type":"class","name":"modal-button","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; width: 43%; height: 52px; margin-right: 6%; margin-bottom: -60px; margin-left: 6%; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #5d21d2; background-image: linear-gradient(270deg, #5d21d2, rgba(255, 255, 255, 0.1)); transition-property: border-color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-size: 17px; text-align: center; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(260.50632911392404, 86.86%, 64.48%, 1.00);"}},"children":["8f7f9453-8fb6-9fbf-e615-61ccfbcae25f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051623","fake":false,"type":"class","name":"modal-h1","namespace":"","comb":"","styleLess":"margin-bottom: 5px; color: #333; font-size: 1.2em; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4d4f78c8-6782-9484-88a7-6d67a26d5d71","fake":false,"type":"class","name":"modal-content","namespace":"","comb":"","styleLess":"padding-top: 6%; padding-right: 6%; padding-bottom: 60px; padding-left: 6%; text-align: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4fc942c0-9719-ee34-d6da-9fe0f774cc24","fake":false,"type":"class","name":"modal-text","namespace":"","comb":"","styleLess":"font-size: 0.9em; line-height: 1.7;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ff61235d-34f3-2f81-6526-4727611c523d","fake":false,"type":"class","name":"👋 Modal JS","namespace":"","comb":"","styleLess":"position: relative; z-index: 5;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8f7f9453-8fb6-9fbf-e615-61ccfbcae25f","fake":false,"type":"class","name":"back","namespace":"","comb":"&","styleLess":"left: 0%; top: auto; right: auto; bottom: 0%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 87.84%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 87.84%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 87.84%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 87.84%, 1.00); background-color: white; background-image: none /* linear-gradient(270deg, #5d21d2, hsla(0, 0.00%, 100.00%, 0.01)) */; color: #616a73;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00); border-right-color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00); border-bottom-color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00); border-left-color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00); color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"7e4948d6-fef0-35fe-522d-468af5616a7e","fake":false,"type":"class","name":"modal-image","namespace":"","comb":"","styleLess":"height: 200px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c8ff8987-47db-4510-20e9-c1c3f1841b77","fake":false,"type":"class","name":"relative","namespace":"","comb":"","styleLess":"position: relative;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9a4484c1-609f-d465-999d-8a2400e60409","fake":false,"type":"class","name":"Don't Delete","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4472e945-4f44-564e-4d00-0c22112ce392","fake":false,"type":"class","name":"modal-image-wrapper","namespace":"","comb":"","styleLess":"display: flex; padding-top: 6%; justify-content: center; align-items: center; background-image: linear-gradient(to bottom, rgba(93, 33, 210, 0.25), white);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051624","fake":false,"type":"class","name":"modal-form","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; overflow: scroll; width: 100%; max-width: 400px; margin-bottom: 0px; padding-bottom: 90px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px rgba(29, 1, 80, 0.25); line-height: 1.4;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"6d8d1125-8ca8-0ee7-ac1f-a5fc198bbf72","fake":false,"type":"class","name":"🟣 Slider CSS","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c905e9d-2962-0786-aba9-b4ed77511f6e","fake":false,"type":"class","name":"is-signup","namespace":"","comb":"&","styleLess":"position: fixed; display: flex;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051628","fake":false,"type":"class","name":"modal_close-icon","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 25px; right: 25px; bottom: auto; z-index: 10; display: flex; width: 48px; height: 48px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; justify-content: center; align-items: center; color: hsla(260, 0.00%, 100.00%, 1.00); cursor: pointer;","variants":{},"children":[],"selector":null},{"_id":"8ba02724-cddb-faca-18d3-40f9455311bb","fake":false,"type":"class","name":"modal-slider","namespace":"","comb":"","styleLess":"height: 100%; background-color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113.png","siteId":"636a9b76f34dbd276e6dc72f","width":1136,"isHD":false,"height":1038,"fileName":"636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame 1000002113.png","createdOn":"2022-11-08T18:39:04.459Z","origFileName":"636aa15e2afef8019b7946d8_Frame 1000002113.png","fileHash":"1132bd356f953525497b9e32c604ff48","variants":[{"_id":"636aa24c91e9587de4896185","origFileName":"636aa15e2afef8019b7946d8_Frame%201000002113-p-500.png","fileName":"636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-500.png","format":"png","size":40929,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-500.png"},{"_id":"636aa24c91e9587b49896186","origFileName":"636aa15e2afef8019b7946d8_Frame%201000002113-p-800.png","fileName":"636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-800.png","format":"png","size":101611,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-800.png","cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-800.png"},{"_id":"636aa24c91e9582da1896187","origFileName":"636aa15e2afef8019b7946d8_Frame%201000002113-p-1080.png","fileName":"636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-1080.png","format":"png","size":184716,"width":1080,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113.png","thumbUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-130x130q80.png","_id":"636aa2484c77749d3966cd5e","updatedOn":"2022-11-08T19:44:18.897Z","fileSize":123598},{"cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931.png","siteId":"636a9b76f34dbd276e6dc72f","width":996,"isHD":false,"height":748,"fileName":"636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL–1.png","createdOn":"2022-11-08T18:39:03.865Z","origFileName":"636aa15e2afef8f7287946ba_SL–1.png","fileHash":"37b5aef4fa0667964147fb4993ba46c7","variants":[{"_id":"636aa24a3d7b9700682dcdfd","origFileName":"636aa15e2afef8f7287946ba_SL%E2%80%931-p-500.png","fileName":"636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-500.png","format":"png","size":22542,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-500.png"},{"_id":"636aa24a3d7b974d222dcdfe","origFileName":"636aa15e2afef8f7287946ba_SL%E2%80%931-p-800.png","fileName":"636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-800.png","format":"png","size":51212,"width":800,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931.png","thumbUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-130x130q80.png","_id":"636aa247e251206e0bdc8cd2","updatedOn":"2022-11-08T19:44:19.049Z","fileSize":38298},{"cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression.png","siteId":"636a9b76f34dbd276e6dc72f","width":711,"isHD":false,"height":627,"fileName":"636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create a first great impression.png","createdOn":"2022-11-08T18:39:04.126Z","origFileName":"636aa15e2afef8950b7946d7_Create a first great impression.png","fileHash":"7c3aa1eb03aecbfc29b3acdf1dcdd5e0","variants":[{"_id":"636aa24a8934043b666eb936","origFileName":"636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression-p-500.png","fileName":"636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression-p-500.png","format":"png","size":48570,"width":500,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression.png","thumbUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression-p-130x130q80.png","_id":"636aa248f78e038815cbee61","updatedOn":"2022-11-08T19:44:19.622Z","fileSize":46985}],"ix1":[],"ix2":{"interactions":[{"id":"i-12","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-23","e-24"],"target":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","createdOn":1667936113425},{"id":"i-8","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-15","e-16"],"target":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","createdOn":1667933321929},{"id":"i-11","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-21","e-22"],"target":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","createdOn":1667933785504}],"events":[{"id":"e-23","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-24"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667936113426},{"id":"e-24","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667936113426},{"id":"e-15","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-39"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667933321930},{"id":"e-16","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667933321930},{"id":"e-21","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-22"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667933785504},{"id":"e-22","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667933785554}],"actionLists":[{"id":"a-6","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-6-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["da632c13-2897-0460-3bf5-52d0af051620"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-6-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["da632c13-2897-0460-3bf5-52d0af051620"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f882","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051620"],"children":["d5fe69b7-4c71-562d-f1f9-a48e3462f883","c2eb4623-1467-b8af-b5c2-fa1e8648d07c","5acdc35a-63c5-9054-bd9b-2202bb3a84b1","f4fde1ba-6fc8-5119-8223-d78b0691e449","152c9579-2105-cb6f-77d6-86ce0f1225e8"],"data":{"search":{"exclude":false},"xattr":[{"name":"welcome-modal","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f883","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051627"],"children":["d5fe69b7-4c71-562d-f1f9-a48e3462f884"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f884","type":"HtmlEmbed","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051628"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 10.586L9.172 7.757L7.757 9.172L10.586 12L7.757 14.828L9.172 16.243L12 13.414L14.828 16.243L16.243 14.828L13.414 12L16.243 9.172L14.828 7.757L12 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 10.586L9.172 7.757L7.757 9.172L10.586 12L7.757 14.828L9.172 16.243L12 13.414L14.828 16.243L16.243 14.828L13.414 12L16.243 9.172L14.828 7.757L12 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"c2eb4623-1467-b8af-b5c2-fa1e8648d07c","type":"HtmlEmbed","tag":"div","classes":["4a0a4194-c1c2-b6f4-b25c-f7d49e729fa9"],"children":[],"v":"<style>\n .modal {\n position: fixed;\n display: none;\n }\n</style>\n<!--This scipt is here to prevent the code from running in the Webflow Designer-->\n<script></script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<style>\n .modal {\n position: fixed;\n display: none;\n }\n</style>\n<!--This scipt is here to prevent the code from running in the Webflow Designer-->\n<script></script>","div":false,"iframe":false,"script":true,"compilable":false},"type":"html"}}},{"_id":"5acdc35a-63c5-9054-bd9b-2202bb3a84b1","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051624"],"children":["e9158e65-2e71-d12b-8471-9d47f1a6c3f2","8bf49679-55a8-739f-2cf8-88867a911cc9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9158e65-2e71-d12b-8471-9d47f1a6c3f2","type":"HtmlEmbed","tag":"div","classes":["6d8d1125-8ca8-0ee7-ac1f-a5fc198bbf72"],"children":[],"v":"<style>\n.w-slider-dot {\n background: #8f93a3;\n height: 7px;\n width: 7px;\n}\n.w-slider-dot.w-active {\n background: #5d21d2;\n}\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n.w-slider-dot {\n background: #8f93a3;\n height: 7px;\n width: 7px;\n}\n.w-slider-dot.w-active {\n background: #5d21d2;\n}\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"8bf49679-55a8-739f-2cf8-88867a911cc9","type":"Block","tag":"div","classes":["c8ff8987-47db-4510-20e9-c1c3f1841b77"],"children":["8c66f450-f2b2-eb7f-2d19-8d51764a50fa","39254412-a1b2-057e-96cc-5774eadd9112","74094ab1-6994-f81b-1b19-9338d8141624"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fa","type":"SliderWrapper","tag":"div","classes":["8ba02724-cddb-faca-18d3-40f9455311bb"],"children":["8c66f450-f2b2-eb7f-2d19-8d51764a50fb","8c66f450-f2b2-eb7f-2d19-8d51764a50fe","8c66f450-f2b2-eb7f-2d19-8d51764a5100","8c66f450-f2b2-eb7f-2d19-8d51764a5102"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"slider":{"navSpacing":3,"navShadow":false,"autoplay":false,"delay":4000,"iconArrows":true,"animation":"slide","navNumbers":false,"easing":"ease","navRound":true,"hideArrows":true,"disableSwipe":false,"duration":500,"infinite":true,"autoMax":0,"navInvert":false,"type":"wrapper"}}},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fb","type":"SliderMask","tag":"div","classes":[],"children":["8c66f450-f2b2-eb7f-2d19-8d51764a50fc","8c66f450-f2b2-eb7f-2d19-8d51764a50fd","21a8e5c4-e148-683f-4f09-cf9f526cbb18"],"data":{"slider":{"type":"slides"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fc","type":"SliderSlide","tag":"div","classes":["77da9897-2760-fa7f-9cf0-82ac68c9cedd"],"children":["b19f0aa1-edff-9030-0ce6-0f100c6cdd3f","367f9eb9-13a0-5086-d437-9c7a320634ef"],"data":{"slider":{"type":"slide"},"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b19f0aa1-edff-9030-0ce6-0f100c6cdd3f","type":"Block","tag":"div","classes":["4472e945-4f44-564e-4d00-0c22112ce392"],"children":["6f200046-b575-335e-d731-a82d09143d2f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6f200046-b575-335e-d731-a82d09143d2f","type":"Image","tag":"img","classes":["7e4948d6-fef0-35fe-522d-468af5616a7e"],"children":[],"data":{"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113.png","loading":"lazy","id":""},"img":{"id":"636aa2484c77749d3966cd5e","sizes":[{"max":479,"size":"100vw"},{"max":10000,"size":"218.875px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"367f9eb9-13a0-5086-d437-9c7a320634ef","type":"Block","tag":"div","classes":["4d4f78c8-6782-9484-88a7-6d67a26d5d71"],"children":["d5fe69b7-4c71-562d-f1f9-a48e3462f887","04006c27-cec5-2062-6da5-aaf956e5fd0c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f887","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051623"],"children":["d5fe69b7-4c71-562d-f1f9-a48e3462f888"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5fe69b7-4c71-562d-f1f9-a48e3462f888","text":true,"v":"Welcome to the app!"},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd0c","type":"Block","tag":"div","classes":["4fc942c0-9719-ee34-d6da-9fe0f774cc24"],"children":["04006c27-cec5-2062-6da5-aaf956e5fd0d","0ed2662b-54c7-4010-3e60-8c7ff00421ed","72fabe9b-1faf-bb2b-ca06-48016593721d","04006c27-cec5-2062-6da5-aaf956e5fd0e","04006c27-cec5-2062-6da5-aaf956e5fd10"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd0d","text":true,"v":"This modal is a demo. The real version is on the "},{"_id":"0ed2662b-54c7-4010-3e60-8c7ff00421ed","type":"Span","tag":"span","classes":["52cc56f2-be17-584a-0447-7ae7e2d2e5e1"],"children":["b1dcd2d1-608b-0db5-a44c-af8555fdcdc4"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b1dcd2d1-608b-0db5-a44c-af8555fdcdc4","text":true,"v":"/dashboard"},{"_id":"72fabe9b-1faf-bb2b-ca06-48016593721d","text":true,"v":" page and is only visible when the URL contains the link parameter "},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd0e","type":"Span","tag":"span","classes":["52cc56f2-be17-584a-0447-7ae7e2d2e5e1"],"children":["04006c27-cec5-2062-6da5-aaf956e5fd0f"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd0f","text":true,"v":"?welcome=true"},{"_id":"04006c27-cec5-2062-6da5-aaf956e5fd10","text":true,"v":"."},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fd","type":"SliderSlide","tag":"div","classes":["77da9897-2760-fa7f-9cf0-82ac68c9cedd"],"children":["11d34c28-9398-6812-d258-4bcd5b23628f","9b81f877-17f9-4ba6-d49f-d0111b404905"],"data":{"slider":{"type":"slide"},"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"11d34c28-9398-6812-d258-4bcd5b23628f","type":"Block","tag":"div","classes":["4472e945-4f44-564e-4d00-0c22112ce392"],"children":["11d34c28-9398-6812-d258-4bcd5b236290"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"11d34c28-9398-6812-d258-4bcd5b236290","type":"Image","tag":"img","classes":["7e4948d6-fef0-35fe-522d-468af5616a7e"],"children":[],"data":{"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931.png","loading":"lazy","id":""},"img":{"id":"636aa247e251206e0bdc8cd2","sizes":[{"max":479,"size":"100vw"},{"max":10000,"size":"266.3046875px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404905","type":"Block","tag":"div","classes":["4d4f78c8-6782-9484-88a7-6d67a26d5d71"],"children":["9b81f877-17f9-4ba6-d49f-d0111b404906","9b81f877-17f9-4ba6-d49f-d0111b404908"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404906","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051623"],"children":["9b81f877-17f9-4ba6-d49f-d0111b404907"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404907","text":true,"v":"Welcome to the app!"},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404908","type":"Block","tag":"div","classes":["4fc942c0-9719-ee34-d6da-9fe0f774cc24"],"children":["9b81f877-17f9-4ba6-d49f-d0111b404909"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9b81f877-17f9-4ba6-d49f-d0111b404909","text":true,"v":"We're so glad you decided to give our product a try. Behind this 3-step tour is your personalized dashboard. "},{"_id":"21a8e5c4-e148-683f-4f09-cf9f526cbb18","type":"SliderSlide","tag":"div","classes":[],"children":["56ae2b4f-cab9-e425-95cd-d8aaf7c33ae2","e9f5e944-4850-7598-f642-c78488ee3b1d"],"data":{"slider":{"type":"Slider"},"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"56ae2b4f-cab9-e425-95cd-d8aaf7c33ae2","type":"Block","tag":"div","classes":["4472e945-4f44-564e-4d00-0c22112ce392"],"children":["56ae2b4f-cab9-e425-95cd-d8aaf7c33ae3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"56ae2b4f-cab9-e425-95cd-d8aaf7c33ae3","type":"Image","tag":"img","classes":["7e4948d6-fef0-35fe-522d-468af5616a7e"],"children":[],"data":{"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression.png","loading":"lazy","id":""},"img":{"id":"636aa248f78e038815cbee61","sizes":[{"max":479,"size":"100vw"},{"max":10000,"size":"226.7890625px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b1d","type":"Block","tag":"div","classes":["4d4f78c8-6782-9484-88a7-6d67a26d5d71"],"children":["e9f5e944-4850-7598-f642-c78488ee3b1e","e9f5e944-4850-7598-f642-c78488ee3b20"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b1e","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051623"],"children":["e9f5e944-4850-7598-f642-c78488ee3b1f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b1f","text":true,"v":"Another important thing"},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b20","type":"Block","tag":"div","classes":["4fc942c0-9719-ee34-d6da-9fe0f774cc24"],"children":["e9f5e944-4850-7598-f642-c78488ee3b21"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e9f5e944-4850-7598-f642-c78488ee3b21","text":true,"v":"Be sure to keep this info concise and focused. As soon as someone feels its not worth their time they will close it. "},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a50fe","type":"SliderArrow","tag":"div","classes":["6481d828-b497-33cd-7eb9-e1e0b1dab6c2","8f7f9453-8fb6-9fbf-e615-61ccfbcae25f"],"children":["8bb11165-270b-b4df-0309-4f3b88483cab"],"data":{"slider":{"dir":"left","type":"arrow"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8bb11165-270b-b4df-0309-4f3b88483cab","type":"Block","tag":"div","classes":[],"children":["8bb11165-270b-b4df-0309-4f3b88483cac"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8bb11165-270b-b4df-0309-4f3b88483cac","text":true,"v":"Back"},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a5100","type":"SliderArrow","tag":"div","classes":["6481d828-b497-33cd-7eb9-e1e0b1dab6c2"],"children":["e1b805ec-9063-0936-09cf-aade19f4dea4"],"data":{"slider":{"dir":"right","type":"arrow"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e1b805ec-9063-0936-09cf-aade19f4dea4","type":"Block","tag":"div","classes":[],"children":["e1b805ec-9063-0936-09cf-aade19f4dea5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e1b805ec-9063-0936-09cf-aade19f4dea5","text":true,"v":"Continue"},{"_id":"8c66f450-f2b2-eb7f-2d19-8d51764a5102","type":"SliderNav","tag":"div","classes":[],"children":[],"data":{"slider":{"type":"nav"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"39254412-a1b2-057e-96cc-5774eadd9112","type":"Link","tag":"a","classes":["6481d828-b497-33cd-7eb9-e1e0b1dab6c2"],"children":["299fae46-26c0-28f0-b467-25483b620214"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"299fae46-26c0-28f0-b467-25483b620214","type":"Block","tag":"div","classes":[],"children":["299fae46-26c0-28f0-b467-25483b620215"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"299fae46-26c0-28f0-b467-25483b620215","text":true,"v":"Get Started"},{"_id":"74094ab1-6994-f81b-1b19-9338d8141624","type":"Link","tag":"a","classes":["6481d828-b497-33cd-7eb9-e1e0b1dab6c2","8f7f9453-8fb6-9fbf-e615-61ccfbcae25f"],"children":["b8e0f47e-cac9-59ad-150f-2d48e1260981"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"b8e0f47e-cac9-59ad-150f-2d48e1260981","type":"Block","tag":"div","classes":[],"children":["b8e0f47e-cac9-59ad-150f-2d48e1260982"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b8e0f47e-cac9-59ad-150f-2d48e1260982","text":true,"v":"Skip tour"},{"_id":"f4fde1ba-6fc8-5119-8223-d78b0691e449","type":"Block","tag":"div","classes":["9a4484c1-609f-d465-999d-8a2400e60409"],"children":["4da06730-8761-83c3-8b60-4b287e8a8612"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4da06730-8761-83c3-8b60-4b287e8a8612","type":"Block","tag":"div","classes":["da632c13-2897-0460-3bf5-52d0af051620","4c905e9d-2962-0786-aba9-b4ed77511f6e"],"children":[],"data":{"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"152c9579-2105-cb6f-77d6-86ce0f1225e8","type":"HtmlEmbed","tag":"div","classes":["ff61235d-34f3-2f81-6526-4727611c523d"],"children":[],"v":"<script>\nfunction showElement () {\n try {\n const urlParams = new URLSearchParams(window.location.search)\n\t\treturn urlParams.get(\"welcome\")\n } catch (e) {\n return false;\n }\n}\n\nif (showElement()) {\n var elements = Array.from(document.querySelectorAll(\"[welcome-modal]\"))\n elements.map((el) => {\n el.classList.add(\"is-signup\")\n })\n}\n</script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<script>\nfunction showElement () {\n try {\n const urlParams = new URLSearchParams(window.location.search)\n\t\treturn urlParams.get(\"welcome\")\n } catch (e) {\n return false;\n }\n}\n\nif (showElement()) {\n var elements = Array.from(document.querySelectorAll(\"[welcome-modal]\"))\n elements.map((el) => {\n el.classList.add(\"is-signup\")\n })\n}\n</script>","div":false,"iframe":false,"script":true,"compilable":false}}}}],"styles":[{"_id":"52cc56f2-be17-584a-0447-7ae7e2d2e5e1","fake":false,"type":"class","name":"modal-code","namespace":"","comb":"","styleLess":"display: inline-block; padding-right: 5px; padding-left: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(261.42857142857144, 63.64%, 95.69%, 1.00); color: black;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"77da9897-2760-fa7f-9cf0-82ac68c9cedd","fake":false,"type":"class","name":"modal-slide","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4a0a4194-c1c2-b6f4-b25c-f7d49e729fa9","fake":false,"type":"class","name":"👋 Modal CSS","namespace":"","comb":"","styleLess":"position: relative; z-index: 5; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051620","fake":false,"type":"class","name":"modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 9999; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5);","variants":{},"children":["4c905e9d-2962-0786-aba9-b4ed77511f6e"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051627","fake":false,"type":"class","name":"modal-close","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6481d828-b497-33cd-7eb9-e1e0b1dab6c2","fake":false,"type":"class","name":"modal-button","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; width: 43%; height: 52px; margin-right: 6%; margin-bottom: -60px; margin-left: 6%; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #5d21d2; background-image: linear-gradient(270deg, #5d21d2, rgba(255, 255, 255, 0.1)); transition-property: border-color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-size: 17px; text-align: center; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(260.50632911392404, 86.86%, 64.48%, 1.00);"}},"children":["8f7f9453-8fb6-9fbf-e615-61ccfbcae25f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051623","fake":false,"type":"class","name":"modal-h1","namespace":"","comb":"","styleLess":"margin-bottom: 5px; color: #333; font-size: 1.2em; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4d4f78c8-6782-9484-88a7-6d67a26d5d71","fake":false,"type":"class","name":"modal-content","namespace":"","comb":"","styleLess":"padding-top: 6%; padding-right: 6%; padding-bottom: 60px; padding-left: 6%; text-align: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4fc942c0-9719-ee34-d6da-9fe0f774cc24","fake":false,"type":"class","name":"modal-text","namespace":"","comb":"","styleLess":"font-size: 0.9em; line-height: 1.7;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ff61235d-34f3-2f81-6526-4727611c523d","fake":false,"type":"class","name":"👋 Modal JS","namespace":"","comb":"","styleLess":"position: relative; z-index: 5;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8f7f9453-8fb6-9fbf-e615-61ccfbcae25f","fake":false,"type":"class","name":"back","namespace":"","comb":"&","styleLess":"left: 0%; top: auto; right: auto; bottom: 0%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 87.84%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 87.84%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 87.84%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 87.84%, 1.00); background-color: white; background-image: none /* linear-gradient(270deg, #5d21d2, hsla(0, 0.00%, 100.00%, 0.01)) */; color: #616a73;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00); border-right-color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00); border-bottom-color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00); border-left-color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00); color: hsla(228.00000000000003, 6.92%, 35.54%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"7e4948d6-fef0-35fe-522d-468af5616a7e","fake":false,"type":"class","name":"modal-image","namespace":"","comb":"","styleLess":"height: 200px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c8ff8987-47db-4510-20e9-c1c3f1841b77","fake":false,"type":"class","name":"relative","namespace":"","comb":"","styleLess":"position: relative;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9a4484c1-609f-d465-999d-8a2400e60409","fake":false,"type":"class","name":"Don't Delete","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4472e945-4f44-564e-4d00-0c22112ce392","fake":false,"type":"class","name":"modal-image-wrapper","namespace":"","comb":"","styleLess":"display: flex; padding-top: 6%; justify-content: center; align-items: center; background-image: linear-gradient(to bottom, rgba(93, 33, 210, 0.25), white);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051624","fake":false,"type":"class","name":"modal-form","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; overflow: scroll; width: 100%; max-width: 400px; margin-bottom: 0px; padding-bottom: 90px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px rgba(29, 1, 80, 0.25); line-height: 1.4;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"6d8d1125-8ca8-0ee7-ac1f-a5fc198bbf72","fake":false,"type":"class","name":"🟣 Slider CSS","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c905e9d-2962-0786-aba9-b4ed77511f6e","fake":false,"type":"class","name":"is-signup","namespace":"","comb":"&","styleLess":"position: fixed; display: flex;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"da632c13-2897-0460-3bf5-52d0af051628","fake":false,"type":"class","name":"modal_close-icon","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 25px; right: 25px; bottom: auto; z-index: 10; display: flex; width: 48px; height: 48px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; justify-content: center; align-items: center; color: hsla(260, 0.00%, 100.00%, 1.00); cursor: pointer;","variants":{},"children":[],"selector":null},{"_id":"8ba02724-cddb-faca-18d3-40f9455311bb","fake":false,"type":"class","name":"modal-slider","namespace":"","comb":"","styleLess":"height: 100%; background-color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113.png","siteId":"636a9b76f34dbd276e6dc72f","width":1136,"isHD":false,"height":1038,"fileName":"636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame 1000002113.png","createdOn":"2022-11-08T18:39:04.459Z","origFileName":"636aa15e2afef8019b7946d8_Frame 1000002113.png","fileHash":"1132bd356f953525497b9e32c604ff48","variants":[{"_id":"636aa24c91e9587de4896185","origFileName":"636aa15e2afef8019b7946d8_Frame%201000002113-p-500.png","fileName":"636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-500.png","format":"png","size":40929,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-500.png"},{"_id":"636aa24c91e9587b49896186","origFileName":"636aa15e2afef8019b7946d8_Frame%201000002113-p-800.png","fileName":"636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-800.png","format":"png","size":101611,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-800.png","cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-800.png"},{"_id":"636aa24c91e9582da1896187","origFileName":"636aa15e2afef8019b7946d8_Frame%201000002113-p-1080.png","fileName":"636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-1080.png","format":"png","size":184716,"width":1080,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113.png","thumbUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa2484c77749d3966cd5e_636aa15e2afef8019b7946d8_Frame%201000002113-p-130x130q80.png","_id":"636aa2484c77749d3966cd5e","updatedOn":"2022-11-08T19:44:18.897Z","fileSize":123598},{"cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931.png","siteId":"636a9b76f34dbd276e6dc72f","width":996,"isHD":false,"height":748,"fileName":"636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL–1.png","createdOn":"2022-11-08T18:39:03.865Z","origFileName":"636aa15e2afef8f7287946ba_SL–1.png","fileHash":"37b5aef4fa0667964147fb4993ba46c7","variants":[{"_id":"636aa24a3d7b9700682dcdfd","origFileName":"636aa15e2afef8f7287946ba_SL%E2%80%931-p-500.png","fileName":"636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-500.png","format":"png","size":22542,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-500.png","cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-500.png"},{"_id":"636aa24a3d7b974d222dcdfe","origFileName":"636aa15e2afef8f7287946ba_SL%E2%80%931-p-800.png","fileName":"636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-800.png","format":"png","size":51212,"width":800,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931.png","thumbUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa247e251206e0bdc8cd2_636aa15e2afef8f7287946ba_SL%E2%80%931-p-130x130q80.png","_id":"636aa247e251206e0bdc8cd2","updatedOn":"2022-11-08T19:44:19.049Z","fileSize":38298},{"cdnUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression.png","siteId":"636a9b76f34dbd276e6dc72f","width":711,"isHD":false,"height":627,"fileName":"636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create a first great impression.png","createdOn":"2022-11-08T18:39:04.126Z","origFileName":"636aa15e2afef8950b7946d7_Create a first great impression.png","fileHash":"7c3aa1eb03aecbfc29b3acdf1dcdd5e0","variants":[{"_id":"636aa24a8934043b666eb936","origFileName":"636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression-p-500.png","fileName":"636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression-p-500.png","format":"png","size":48570,"width":500,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/636a9b76f34dbd276e6dc72f/636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression.png","thumbUrl":"https://cdn.prod.website-files.com/636a9b76f34dbd276e6dc72f/636aa248f78e038815cbee61_636aa15e2afef8950b7946d7_Create%20a%20first%20great%20impression-p-130x130q80.png","_id":"636aa248f78e038815cbee61","updatedOn":"2022-11-08T19:44:19.622Z","fileSize":46985}],"ix1":[],"ix2":{"interactions":[{"id":"i-12","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-23","e-24"],"target":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","createdOn":1667936113425},{"id":"i-8","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-15","e-16"],"target":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","createdOn":1667933321929},{"id":"i-11","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-21","e-22"],"target":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","createdOn":1667933785504}],"events":[{"id":"e-23","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-24"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667936113426},{"id":"e-24","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|d5fe69b7-4c71-562d-f1f9-a48e3462f884","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667936113426},{"id":"e-15","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-39"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667933321930},{"id":"e-16","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|39254412-a1b2-057e-96cc-5774eadd9112","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667933321930},{"id":"e-21","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-22"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667933785504},{"id":"e-22","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"636a9b76f34dbdc2bf6dc730|74094ab1-6994-f81b-1b19-9338d8141624","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1667933785554}],"actionLists":[{"id":"a-6","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-6-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["da632c13-2897-0460-3bf5-52d0af051620"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-6-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["da632c13-2897-0460-3bf5-52d0af051620"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Welcome Modal is a user-friendly component designed to greet users after they sign up. It utilizes custom code to display based on a URL parameter, enhancing user engagement.

Key Features:

  • Displays after user signup based on URL parameter 'welcome='
  • Customizable for various triggers (form submissions, logins, etc.)
  • Includes a tutorial video for implementation
  • Responsive design suitable for various devices

Design Elements:

  • Fixed position with a semi-transparent background
  • Flexbox layout for centered content
  • Custom styling for buttons and text

Potential Use Cases:

  • Web applications looking to enhance user onboarding
  • E-commerce sites wanting to welcome new customers
  • SaaS platforms aiming to guide users through initial setup
  • Educational platforms introducing new users to features

Conclusion: The Welcome Modal is a versatile and engaging component that can significantly improve user experience by providing a warm introduction to new users.

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.