Hero Section With Product Screenshot

{"content":[{"id":"yblqqt","name":"section","parent":0,"children":["nsnfac"],"settings":{"_cssGlobalClasses":["2sfs4y","poonsy"]},"label":"Hero"},{"id":"nsnfac","name":"container","parent":"yblqqt","children":["alkwmu","bsmzzv"],"settings":{"_cssGlobalClasses":["ktzvif"]},"label":"Container"},{"id":"alkwmu","name":"block","parent":"nsnfac","children":["zmpgps","uoybzb","injjwl","rzlncz"],"settings":{"_cssGlobalClasses":["goireg"]},"label":"Content Wrap"},{"id":"zmpgps","name":"div","parent":"alkwmu","children":["yakgsa","tlfeuo"],"settings":{"_cssGlobalClasses":["qioxst"]},"label":"Sectitle"},{"id":"yakgsa","name":"icon","parent":"zmpgps","children":[],"settings":{"icon":{"library":"themify","icon":"ti-wordpress"},"_cssGlobalClasses":["jldrhu"]},"label":"Icon","themeStyles":[]},{"id":"tlfeuo","name":"text-basic","parent":"zmpgps","children":[],"settings":{"text":"Memberships for WordPress"},"label":"Text"},{"id":"uoybzb","name":"heading","parent":"alkwmu","children":[],"settings":{"text":"The flexible membership plugin for WordPress","tag":"h1","_margin":{"bottom":"15"},"_cssCustom":".blue {\n color: #2962ff;\n}"}},{"id":"injjwl","name":"text-basic","parent":"alkwmu","children":[],"settings":{"text":"Build anything you can imagine in WordPress, and plug in Memberstack to turn your website/web app into a business with payments, gated content, social auth, and more!","_margin":{"bottom":"20"},"_cssGlobalClasses":["acss_import_text--m","acss_import_text--neutral-semi-dark"]},"label":"Paragraph"},{"id":"rzlncz","name":"button","parent":"alkwmu","children":[],"settings":{"text":"Get started for free","style":"primary","_cssGlobalClasses":["grgqgk"],"tag":"a","link":{"type":"external","url":"https://wordpress.org/plugins/memberstack/"}}},{"id":"bsmzzv","name":"block","parent":"nsnfac","children":["indkex","flwktv"],"settings":{"_cssGlobalClasses":["kplivf"]},"label":"Image Wrap"},{"id":"indkex","name":"block","parent":"bsmzzv","children":["ylpwei","keojzv"],"settings":{"_cssGlobalClasses":["sdjmpc"],"tag":"a","_interactions":[{"id":"pgvmwt","trigger":"click","action":"show","target":"custom","targetSelector":".demo"}]}},{"id":"ylpwei","name":"text-basic","parent":"indkex","children":[],"settings":{"text":"Try the Memberstack demo LIVE!","_typography":{"color":{"id":"acss_import_black","name":"black","raw":"var(--black)"},"font-weight":"600","font-size":"22"}}},{"id":"keojzv","name":"button","parent":"indkex","children":[],"settings":{"text":"Try it out","style":"primary","_cssGlobalClasses":["grgqgk"]}},{"id":"flwktv","name":"image","parent":"bsmzzv","children":[],"settings":{"image":{"id":20,"filename":"6734a401dc862ae7c59f95db_msdashboard-2.webp","size":"large","full":"https://memberstack.local/wp-content/uploads/2025/03/6734a401dc862ae7c59f95db_msdashboard-2.webp","url":"https://memberstack.local/wp-content/uploads/2025/03/6734a401dc862ae7c59f95db_msdashboard-2-1024x768.webp"},"_cssGlobalClasses":["sefwkl"]},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://memberstack.local","version":"1.12.3","globalClasses":[{"id":"2sfs4y","name":"hero","settings":[]},{"id":"poonsy","name":"section-background-top","settings":{"_cssCustom":".section-background-top {\n background-image: radial-gradient(circle, #ffffffed, #fff), url(https://cdn.prod.website-files.com/5bbfaf3252489b4c484ba9b9/67091ff1aeede309de90137f_Group5.svg);\n background-position: 0 0, 0 0;\n background-size: auto, 20px;\n}"}},{"id":"ktzvif","name":"hero__container","settings":[]},{"id":"goireg","name":"hero__content-wrap","settings":{"_justifyContent":"center","_alignItems":"center","_typography":{"text-align":"center"},"_rowGap":"10","_margin":{"bottom":"50","left":"auto","right":"auto"},"_widthMax":"650"}},{"id":"qioxst","name":"sectitle","settings":{"_padding":{"bottom":"5","top":"5","left":"12","right":"12"},"_border":{"style":"solid","width":{"bottom":"1","top":"1","left":"1","right":"1"},"color":{"hex":"#dbdbdb"},"radius":{"top":"6","right":"6","bottom":"6","left":"6"}},"_display":"flex","_justifyContent":"center","_alignItems":"center","_columnGap":"10","_rowGap":"10","_typography":{"font-size":"14","font-weight":"600"},"_boxShadow":{"values":{"offsetY":"5","blur":"10"},"color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}},"_margin":{"bottom":"15"},"_background":{"color":{"id":"acss_import_white","name":"white","raw":"var(--white)"}}}},{"id":"jldrhu","name":"sectitle__icon","settings":{"iconSize":"18"}},{"id":"acss_import_text--m","name":"text--m","settings":[],"category":"acss","_categoryData":{"id":"acss","name":"Automatic.css"}},{"id":"acss_import_text--neutral-semi-dark","name":"text--neutral-semi-dark","settings":[],"category":"acss","_categoryData":{"id":"acss","name":"Automatic.css"}},{"id":"grgqgk","name":"button","settings":{"_padding":{"bottom":"12","top":"12","left":"22","right":"22"},"_cssCustom":".button {\n box-shadow: \n 0 4px 6px rgba(0, 0, 0, 0.1), /* Outer shadow */\n inset 0 2px 5px rgba(255, 255, 255, 0.3), /* Light inner shadow at the top */\n inset 0 -2px 5px rgba(0, 0, 0, 0.3); /* Dark inner shadow at the bottom */\n}","_background:hover":{"color":{"id":"acss_import_primary-semi-dark","name":"primary-semi-dark","raw":"var(--primary-semi-dark)"}},"_cssTransition":"0.2s","_background":{"color":{"id":"acss_import_primary","name":"primary","raw":"var(--primary)"}},"_typography":{"font-weight":"600","letter-spacing":"-0.5"},"_transform:hover":{"scaleX":"1.05","scaleY":"1.05"}},"modified":1741686006,"user_id":1},{"id":"kplivf","name":"hero__image-wrap","settings":{"_position":"relative","_overflow":"clip","_border":{"width":{"bottom":"6","top":"6","left":"6","right":"6"},"style":"solid","color":{"id":"acss_import_white","name":"white","raw":"var(--white)"},"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetY":"10","blur":"15","spread":"10"},"color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}}}},{"id":"sdjmpc","name":"hero__image-overlay","settings":{"_position":"absolute","_zIndex":"1","_width":"100%","_height":"100%","_cssCustom":".hero__image-overlay {\n backdrop-filter: blur(10px);\n}","_justifyContent":"center","_alignItems":"center","_typography":{"text-align":"center"},"_opacity":"0","_cssTransition":"0.35s","_opacity:hover":"1"}},{"id":"sefwkl","name":"hero__dashboard-image","settings":{"_width":"100%","_position":"relative"}}],"globalElements":[]}