{"_id":"66e7e75943492464cf10a57d","url":"creator-storefront-demo","owner-domain":"storystream","analytics":{"enabled":true,"measurement_id":"G-P0KDE9SEW6"},"blocks":[{"type":"embed","enabled":true,"title":"","description":"","html":"<section class=\"brand-section\">\n <div class=\"brand-text-container\">\n <p>SENSE BEAUTY</p>\n </div>\n </section>"},{"type":"banner","enabled":false,"images":{"mobile":"","desktop":""},"url":""},{"type":"embed","enabled":true,"title":"","description":"","html":"<section class=\"image-text-section\">\n <div class=\"image-container\">\n <img src=\"https://assets.codepen.io/4921324/Screenshot+2024-09-16+at+09.12.17.png\" alt=\"Group of people\" class=\"circular-image\">\n </div>\n <div class=\"text-container\">\n <h1>Welcome to my Sense Beauty store.</h1>\n <p>I'm excited to share with you my handpicked favourites, from must-have beauty essentials to the latest fashion trends. Each item is thoughtfully curated with you in mind. Browse through and discover products that I absolutely love. <br><br>Happy browsing!</p>\n <!--<div class=\"icons\">-->\n <!-- <a href=\"#\"><i class=\"icon\">&#128394;</i></a>-->\n <!-- <a href=\"#\"><i class=\"icon\">&#127748;</i></a>-->\n <!-- <a href=\"#\"><i class=\"icon\">&#128100;</i></a>-->\n <!-- <a href=\"#\"><i class=\"icon\">&#127916;</i></a>-->\n <!-- <a href=\"#\"><i class=\"icon\">&#128279;</i></a>-->\n <!--</div>-->\n </div>\n </section>"},{"type":"embed","enabled":true,"title":"","description":"","html":"<section class=\"discount-section\">\n <div class=\"discount-text-container\">\n <p>Use code <span style=\"font-family:'HarmoniaSans_600';color:white;\">FLORENCE10</span> for 10% off your next purchase*.</p>\n </div>\n </section>"},{"type":"social","enabled":false,"theme":"black","networks":[{"type":"instagram","title":"","url":"https://instagram.com/fashionandflorence"},{"type":"tiktok","title":"","url":"https://tiktok.com/storystreamai"},{"type":"youtube","title":"","url":"https://youtube.com/storystreamai"},{"type":"pinterest","title":"","url":"https://pinterest.com/storystreamai"}]},{"type":"links","enabled":false,"links":[],"style":{"link-style":"outline","border-radius":"square","button-color":"#ffffff","font-color":"#000000"},"title":"","description":""},{"type":"embed","enabled":true,"title":"My highlights","description":"Check out the things I'm enjoying, from the brands I love the most.","html":"<div id=\"stry-creator-highlights\"></div>\n<script type=\"text/javascript\" src=\"https://apps.storystream.ai/app/js/YWZhZTc0NTkyZDdjMjVjYzQ1.js\"></script>"},{"type":"embed","enabled":true,"title":"Shop my feed","description":"All my favourites, in one place. ","html":"<div id=\"stry-wrapper\"></div>\n<script type=\"text/javascript\" src=\"https://apps.storystream.ai/app/js/Y2NlYWM3OTMwOGY5MjBlYzgy.js\"></script>"},{"type":"embed","enabled":true,"title":"","description":"","html":"<section class=\"disclaimer-section\">\n <div class=\"text-container\">\n <p>*Terms apply.</p>\n </div>\n </section>"}],"style":{"font-family":"sans-serif","font-color":"#000000","background-color":"#ffffff"},"css":"/*CUSTOM FONTS*/\n\n@font-face {\n font-family: \"HarmoniaSans_600\";\n src: url(https://d7c4jjeuqag9w.cloudfront.net/fonts/storystream-sense-website/harmoniasans_600.woff2);\n }\n\n@font-face {\n font-family: \"HarmoniaSans_400\";\n src: url(https://d7c4jjeuqag9w.cloudfront.net/fonts/storystream-sense-website/harmoniasans_400.woff2);\n }\n \n/*END CUSTOM FONTS*/\n\n/*-------------------------------*/\n\n/*CUSTOM WIDTH*/\n\n#stry-creator-feed{\n max-width: 1200px;\n margin: 40px auto;\n}\n\n/*END CUSTOM WIDTH*/\n\n/*-------------------------------*/\n\n.embed-title{\n font-family: \"HarmoniaSans_600\" !important;\n}\n\n.embed-description{\n font-family: \"HarmoniaSans_400\" !important;\n}\n\n.image-text-section {\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n background-color: #F1EEE8;\n border-radius: 10px;\n}\n\n.image-container {\n flex: 1;\n text-align: center;\n}\n\n.circular-image {\n width: 200px;\n height: 200px;\n border-radius: 50%;\n transition: width 0.3s ease, height 0.3s ease;\n}\n\n.text-container {\n flex: 2;\n padding-left: 40px;\n}\n\n.text-container h1 {\n font-size: 28px;\n font-weight: bold;\n margin-bottom: 20px;\n font-family: \"HarmoniaSans_600\" !important;\n}\n\n.text-container p {\n font-size: 16px;\n color: #555;\n margin-bottom: 20px;\n max-width: 500px;\n font-family: \"HarmoniaSans_400\" !important;\n}\n\n.icons {\n display: flex;\n gap: 15px;\n}\n\n.icons a {\n text-decoration: none;\n font-size: 24px;\n color: #000;\n}\n\n@media (max-width: 1024px) {\n .circular-image {\n width: 250px;\n height: 250px;\n }\n\n .text-container h1 {\n font-size: 28px;\n }\n}\n\n@media (max-width: 768px) {\n .image-text-section {\n flex-direction: column;\n text-align: center;\n }\n\n .text-container {\n padding-left: 0;\n }\n\n .circular-image {\n width: 200px;\n height: 200px;\n }\n\n .text-container h1 {\n font-size: 28px;\n }\n\n .text-container p {\n font-size: 14px;\n }\n\n .icons {\n justify-content: center;\n }\n}\n\n@media (max-width: 480px) {\n .circular-image {\n width: 72px;\n height: 72px;\n }\n\n .text-container h1 {\n font-size: 24px;\n }\n\n .text-container p {\n font-size: 12px;\n }\n}\n\n@media (max-width: 1200px) {\n .image-text-section {\n margin: 40px 20px;\n }\n}\n\n/*DISCOUNT CODE*/\n\n.discount-section {\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n background-color: #171717;\n border-radius: 10px;\n margin-bottom: 32px;\n text-align: center;\n}\n\n.discount-section .discount-text-container {\n flex: 2;\n padding-left: 40px;\n}\n\n.discount-section .discount-text-container p {\n font-size: 16px;\n color: #fff;\n font-family: \"HarmoniaSans_400\" !important;\n}\n\n@media (max-width: 768px) {\n\n .discount-section .discount-text-container {\n padding-left: 0;\n }\n\n .discount-section .discount-text-container p {\n font-size: 14px;\n }\n}\n\n@media (max-width: 480px) {\n .discount-section .discount-text-container p {\n font-size: 12px;\n }\n}\n\n@media (max-width: 1200px) {\n .discount-section {\n margin: 0 20px;\n margin-bottom: 32px;\n }\n}\n\n/*BRAND \"LOGO\" SECTION*/\n\n.brand-section {\n display: flex;\n justify-content: space-between;\n align-items: center;\n /*max-width: 1200px;*/\n margin: 0px auto 0px auto;\n /*margin-top: 24px;*/\n padding: 20px;\n background-color: #171717;\n /*border-radius: 10px;*/\n text-align: center;\n}\n\n.brand-section .brand-text-container {\n flex: 2;\n padding-left: 40px;\n}\n\n.brand-section .brand-text-container p {\n font-size: 28px;\n color: #fff;\n font-family: \"HarmoniaSans_600\" !important;\n letter-spacing: 2px;\n}\n\n@media (max-width: 768px) {\n\n .brand-section .brand-text-container {\n padding-left: 0;\n }\n}\n\n@media (max-width: 480px) {\n .brand-section .brand-text-container p {\n font-size: 28px;\n }\n}\n\n@media (max-width: 1200px) {\n .brand-section {\n margin: 0px auto 0px auto;\n }\n}"}