
{"content":[{"id":"rbcszf","name":"section","parent":0,"children":["dnmtea"],"settings":{"_cssGlobalClasses":["klcaky"]},"label":"Hero 27"},{"id":"dnmtea","name":"container","parent":"rbcszf","children":["joaedb","ruefwo"],"settings":{"_cssGlobalClasses":["bdrove"]}},{"id":"joaedb","name":"block","parent":"dnmtea","children":["dvqptq","emeejd","jcynci","qdjrmf","rlfkqd","ouddcj","tdtldd"],"settings":{"_cssGlobalClasses":["kwugtz"]},"label":"content wrap"},{"id":"dvqptq","name":"heading","parent":"joaedb","children":[],"settings":{"text":"Lorem ipsum dolor sit amet aptent habitasse lacus.","tag":"h1","_cssGlobalClasses":["azmyou"]}},{"id":"emeejd","name":"text-basic","parent":"joaedb","children":[],"settings":{"text":"Lorem ipsum dolor ","tag":"p","_cssGlobalClasses":["ydayjf"]},"label":"Subheading"},{"id":"jcynci","name":"text-basic","parent":"joaedb","children":[],"settings":{"text":"Lorem ipsum dolor sit amet pulvinar vitae tempor congue. Tempus vivamus primis cubilia pretium ex cras habitant lectus magna. Tellus vestibulum fusce natoque cras tempus habitant euismod lobortis. Elementum integer ","tag":"p","_cssGlobalClasses":["wtfzdk"]},"label":"text"},{"id":"qdjrmf","name":"div","parent":"joaedb","children":["ptmbgy","agqbkg"],"settings":{"_cssGlobalClasses":["dqmqpo"]},"label":"button wrap"},{"id":"ptmbgy","name":"button","parent":"qdjrmf","children":[],"settings":{"text":"I am a button","style":"primary","link":{"type":"external","url":"#"},"_cssGlobalClasses":["ccaapp"]},"label":"button"},{"id":"agqbkg","name":"button","parent":"qdjrmf","children":[],"settings":{"text":"I am a button","link":{"type":"external","url":"#"},"_cssGlobalClasses":["ryaptr"]},"label":"button outline"},{"id":"rlfkqd","name":"text-basic","parent":"joaedb","children":[],"settings":{"text":"Trusted by 30+ companies","tag":"p","_cssGlobalClasses":["upibut"]},"label":"logo text"},{"id":"ouddcj","name":"slider-nested","parent":"joaedb","children":["kwncjk","jngjyq","rumwcx","qdwhnh"],"settings":{"perPage:mobile_landscape":"2","perPage:mobile_portrait":"2","perPage:tablet_portrait":"4","interval":"0","perPage":"4","perMove":"1","_cssGlobalClasses":["hvjgcb"],"height":"7vh","gap":"2rem"},"label":"logo wrap","themeStyles":[]},{"id":"kwncjk","name":"block","parent":"ouddcj","children":["qwrzij"],"settings":{"_attributes":[{"id":"itbrni","name":"onmouseover","value":"blurOthers(this)"},{"id":"daawdj","name":"onmouseout","value":"resetStyles()"}],"_cssClasses":"child-element","_cssGlobalClasses":["xohbus"]},"label":"single logo"},{"id":"qwrzij","name":"image","parent":"kwncjk","children":[],"settings":{"tag":"figure","_cssGlobalClasses":["pmibei"],"image":{"url":"https://wireframe.brickstemplate.com/wp-content/uploads/2025/08/logoipsum-325.png","external":true,"filename":"logoipsum-325.png"}},"themeStyles":[],"label":"logo"},{"id":"jngjyq","name":"block","parent":"ouddcj","children":["zsfjme"],"settings":{"_attributes":[{"id":"itbrni","name":"onmouseover","value":"blurOthers(this)"},{"id":"daawdj","name":"onmouseout","value":"resetStyles()"}],"_cssClasses":"child-element","_cssGlobalClasses":["xohbus"]},"label":"single logo"},{"id":"zsfjme","name":"image","parent":"jngjyq","children":[],"settings":{"tag":"figure","_cssGlobalClasses":["pmibei"],"image":{"url":"https://wireframe.brickstemplate.com/wp-content/uploads/2025/08/logoipsum-325.png","external":true,"filename":"logoipsum-325.png"}},"themeStyles":[],"label":"logo"},{"id":"rumwcx","name":"block","parent":"ouddcj","children":["kuezah"],"settings":{"_attributes":[{"id":"itbrni","name":"onmouseover","value":"blurOthers(this)"},{"id":"daawdj","name":"onmouseout","value":"resetStyles()"}],"_cssClasses":"child-element","_cssGlobalClasses":["xohbus"]},"label":"single logo"},{"id":"kuezah","name":"image","parent":"rumwcx","children":[],"settings":{"tag":"figure","_cssGlobalClasses":["pmibei"],"image":{"url":"https://wireframe.brickstemplate.com/wp-content/uploads/2025/08/logoipsum-325.png","external":true,"filename":"logoipsum-325.png"}},"themeStyles":[],"label":"logo"},{"id":"qdwhnh","name":"block","parent":"ouddcj","children":["duqpbk"],"settings":{"_attributes":[{"id":"itbrni","name":"onmouseover","value":"blurOthers(this)"},{"id":"daawdj","name":"onmouseout","value":"resetStyles()"}],"_cssClasses":"child-element","_cssGlobalClasses":["xohbus"]},"label":"single logo"},{"id":"duqpbk","name":"image","parent":"qdwhnh","children":[],"settings":{"tag":"figure","_cssGlobalClasses":["pmibei"],"image":{"url":"https://wireframe.brickstemplate.com/wp-content/uploads/2025/08/logoipsum-325.png","external":true,"filename":"logoipsum-325.png"}},"themeStyles":[],"label":"logo"},{"id":"tdtldd","name":"code","parent":"joaedb","children":[],"settings":{"executeCode":true,"signature":"d01dd2d157c2ed9ac1bf50e88cf9a198","user_id":2,"time":1712525772,"noRoot":true,"_cssGlobalClasses":["ttmheg"],"javascriptCode":"\n\n document.addEventListener('DOMContentLoaded', (event) => {\n // Define a function to update the no-drag option for all splide instances on the page\n const updateNoDragOption = () => {\n for( const splideId in window.bricksData.splideInstances ) {\n const splideInstance = window.bricksData.splideInstances['grfydx']; //Change this with your slider element ID, only add the second half. for example \"#brxe-vkwyfe\" you need to add only \"vkwyfe\"\n if ( splideInstance ) {\n splideInstance.destroy();\n splideInstance.mount( window.splide.Extensions );\n splideInstance.options = {\n autoScroll: {\n speed: 1, // Adjust auto scroll speed here\n },\n direction: 'ltr', // Change slider direction to ltr left-to-right, rtl right-to-left\n };\n }\n }\n }\n \n // Need some delay for Bricks to init the sliders\n setTimeout(updateNoDragOption, 250);\n });\n\n function blurOthers(element) {\n var siblings = Array.from(element.parentElement.children);\n siblings.forEach(function(sibling) {\n if (sibling !== element) {\n sibling.style.filter = \"blur(3px)\"; // Adjust blur strength here\n } else {\n sibling.style.filter = \"none\";\n }\n });\n }\n\n function resetStyles() {\n var elements = document.querySelectorAll('.child-element');\n elements.forEach(function(element) {\n element.style.filter = \"none\";\n });\n }\n\n"},"themeStyles":[]},{"id":"ruefwo","name":"block","parent":"dnmtea","children":["qhplqw"],"settings":{"_cssGlobalClasses":["pdizlk"]},"label":"image wrap"},{"id":"qhplqw","name":"image","parent":"ruefwo","children":[],"settings":{"tag":"figure","_cssGlobalClasses":["olozfk"],"image":{"url":"https://wireframe.brickstemplate.com/wp-content/uploads/2023/07/image-placeholder-2560x1600-1.jpg","external":true,"filename":"image-placeholder-2560x1600-1.jpg"}},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://bricks.te-dev.ch","version":"2.3.2","globalClasses":[{"id":"klcaky","name":"hero-27","settings":{"_padding":{"bottom":"10rem","top":"10rem","left":"2rem","right":"2rem"},"_padding:mobile_landscape":{"bottom":"6rem","top":"6rem"}},"_exists":false},{"id":"bdrove","name":"hero-27__container","settings":{"_alignItems":"center","_rowGap":"4rem"},"_exists":false},{"id":"kwugtz","name":"hero-27__content-wrap","settings":{"_width":"85rem","_rowGap":"1rem","_alignItems":"center"},"_exists":false},{"id":"azmyou","name":"hero-27__heading","settings":{"_typography":{"font-size":"5rem","line-height":"1.3","color":{"hex":"#161616","id":"gktedp","name":"Heading"},"font-weight":"700","text-align":"center"},"_typography:mobile_landscape":{"font-size":"3.6rem"}},"_exists":false},{"id":"ydayjf","name":"hero-27__subheading","settings":{"_typography":{"color":{"hex":"#161616","id":"gktedp","name":"Heading"},"font-size":"1.6rem","line-height":"1.1","font-weight":"500","font-family":"Inter","text-align":"center","text-transform":"uppercase"},"_margin":{"bottom":"0"},"_order":"-1"},"_exists":false},{"id":"wtfzdk","name":"hero-27__text","settings":{"_typography":{"color":{"hex":"#62708a","id":"qatgpn","name":"Text"},"font-size":"1.6rem","line-height":"1.6","font-weight":"400","font-family":"Inter","text-align":"center"},"_width":"70ch","_padding":{"bottom":"2rem","top":"2rem"},"_padding:mobile_landscape":{"bottom":"1rem","top":"1rem"}},"_exists":false},{"id":"dqmqpo","name":"hero-27__button-wrap","settings":{"_display":"flex","_columnGap":"3rem","_columnGap:mobile_landscape":"2rem","_direction:mobile_landscape":"row","_padding":{"bottom":"3rem"}},"_exists":false},{"id":"ccaapp","name":"hero-27__button","settings":{"_typography":{"font-size":"1.6rem","line-height":"1.6","font-family":"Inter","font-weight":"400","color":{"hex":"#ffffff","id":"mlnzir","name":"White"}},"_padding":{"bottom":"1.4rem","top":"1.4rem","left":"2.4rem","right":"2.4rem"},"_widthMin":"14rem","_background":{"color":{"hex":"#202020"}},"_background:hover":{"color":{"hex":"#2c2c2c","id":"ayylcc","name":"Primary Hover"}},"_background:active":{"color":{"hex":"#2c2c2c","id":"ayylcc","name":"Primary Hover"}},"_background:focus":{"color":{"hex":"#2c2c2c","id":"ayylcc","name":"Primary Hover"}},"_border":{"width":{"top":"0.1rem","right":"0.1rem","bottom":"0.1rem","left":"0.1rem"},"style":"solid","color":{"hex":"#202020","id":"mpeanq","name":"Primary Color"},"radius":{"top":"0.6rem","right":"0.6rem","bottom":"0.6rem","left":"0.6rem"}},"_border:hover":{"color":{"hex":"#2c2c2c","id":"ayylcc","name":"Primary Hover"}},"_border:active":{"color":{"hex":"#2c2c2c","id":"ayylcc","name":"Primary Hover"}},"_border:focus":{"color":{"hex":"#2c2c2c","id":"ayylcc","name":"Primary Hover"}},"_cssTransition":"all .5s","_padding:mobile_landscape":{"bottom":"0.8rem","top":"0.8rem","left":"1.6rem","right":"1.6rem"}},"_exists":false},{"id":"ryaptr","name":"hero-27__button-outline","settings":{"_typography":{"font-size":"1.6rem","line-height":"1.6","font-family":"Inter","font-weight":"600","color":{"hex":"#202020","id":"mpeanq","name":"Primary Color"}},"_padding":{"bottom":"1.4rem","top":"1.4rem","left":"2.4rem","right":"2.4rem"},"_widthMin":"14rem","_background":{"color":{"hex":"#202020","rgb":"rgba(32, 32, 32, 0)","hsl":"hsla(0, 0%, 13%, 0)"}},"_background:hover":{"color":{"hex":"#e6e6e6","id":"fdbvnf","name":"Subtile - BG"}},"_background:active":{"color":{"hex":"#e6e6e6","id":"fdbvnf","name":"Subtile - BG"}},"_background:focus":{"color":{"hex":"#e6e6e6","id":"fdbvnf","name":"Subtile - BG"}},"_border":{"width":{"top":"0.1rem","right":"0.1rem","bottom":"0.1rem","left":"0.1rem"},"style":"solid","color":{"hex":"#202020","id":"mpeanq","name":"Primary Color"},"radius":{"top":"0.6rem","right":"0.6rem","bottom":"0.6rem","left":"0.6rem"}},"_border:hover":{"color":{"hex":"#2c2c2c","id":"ayylcc","name":"Primary Hover"}},"_border:active":{"color":{"hex":"#2c2c2c","id":"ayylcc","name":"Primary Hover"}},"_border:focus":{"color":{"hex":"#2c2c2c","id":"ayylcc","name":"Primary Hover"}},"_cssTransition":"all .5s","_padding:mobile_landscape":{"bottom":"0.8rem","top":"0.8rem","left":"1.6rem","right":"1.6rem"}},"_exists":false},{"id":"upibut","name":"hero-27__logo-text","settings":{"_typography":{"color":{"hex":"#161616","id":"gktedp","name":"Heading"},"font-size":"1.8rem","line-height":"1.6","font-weight":"400","font-family":"Inter","text-align":"center"},"_padding":{"bottom":"1rem"}},"_exists":false},{"id":"hvjgcb","name":"hero-27__logo-wrap","settings":{"gap:mobile_landscape":"1rem","gap":"2rem","height":"7vh"},"_exists":false},{"id":"xohbus","name":"hero-27__single-logo","settings":{"_background":{"color":{"hex":"#f1f0ee","id":"nohmnw","name":"Lighter - BG"}},"_padding":{"top":"1rem","right":"2rem","bottom":"1rem","left":"2rem"},"_border":{"radius":{"top":"0.5rem","right":"0.5rem","bottom":"0.5rem","left":"0.5rem"}},"_cssTransition":"filter .3s ease","_cssTransition:mobile_portrait":"filter 0.2s ease"},"_exists":false},{"id":"pmibei","name":"hero-27__logo","settings":{"_cssTransition":"filter .3s ease","_cssTransition:mobile_portrait":"filter 0.2s ease"},"_exists":false},{"id":"ttmheg","name":"hero-27__code","settings":[],"_exists":false},{"id":"pdizlk","name":"hero-27__image-wrap","settings":{"_alignItems":"center"},"_exists":false},{"id":"olozfk","name":"hero-27__image","settings":{"_width":"100%","_aspectRatio":"16 / 9","_objectFit":"cover","_objectPosition":"50%"},"_exists":false,"modified":1757866388,"user_id":2}]}
Similar components


Akshay Joshi
Bento About Hero Section
Large bold H1 heading for the About section, styled with a hero-section aesthetic.


