Profile Picture
Julian Galluzzo

PostPilot Hero Section

A light blue hero section with a 2 column grid layout.
Copy component
Download JSON
{"content":[{"id":"lhclur","name":"section","parent":0,"children":["dvmbxx","ikawlj"],"settings":{"_cssGlobalClasses":["lfzfpq","jiaqax"],"_overflow":"clip"},"label":"Hero"},{"id":"dvmbxx","name":"svg","parent":"lhclur","children":[],"settings":{"file":{"id":13,"filename":"66f14b25a707363026887052_PostPilot-logo-mark.svg","url":"http://postpilot.local/wp-content/uploads/2025/01/66f14b25a707363026887052_PostPilot-logo-mark.svg"},"_cssGlobalClasses":["zzcdtp"]},"themeStyles":[]},{"id":"ikawlj","name":"container","parent":"lhclur","children":["fuuykc"],"settings":{"_cssGlobalClasses":["ietguk","dccpwx"]},"label":"Container"},{"id":"fuuykc","name":"div","parent":"ikawlj","children":["ghpvrd","dqccpz"],"settings":{"_cssGlobalClasses":["upgjjt"]},"label":"Grid"},{"id":"ghpvrd","name":"div","parent":"fuuykc","children":["qbbzes","mbwhgh","hmnpqi","rfqxxe"],"settings":{"_cssGlobalClasses":["gvprjn"]},"label":"Content Wrapper"},{"id":"qbbzes","name":"div","parent":"ghpvrd","children":["nmpoeq","hefgwt","vrycpe"],"settings":{"_cssGlobalClasses":["dzvijm"],"_margin":{"bottom":"30"}},"label":"Rating"},{"id":"nmpoeq","name":"svg","parent":"qbbzes","children":[],"settings":{"signature":"08325a2439d2c8fd7398a5e158c89641","user_id":1,"time":1737369926,"file":{"id":70,"filename":"shopify_logo_darkbg.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/shopify_logo_darkbg.svg"},"_height":"24px","_margin":{"right":"10"}},"themeStyles":[]},{"id":"hefgwt","name":"div","parent":"qbbzes","children":["ptshqs","nfscft","cwmhyy","vhnbgq","splmhv"],"settings":{"_cssGlobalClasses":["uymsvy"]}},{"id":"ptshqs","name":"icon","parent":"hefgwt","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"iconColor":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"_cssGlobalClasses":["fekejk"]},"themeStyles":[],"label":"Star"},{"id":"nfscft","name":"icon","parent":"hefgwt","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"iconColor":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"_cssGlobalClasses":["fekejk"]},"themeStyles":[],"label":"Star"},{"id":"cwmhyy","name":"icon","parent":"hefgwt","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"iconColor":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"_cssGlobalClasses":["fekejk"]},"themeStyles":[],"label":"Star"},{"id":"vhnbgq","name":"icon","parent":"hefgwt","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"iconColor":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"_cssGlobalClasses":["fekejk"]},"themeStyles":[],"label":"Star"},{"id":"splmhv","name":"icon","parent":"hefgwt","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"iconColor":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"_cssGlobalClasses":["fekejk"]},"themeStyles":[],"label":"Star"},{"id":"vrycpe","name":"text-basic","parent":"qbbzes","children":[],"settings":{"text":"5.0","_cssGlobalClasses":["htwgzp"]}},{"id":"mbwhgh","name":"heading","parent":"ghpvrd","children":[],"settings":{"text":"Unlock a profitable new growth channel","tag":"h1","_cssGlobalClasses":["limylc"],"_margin":{"bottom":"30"}}},{"id":"hmnpqi","name":"text-basic","parent":"ghpvrd","children":[],"settings":{"text":"Easier than email. Remarkable results. Full-funnel AI targeting. We reinvented direct mail for modern ecommerce.","_cssGlobalClasses":["tlzrgu"]},"label":"Paragraph"},{"id":"rfqxxe","name":"text-link","parent":"ghpvrd","children":[],"settings":{"text":"Try it risk free","_cssGlobalClasses":["dxkwbv"],"_margin":{"top":"30"}},"label":"Button"},{"id":"dqccpz","name":"image","parent":"fuuykc","children":[],"settings":{"image":{"id":15,"filename":"66e99eb80439ce92afdafea6_hp-hero-img.avif","size":"large","full":"http://postpilot.local/wp-content/uploads/2025/01/66e99eb80439ce92afdafea6_hp-hero-img.avif","url":"http://postpilot.local/wp-content/uploads/2025/01/66e99eb80439ce92afdafea6_hp-hero-img-1024x864.avif"}},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.11.1.1","globalClasses":[{"id":"lfzfpq","name":"hero","settings":{"_background":{"color":{"hex":"#6ab1f3","id":"vqhiae","name":"Color #1"}},"_position":"relative","_typography":{"font-family":"Instrument Sans"},"_justifyContent":"center","_justifyContent:mobile_portrait":"flex-end"},"modified":1737214401,"user_id":1},{"id":"jiaqax","name":"section-padding","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"}}},{"id":"zzcdtp","name":"hero__svg","settings":{"_pointerEvents":"none","_opacity":"0.15","_position":"absolute","_right":"-3%","_zIndex":"0","_height":"75%","_top:mobile_portrait":"auto","_right:mobile_portrait":"-3%","_bottom:mobile_portrait":"10%","_height:mobile_portrait":"100%","_display:mobile_landscape":"none"}},{"id":"ietguk","name":"hero__container","settings":{"_widthMax":"1300","_width":"100%"}},{"id":"dccpwx","name":"container-width","settings":{"_width":"100%","_widthMax":"1300px"}},{"id":"upgjjt","name":"hero__grid","settings":{"_display":"grid","_gridGap":"4rem","_gridTemplateColumns":"1fr 1fr","_width":"100%","_alignItemsGrid":"center","_position":"relative","_display:mobile_landscape":"flex","_direction:mobile_landscape":"column","_justifyContent:mobile_landscape":"center"},"modified":1737214401,"user_id":1},{"id":"gvprjn","name":"hero__content-wrapper","settings":{"_display:mobile_landscape":"flex","_direction:mobile_landscape":"column","_justifyContent:mobile_landscape":"center","_alignSelf:mobile_landscape":"center","_alignItems:mobile_landscape":"center","_typography:mobile_landscape":{"text-align":"center"}}},{"id":"dzvijm","name":"rating","settings":{"_display":"flex","_justifyContent":"flex-start","_alignItems":"center"},"modified":1737370371,"user_id":1},{"id":"uymsvy","name":"rating__star-wrap","settings":{"_display":"flex","_justifyContent":"center","_columnGap":"2px"}},{"id":"fekejk","name":"rating__star","settings":{"iconSize":"20"},"modified":1737370371,"user_id":1},{"id":"htwgzp","name":"rating__number","settings":{"_typography":{"font-weight":"600","color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"_margin":{"left":"10"}},"modified":1737370371,"user_id":1},{"id":"limylc","name":"hero__heading","settings":{"_typography":{"font-size":"70","font-family":"Merriweather","color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"font-weight":"400","line-height":"1.1"},"_margin":{"bottom":"15"},"_typography:mobile_portrait":{"font-size":"40"}},"modified":1737214401,"user_id":1},{"id":"tlzrgu","name":"hero__paragraph","settings":{"_typography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"font-size":"20"}}},{"id":"dxkwbv","name":"button","settings":{"_typography":{"color":{"hex":"#000000","id":"hcqvca","name":"Color #3"},"font-size":"18px","text-transform":"uppercase","font-weight":"600"},"_background":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"_padding":{"left":"25","right":"25","bottom":"15","top":"15"},"_background:hover":{"color":{"hex":"#000000","id":"hcqvca","name":"Color #3"}},"_typography:hover":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"_cssTransition":"all 200ms ease"},"modified":1737372282,"user_id":1}],"globalElements":[]}

Our notes on this component

This hero section component contains a simple left-to-right layout with a heading, paragraph, and a button. Along with that, it has an SVG (currently the PostPilot logo) as a faint background detail which you can replace with your own logo.

The design from this component was taken from the PostPilot website – so the images are more than likely all owned by them!

Similar components

Profile Picture
Zoltan Zsamboki

TE-section_hero-02

-
View now
Copy now
{"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}]}
Profile Picture
Zoltan Zsamboki

TE-section_hero-01

-
View now
Copy now
{"content":[{"id":"hqvnso","name":"section","parent":0,"children":["yjpuxa"],"settings":{"_cssGlobalClasses":["hszsdr"]},"label":"Hero 30"},{"id":"yjpuxa","name":"container","parent":"hqvnso","children":["lhqntw","uvritw"],"settings":{"_cssGlobalClasses":["mfiauo"]}},{"id":"lhqntw","name":"block","parent":"yjpuxa","children":["hukmnm","rplzjh","rzxaoe","jexeev"],"settings":{"_cssGlobalClasses":["wzvkmw"]},"label":"content wrap"},{"id":"hukmnm","name":"text-basic","parent":"lhqntw","children":[],"settings":{"text":"Lorem ipsum dolor ","tag":"p","_cssGlobalClasses":["rznxjo"]},"label":"Subheading"},{"id":"rplzjh","name":"heading","parent":"lhqntw","children":[],"settings":{"text":"Lorem ipsum dolor sit amet aptent habitasse lacus.","tag":"h1","_cssGlobalClasses":["ijivno"]}},{"id":"rzxaoe","name":"text-basic","parent":"lhqntw","children":[],"settings":{"text":"Lorem ipsum dolor sit amet platea ridiculus montes cubilia dapibus vitae vel congue at maecenas netus ligula in pharetra inceptos bibendum scelerisque","tag":"p","_cssGlobalClasses":["snikoo"]},"label":"text"},{"id":"jexeev","name":"div","parent":"lhqntw","children":["qixpqw","xhswas"],"settings":{"_cssGlobalClasses":["tvouur"]},"label":"button wrap"},{"id":"qixpqw","name":"button","parent":"jexeev","children":[],"settings":{"text":"I am a button","style":"primary","link":{"type":"external","url":"#"},"_cssGlobalClasses":["wjgdyt"]},"label":"button"},{"id":"xhswas","name":"button","parent":"jexeev","children":[],"settings":{"link":{"type":"external","url":"#"},"text":"I am a button","_cssGlobalClasses":["qhdkbk"]},"label":"button outline"},{"id":"uvritw","name":"block","parent":"yjpuxa","children":["wczria"],"settings":{"_cssGlobalClasses":["prsbhq"]},"label":"image wrap"},{"id":"wczria","name":"image","parent":"uvritw","children":[],"settings":{"tag":"figure","_cssGlobalClasses":["dkxfzb"],"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":"hszsdr","name":"hero-30","settings":{"_padding":{"bottom":"8rem","top":"8rem","left":"2rem","right":"2rem"},"_padding:mobile_landscape":{"bottom":"6rem","top":"6rem"}},"_exists":false},{"id":"mfiauo","name":"hero-30__container","settings":{"_rowGap":"5rem"},"_exists":false},{"id":"wzvkmw","name":"hero-30__content-wrap","settings":{"_direction":"column","_rowGap:mobile_landscape":"2rem","_width":"80rem","_rowGap":"2rem"},"_exists":false},{"id":"rznxjo","name":"hero-30__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":"-1rem"}},"_exists":false},{"id":"ijivno","name":"hero-30__heading","settings":{"_typography":{"font-size":"4rem","line-height":"1.3","color":{"hex":"#161616","id":"gktedp","name":"Heading"},"font-weight":"700","text-align":"left"},"_typography:mobile_landscape":{"font-size":"3.6rem"},"_margin":{"top":"0"}},"_exists":false},{"id":"snikoo","name":"hero-30__text","settings":{"_typography":{"color":{"hex":"#62708a","id":"qatgpn","name":"Text"},"font-size":"1.8rem","line-height":"1.6","font-weight":"400","font-family":"Inter"}},"_exists":false},{"id":"tvouur","name":"hero-30__button-wrap","settings":{"_display":"flex","_columnGap:mobile_landscape":"2rem","_direction:mobile_landscape":"row","_columnGap":"3rem"},"_exists":false},{"id":"wjgdyt","name":"hero-30__button","settings":{"_typography":{"font-size":"1.6rem","line-height":"1.1","font-family":"Inter","font-weight":"400","color":{"hex":"#ffffff","id":"mlnzir","name":"White"}},"_padding":{"bottom":"1.2rem","top":"1.2rem","left":"1.6rem","right":"1.6rem"},"_widthMin":"12rem","_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"},"_exists":false},{"id":"qhdkbk","name":"hero-30__button-outline","settings":{"_typography":{"font-size":"1.6rem","line-height":"1.1","font-family":"Inter","font-weight":"600","color":{"hex":"#202020","id":"mpeanq","name":"Primary Color"}},"_padding":{"bottom":"1.2rem","top":"1.2rem","left":"1.6rem","right":"1.6rem"},"_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","_widthMin":"12rem"},"_exists":false},{"id":"prsbhq","name":"hero-30__image-wrap","settings":{"_alignItems":"center"},"_exists":false},{"id":"dkxfzb","name":"hero-30__image","settings":{"_objectFit":"cover","_objectPosition":"50%","_width":"100%","_aspectRatio":"16 / 9"},"_exists":false,"modified":1757845930,"user_id":2}]}
Profile Picture
Akshay Joshi

Lenscraft Hero

Hero section with a two-column layout featuring stats and cards.
View now
Copy now
{"id":7952,"name":"lenscraft-hero","title":"Lenscraft Hero","date":"2026-05-08 11:03:22","date_formatted":"May 8, 2026","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/lenscraft-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"5a3262","name":"section","parent":0,"children":["df93f5"],"settings":{"_cssGlobalClasses":["fdztdh","yfgndk"]},"label":"Lenscraft Hero"},{"id":"df93f5","name":"container","parent":"5a3262","children":["d94900","a5a095"],"settings":{"_cssGlobalClasses":["sywtvg","eskeaa"]}},{"id":"d94900","name":"block","parent":"df93f5","children":["6904bc","3d30d6","7cca5d","522886","8d9049"],"settings":{"_cssGlobalClasses":["xqrkft"]}},{"id":"6904bc","name":"heading","parent":"d94900","children":[],"settings":{"text":"Full Screen Portfolio","_cssGlobalClasses":["srjnpc"],"tag":"custom","customTag":"span"}},{"id":"3d30d6","name":"heading","parent":"d94900","children":[],"settings":{"text":"Let the images lead.","tag":"h1","_cssGlobalClasses":["wqrslx"],"_typography":{"color":{"raw":"#ffffff"}}}},{"id":"7cca5d","name":"text-basic","parent":"d94900","children":[],"settings":{"text":"Twelve years of fieldwork across national parks, reserves, and open savannas \u2014 distilled into the frames that stayed with me the longest.\n\n","_cssGlobalClasses":["szaooh"],"_typography":{"color":{"raw":"#ffffffbd"},"font-family":"Sora"}}},{"id":"522886","name":"heading","parent":"d94900","children":[],"settings":{"text":"Wildlife \/ Print Store \/ Client Galleries","tag":"custom","customTag":"span","_cssGlobalClasses":["wmljtx"]}},{"id":"8d9049","name":"block","parent":"d94900","children":["caf9a3","7e5592"],"settings":{"_cssGlobalClasses":["cfiydn"]}},{"id":"caf9a3","name":"button","parent":"8d9049","children":[],"settings":{"text":"View work","style":"primary","_cssGlobalClasses":["olxhzu"],"link":{"type":"external","url":"#"}}},{"id":"7e5592","name":"button","parent":"8d9049","children":[],"settings":{"text":"Book Session","style":"primary","_cssGlobalClasses":["ssuwbp"],"link":{"type":"external","url":"#"}}},{"id":"a5a095","name":"block","parent":"df93f5","children":["1308c4","4f6096"],"settings":{"_cssGlobalClasses":["tghhja"]}},{"id":"1308c4","name":"heading","parent":"a5a095","children":[],"settings":{"text":"Ranthambore National Park","tag":"custom","customTag":"span","_cssGlobalClasses":["srjnpc"],"_typography":{"font-weight":"300","color":{"raw":"#ffffff85"}}}},{"id":"4f6096","name":"block","parent":"a5a095","children":["6f1716","313349","61a1d8"],"settings":{"_cssGlobalClasses":["sisdsh"]}},{"id":"6f1716","name":"block","parent":"4f6096","children":["ebf3c1","b256fe"],"settings":{"_cssGlobalClasses":["zqecpv"]}},{"id":"ebf3c1","name":"heading","parent":"6f1716","children":[],"settings":{"text":"160+","tag":"custom","customTag":"span","_cssGlobalClasses":["pomvpx"]}},{"id":"b256fe","name":"text-basic","parent":"6f1716","children":[],"settings":{"text":"stories shot\n\n","_cssGlobalClasses":["szaooh"],"_typography":{"color":{"raw":"#ffffffbd"}}}},{"id":"313349","name":"block","parent":"4f6096","children":["8a4906","618dce"],"settings":{"_cssGlobalClasses":["zqecpv"]}},{"id":"8a4906","name":"heading","parent":"313349","children":[],"settings":{"text":"4K","tag":"custom","customTag":"span","_cssGlobalClasses":["pomvpx"]}},{"id":"618dce","name":"text-basic","parent":"313349","children":[],"settings":{"text":"print-ready frames\n","_cssGlobalClasses":["szaooh"],"_typography":{"color":{"raw":"#ffffffbd"}}}},{"id":"61a1d8","name":"block","parent":"4f6096","children":["9dfcfb","29c1fb"],"settings":{"_cssGlobalClasses":["zqecpv"]}},{"id":"9dfcfb","name":"heading","parent":"61a1d8","children":[],"settings":{"text":"48h","tag":"custom","customTag":"span","_cssGlobalClasses":["pomvpx"]}},{"id":"29c1fb","name":"text-basic","parent":"61a1d8","children":[],"settings":{"text":"preview turnaround\n","_cssGlobalClasses":["szaooh"],"_typography":{"color":{"raw":"#ffffffbd"}}}}],"templateType":"section","global_classes":[{"id":"yfgndk","name":"lenscraft__section","settings":{"_padding":{"top":"120","bottom":"120","left":"8%","right":"8%"},"_padding:mobile_landscape":{"left":"5%","right":"5%"},"_columnGap":"40","_rowGap":"40"},"modified":1777557482,"user_id":1},{"id":"fdztdh","name":"Lenscraft__hero","settings":{"_background":{"color":{"raw":"#000000"},"image":{"id":7503,"filename":"banner-bg-image.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/banner-bg-image.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/banner-bg-image.webp"},"position":"center center"},"_heightMin":"100vh","_justifyContent":"center","_gradient":{"applyTo":"overlay","colors":[{"id":"omjvsc","color":{"raw":"rgba(0, 0, 0, 0.71)"}},{"id":"jtjkkw","color":{"raw":"rgba(0, 0, 0, 0.92)"},"stop":"85"}],"angle":"260"},"_margin":{"top":"-170"},"_padding":{"top":"200"},"_margin:mobile_landscape":{"top":"-200"},"_padding:mobile_portrait":{"top":"300"},"_margin:mobile_portrait":{"top":"-280"},"_padding:mobile_landscape":{"top":"220"}},"modified":1777891207,"user_id":1},{"id":"sywtvg","name":"lenscraft__container","settings":{"_widthMax":"1300","_width":"100%"}},{"id":"wqrslx","name":"lenscraft__h1","settings":{"_typography":{"font-size":"100","font-weight":"600","font-family":"Syne","letter-spacing":"-5.20px","line-height":"1"},"_typography:tablet_portrait":{"font-size":"72"},"_typography:mobile_landscape":{"font-size":"60"}}},{"id":"srjnpc","name":"lenscraft__pre--heading-white","settings":{"_typography":{"color":{"raw":"#ffffff"},"font-size":"12","font-weight":"700","font-family":"Sora","text-transform":"uppercase","letter-spacing":"3.2256px"},"_typography:mobile_landscape":{"text-wrap":"wrap"}}},{"id":"xqrkft","name":"Lenscraft__hero--left-block","settings":{"_padding":{"top":"25","bottom":"25","right":"25","left":"25"},"_border":{"radius":{"top":"30","right":"30","bottom":"30","left":"30"},"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"raw":"hsla(66, 72%, 78%, 0.29)"}},"_columnGap":"20","_rowGap":"20"}},{"id":"tghhja","name":"Lenscraft__hero--right-block","settings":{"_alignSelf":"flex-end","_columnGap":"10","_rowGap":"10"}},{"id":"eskeaa","name":"Lenscraft__container--hero","settings":{"_direction":"row","_columnGap":"60","_rowGap":"60","_direction:tablet_portrait":"column"}},{"id":"szaooh","name":"lenscraft__text","settings":{"_typography":{"font-size":"16","font-family":"Sora","font-weight":"400"}}},{"id":"sisdsh","name":"Lenscraft__hero--right-inner-block","settings":{"_direction":"row","_columnGap":"20","_rowGap":"20","_alignItems":"stretch"}},{"id":"pomvpx","name":"lenscraft__hero--right-inner_span","settings":{"_typography":{"font-size":"30","font-family":"Syne","color":{"raw":"#fff"},"letter-spacing":"-2.px"}}},{"id":"zqecpv","name":"Lenscraft__border-bg-block","settings":{"_padding":{"top":"14.4","bottom":"14.4","right":"14.4","left":"14.4"},"_border":{"radius":{"top":"30","right":"30","bottom":"30","left":"30"},"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"raw":"hsla(66, 72%, 78%, 0.29)"}},"_background":{"color":{"raw":"hsla(66, 72%, 78%, 0.08)"}}}},{"id":"wmljtx","name":"Lenscraft__hero-left-span","settings":{"_typography":{"color":{"raw":"#ffffff85"},"font-size":"12","text-transform":"uppercase","font-weight":"600","font-family":"Sora","letter-spacing":"3.2256px"}}},{"id":"cfiydn","name":"Lenscraft__hero--left-btn-block","settings":{"_direction":"row","_columnGap":"20","_rowGap":"20"}},{"id":"olxhzu","name":"Lenscraft__btn--white","settings":{"_background":{"color":{"raw":"#ffffff"}},"_typography":{"color":{"raw":"#000000"},"font-size":"14","text-transform":"capitalize","font-family":"Sora","font-weight":"700"},"_border":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_transform:hover":{"translateY":"-1","scaleX":"1.1","scaleY":"1.1"},"_cssTransition":"ease .3s","_padding":{"left":"20","top":"10","right":"20","bottom":"10"},"_background:hover":{"color":{"raw":"#211F1B"}},"_typography:hover":{"color":{"raw":"#ffffff"}},"_border:hover":{"color":{"raw":"#ffffff"}}},"modified":1778231079,"user_id":1},{"id":"ssuwbp","name":"Lenscraft__btn--black","settings":{"_border":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"raw":"#ffffff"},"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_typography":{"font-size":"14","font-family":"Sora","text-transform":"capitalize","font-weight":"700","color":{"raw":"#ffffff"}},"_background":{"color":{"raw":"#211F1B"}},"_transform:hover":{"translateY":"-1","scaleX":"1.1","scaleY":"1.1"},"_cssTransition":"ease .3s","_padding":{"top":"10","left":"20","right":"20","bottom":"10"},"_background:hover":{"color":{"raw":"#ffffff"}},"_typography:hover":{"color":{"raw":"#211F1B"}}},"modified":1778231079,"user_id":1}]}

Categories

Hero Sections

Nice, you've downloaded this template! Now let's get it on your website...

To use this component, go to your 'Templates', click 'Import', and upload the file you just downloaded! It's that simple. You can then copy/paste it to other sections of your website.
Close & continue

Nice, you've copied this component! Now let's paste it...

To paste this component, simply go to any Bricks page or component and click paste! Simple as that.
Close & continue