Profile Picture
Julian Galluzzo

Hero Section With Background Grid

A hero section with a header, a paragraph, and a button. Great for when you have no image!
Copy component
Download JSON
{"content":[{"id":"ubsdxo","name":"section","parent":0,"children":["jtvghd"],"settings":{"_cssGlobalClasses":["2sfs4y","poonsy"]},"label":"Hero"},{"id":"jtvghd","name":"container","parent":"ubsdxo","children":["gienms"],"settings":{"_cssGlobalClasses":["ktzvif"]},"label":"Container"},{"id":"gienms","name":"block","parent":"jtvghd","children":["ibhphk","mvyhfx","qjqdra","umnfce"],"settings":{"_cssGlobalClasses":["goireg"],"_margin":{"bottom":"0"}},"label":"Content Wrap"},{"id":"ibhphk","name":"div","parent":"gienms","children":["cgpcmu","cplowv"],"settings":{"_cssGlobalClasses":["qioxst"]},"label":"Sectitle"},{"id":"cgpcmu","name":"icon","parent":"ibhphk","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-pen-fancy"},"_cssGlobalClasses":["jldrhu"]},"label":"Icon","themeStyles":[]},{"id":"cplowv","name":"text-basic","parent":"ibhphk","children":[],"settings":{"text":"Blog"},"label":"Text"},{"id":"mvyhfx","name":"heading","parent":"gienms","children":[],"settings":{"text":"The WordPress Blog","tag":"h1","_margin":{"bottom":"15"},"_cssCustom":".blue {\n color: #2962ff;\n}"}},{"id":"qjqdra","name":"text-basic","parent":"gienms","children":[],"settings":{"text":"Learn about building better sites with WordPress","_margin":{"bottom":"20"},"_cssGlobalClasses":["acss_import_text--m","acss_import_text--neutral-semi-dark"]},"label":"Paragraph"},{"id":"umnfce","name":"button","parent":"gienms","children":[],"settings":{"text":"Learn about Memberstack","style":"primary","_cssGlobalClasses":["grgqgk"],"tag":"a","link":{"type":"internal","url":"https://wordpress.org/plugins/memberstack/","postId":"10"}}}],"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}],"globalElements":[]}

Similar components

Profile Picture
Joe Warren

Hero Section with abstract alignment

Hero Section with CTA and an abstract image grid
View now
Copy now
{"content":[{"id":"ohehxn","name":"section","parent":0,"children":["dhpfqh"],"settings":{"_cssGlobalClasses":["qbqcae"],"_overflow":"clip"}},{"id":"dhpfqh","name":"container","parent":"ohehxn","children":["rgrvpx","keaxfe","ujrspu"],"settings":{"_padding":{"bottom":"0"}}},{"id":"rgrvpx","name":"block","parent":"dhpfqh","children":["hyxcfh","poiioz"],"settings":{"_cssGlobalClasses":["ujjitf"],"_direction":"row","_alignItems":"center","_direction:mobile_landscape":"column"},"label":"Heading Wrapper"},{"id":"hyxcfh","name":"block","parent":"rgrvpx","children":["dbphyd","vhdcgn"],"settings":{"_cssGlobalClasses":["cpmejq"]},"label":"Heading Block"},{"id":"dbphyd","name":"heading","parent":"hyxcfh","children":[],"settings":{"text":"Personalized skincare solutions","_cssGlobalClasses":["mgsplv"],"tag":"h1"}},{"id":"vhdcgn","name":"text-basic","parent":"hyxcfh","children":[],"settings":{"text":"Transform your skin with expert care tailored to your unique needs.","_typography:mobile_portrait":{"text-align":"center"}}},{"id":"poiioz","name":"button","parent":"rgrvpx","children":[],"settings":{"text":"Book a consultation","style":"primary","_cssGlobalClasses":["zdpqak"],"icon":{"library":"svg","svg":{"id":264,"filename":"Phonevector.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Phonevector.svg"}},"iconPosition":"left","link":{"type":"external","url":"#"}}},{"id":"keaxfe","name":"block","parent":"dhpfqh","children":["xjyifw","mjpntp","jpteso"],"settings":{"_cssGlobalClasses":["vldtpp"]},"label":"Image Wrapper"},{"id":"xjyifw","name":"image","parent":"keaxfe","children":[],"settings":{"image":{"id":310,"filename":"Rectangle-68.png","size":"large","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-68.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-68-918x1024.png"},"_cssGlobalClasses":["duspvs"],"_border":{"radius":{"top":"200"}}}},{"id":"mjpntp","name":"image","parent":"keaxfe","children":[],"settings":{"image":{"id":309,"filename":"Rectangle-67.png","size":"large","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-67.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-67-987x1024.png"},"_cssGlobalClasses":["duspvs"],"_border":{"radius":{"top":"200","right":"200","bottom":"200"}}},"themeStyles":[]},{"id":"jpteso","name":"image","parent":"keaxfe","children":[],"settings":{"image":{"id":308,"filename":"Rectangle-66.png","size":"large","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-66.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-66-987x1024.png"},"_cssGlobalClasses":["duspvs"]}},{"id":"ujrspu","name":"block","parent":"dhpfqh","children":["kwodgo","hgyvka","dozxxr","yakeaz","thmcyf"],"settings":{"_cssGlobalClasses":["ecwtnh"]},"label":"Logos"},{"id":"kwodgo","name":"svg","parent":"ujrspu","children":[],"settings":{"_cssGlobalClasses":["qhtgev"],"file":{"id":318,"filename":"Compnay-logo.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Compnay-logo.svg"}}},{"id":"hgyvka","name":"svg","parent":"ujrspu","children":[],"settings":{"_cssGlobalClasses":["qhtgev"],"file":{"id":317,"filename":"Compnay-logo-4.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Compnay-logo-4.svg"}}},{"id":"dozxxr","name":"svg","parent":"ujrspu","children":[],"settings":{"_cssGlobalClasses":["qhtgev"],"file":{"id":316,"filename":"Compnay-logo-3.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Compnay-logo-3.svg"}}},{"id":"yakeaz","name":"svg","parent":"ujrspu","children":[],"settings":{"_cssGlobalClasses":["qhtgev"],"file":{"id":315,"filename":"Compnay-logo-2.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Compnay-logo-2.svg"}}},{"id":"thmcyf","name":"svg","parent":"ujrspu","children":[],"settings":{"_cssGlobalClasses":["qhtgev"],"file":{"id":314,"filename":"Compnay-logo-1.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Compnay-logo-1.svg"}}}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"qbqcae","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"}}},{"id":"ujjitf","name":"hero__heading-wrapper","settings":{"_justifyContent":"space-between","_margin":{"bottom":"70"},"_direction:mobile_landscape":"column","_rowGap:mobile_landscape":"16","_margin:mobile_landscape":{"bottom":"50"}}},{"id":"cpmejq","name":"heading__wrapper","settings":{"_width":"auto","_rowGap:mobile_landscape":"16"}},{"id":"mgsplv","name":"h1","settings":{"_typography":{"font-family":"Playfair Display","font-weight":"600","font-size":"40"},"_typography:tablet_portrait":{"font-size":"32"},"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"zdpqak","name":"button__hero","settings":{"_background":{"color":{"hex":"#ff835a","id":"kgysyt","name":"Color #4"}},"_border":{"radius":{"right":"20"}},"_cursor":"pointer","_transform:hover":{"scaleX":"1.02","scaleY":"1.02"},"_cssTransition":"transform 0.2s ease"},"modified":1746461125,"user_id":1},{"id":"vldtpp","name":"hero__image-wrapper","settings":{"_direction":"row","_columnGap":"16","_margin":{"bottom":"70"},"_rowGap:mobile_landscape":"16"}},{"id":"duspvs","name":"hero__img","settings":{"_height":"50vh","_objectFit":"cover","_widthMin":"27vw","_widthMin:tablet_portrait":"35vw","_height:mobile_landscape":"30vh"}},{"id":"ecwtnh","name":"logo__wrapper","settings":{"_direction":"row","_justifyContent":"center","_columnGap":"75","_rowGap:mobile_landscape":"25"}},{"id":"qhtgev","name":"logo__svg","settings":[]}],"globalElements":[]}
Profile Picture
Akshay Joshi

Metric Kit – Hero Section

Modern design section with brand logo and clear CTA
View now
Copy now
{"id":403,"name":"metric-hero","title":"Metric Hero","date":"2025-04-22 20:09:17","date_formatted":"April 22, 2025","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\/metric-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"22a526","name":"section","parent":0,"children":["21559d","14d057"],"settings":{"_cssGlobalClasses":["nnzedl","vneohb"]},"label":"Hero"},{"id":"21559d","name":"container","parent":"22a526","children":["0013f6","88f662","e11000","edd3cc"],"settings":{"_cssGlobalClasses":["jszqyk","qresdr"]}},{"id":"0013f6","name":"block","parent":"21559d","children":["ca3efa","6a1162"],"settings":{"_direction":"row","_flexWrap":"nowrap","_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_cssGlobalClasses":["akncgn"]},"label":"Trusted Block"},{"id":"ca3efa","name":"image","parent":"0013f6","children":[],"settings":{"image":{"id":176,"filename":"Profile-Images-Container.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Profile-Images-Container.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Profile-Images-Container.svg"},"_cssGlobalClasses":["ofidnh"]}},{"id":"6a1162","name":"text-basic","parent":"0013f6","children":[],"settings":{"text":"Trusted by 1000+ clients","_cssGlobalClasses":["ehxkun"]}},{"id":"88f662","name":"heading","parent":"21559d","children":[],"settings":{"text":"Turn social ads into your best revenue channel","_cssGlobalClasses":["veazgd"],"tag":"h1"}},{"id":"e11000","name":"text-basic","parent":"21559d","children":[],"settings":{"text":"We help B2B tech companies generate predictable pipeline through data-driven paid social campaigns.","_cssGlobalClasses":["opglel"]}},{"id":"edd3cc","name":"button","parent":"21559d","children":[],"settings":{"text":"Get your campaign analysis","_cssGlobalClasses":["ulikfi"],"link":{"type":"external","url":"#"}}},{"id":"14d057","name":"container","parent":"22a526","children":["c4cee5","12870a","871747","673677","e972f6","474357"],"settings":{"_cssGlobalClasses":["vloxdg","qresdr"]},"label":"Logo Container"},{"id":"c4cee5","name":"image","parent":"14d057","children":[],"settings":{"_cssGlobalClasses":["wvdfed"],"image":{"id":172,"filename":"Logo.svg.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo.svg.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo.svg.svg"}},"themeStyles":[]},{"id":"12870a","name":"image","parent":"14d057","children":[],"settings":{"_cssGlobalClasses":["wvdfed"],"image":{"id":189,"filename":"Group.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Group.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Group.svg"}},"themeStyles":[]},{"id":"871747","name":"image","parent":"14d057","children":[],"settings":{"_cssGlobalClasses":["wvdfed"],"image":{"id":188,"filename":"Logo.svg-1.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo.svg-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo.svg-1.svg"}},"themeStyles":[]},{"id":"673677","name":"image","parent":"14d057","children":[],"settings":{"_cssGlobalClasses":["wvdfed"],"image":{"id":187,"filename":"webflow_logo.svg.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/webflow_logo.svg.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/webflow_logo.svg.svg"}},"themeStyles":[]},{"id":"e972f6","name":"image","parent":"14d057","children":[],"settings":{"_cssGlobalClasses":["wvdfed"],"image":{"id":186,"filename":"Logo.svg-2.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo.svg-2.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo.svg-2.svg"}},"themeStyles":[]},{"id":"474357","name":"image","parent":"14d057","children":[],"settings":{"_cssGlobalClasses":["wvdfed"],"image":{"id":185,"filename":"Logo.svg-3.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo.svg-3.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo.svg-3.svg"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"nnzedl","name":"metric-hero","settings":{"_rowGap":"150","_rowGap:mobile_landscape":"80","_rowGap:mobile_portrait":"60"}},{"id":"jszqyk","name":"metric-hero__container","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_rowGap":"48","_widthMax":"872","_typography":{"text-align":"center"},"_widthMax:tablet_portrait":"100%","_rowGap:mobile_landscape":"32"}},{"id":"veazgd","name":"metric-hero__heading","settings":{"_typography":{"font-size":"72","font-weight":"500","color":{"hex":"#171717"},"line-height":"1.2"},"_typography:mobile_landscape":{"font-size":"48"},"_typography:mobile_portrait":{"font-size":"40"}}},{"id":"opglel","name":"metric-hero__textarea","settings":{"_typography":{"font-size":"20","color":{"hex":"#4c4c4c"}},"_typography:mobile_landscape":{"font-size":"16"},"_widthMax":"634","_widthMax:tablet_portrait":"100%"}},{"id":"ulikfi","name":"metric-btn_dark","settings":{"_background":{"color":{"hex":"#171717"}},"_padding":{"top":"10","right":"32","bottom":"10","left":"32"},"_typography":{"color":{"hex":"#ffffff"},"font-size":"16","font-weight":"500"},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_heightMin":"56","_background:hover":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.73)","hsl":"hsla(0, 0%, 0%, 0.73)"}},"_heightMin:mobile_portrait":"48"}},{"id":"vloxdg","name":"metric-hero__logo-container","settings":{"_direction":"row","_alignSelf":"center","_justifyContent":"space-between","_alignItems":"center","_display:tablet_portrait":"grid","_gridTemplateColumns:tablet_portrait":"repeat(3, 1fr)","_gridGap:tablet_portrait":"50","_justifyItemsGrid:tablet_portrait":"center","_alignItemsGrid:tablet_portrait":"center","_justifyContentGrid:tablet_portrait":"center","_alignContentGrid:tablet_portrait":"center","_justifyContentGrid:mobile_landscape":"center","_alignItemsGrid:mobile_landscape":"center","_justifyItemsGrid:mobile_landscape":"center","_alignContentGrid:mobile_landscape":"center","_gridTemplateColumns:mobile_portrait":"repeat(2, 1fr)"}},{"id":"wvdfed","name":"metric-hero__logos","settings":{"_widthMax:mobile_portrait":"70%"}},{"id":"vneohb","name":"metric-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"},"_padding:mobile_landscape":{"top":"80","bottom":"80"},"_padding:mobile_portrait":{"top":"60","bottom":"60"}}},{"id":"qresdr","name":"metric-default-container","settings":{"_width":"1728"}},{"id":"akncgn","name":"metric-hero__trusted-block","settings":{"_columnGap":"15"}},{"id":"ehxkun","name":"metric-hero__trusted-block_text","settings":{"_typography":{"color":{"hex":"#4c4c4c"},"font-size":"20"},"_typography:mobile_landscape":{"font-size":"16"}}},{"id":"ofidnh","name":"metric-hero__trusted-logo","settings":{"_width":"176","_width:mobile_portrait":"136"},"modified":1744787858,"user_id":1}]}
Profile Picture
Joe Warren

Hero Section with curved image and background graphic

Hero section with a curved image and background graphics
View now
Copy now
{"content":[{"id":"ldudix","name":"section","parent":0,"children":["hpghnt","fxlhkf","fbbrir"],"settings":{"_cssGlobalClasses":["zpukuq"]},"label":"Hero"},{"id":"hpghnt","name":"container","parent":"ldudix","children":["fydsik"],"settings":{"_cssGlobalClasses":["cmcajs"]}},{"id":"fydsik","name":"block","parent":"hpghnt","children":["jxrcqe","vefhpz","qmozsa"],"settings":{"_cssGlobalClasses":["piqfcm"]},"label":"Content"},{"id":"jxrcqe","name":"heading","parent":"fydsik","children":[],"settings":{"_cssGlobalClasses":["mgsplv"],"tag":"h1","text":"Glow naturally with Skin Care"}},{"id":"vefhpz","name":"text-basic","parent":"fydsik","children":[],"settings":{"text":"Our skincare line is crafted with pure, high-quality ingredients for visible results.","_cssGlobalClasses":["vjxosb"],"tag":"p"}},{"id":"qmozsa","name":"button","parent":"fydsik","children":[],"settings":{"text":"Book an appointment","style":"primary","_cssGlobalClasses":["dljujd"],"icon":{"library":"svg","svg":{"id":151,"filename":"Phone.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Phone.svg"},"height":"18","width":"18"},"iconPosition":"left","_margin":{"top":"30"},"link":{"type":"external","url":"#"}}},{"id":"fxlhkf","name":"image","parent":"ldudix","children":[],"settings":{"_cssGlobalClasses":["dcjmxk"],"image":{"id":152,"filename":"Rectangle-41.png","size":"large","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Rectangle-41.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Rectangle-41-1024x630.png"}},"themeStyles":{}},{"id":"fbbrir","name":"svg","parent":"ldudix","children":[],"settings":{"_cssGlobalClasses":["yhuhnh"],"file":{"id":155,"filename":"Backgroundvector.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Backgroundvector.svg"}}}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"zpukuq","name":"hero","settings":{"_background":{"color":{"hex":"#fcf3ee"}},"_padding":{"top":"100","bottom":"100"},"_position":"relative","_height":"60vh","_height:mobile_portrait":"75vh"}},{"id":"cmcajs","name":"hero__container","settings":{"_height":"100%","_justifyContent":"flex-end","_justifyContent:mobile_portrait":"flex-start"}},{"id":"piqfcm","name":"hero__content","settings":{"_rowGap":"10","_widthMax":"30%","_position":"relative","_zIndex":"1","_widthMax:tablet_portrait":"39%","_widthMax:mobile_landscape":"50%","_widthMax:mobile_portrait":"100%"},"modified":1744719835,"user_id":1},{"id":"mgsplv","name":"h1","settings":{"_typography":{"font-family":"Playfair Display","font-weight":"600","font-size":"40"},"_typography:tablet_portrait":{"font-size":"32"}}},{"id":"vjxosb","name":"hero__text-lead","settings":{}},{"id":"dljujd","name":"button-primary","settings":{"_background":{"color":{"hex":"#ff835a"}},"_typography":{"font-weight":"700"},"_padding":{"left":"40","right":"40","bottom":"14","top":"14"},"_border":{"radius":{"right":"20"}},"_background:hover":{"color":{"hex":"#512729"}},"_typography:hover":{"color":{"hex":"#ffffff"}},"_cssTransition":"all 0.2s ease","_cssCustom":".button-primary:hover svg {\n stroke: #ffffff;\n}"}},{"id":"dcjmxk","name":"hero__image","settings":{"_position":"absolute","_top":"0","_right":"0","_objectFit":"cover","_bottom":"0","_height":"100%","_border":{"radius":{"left":"300"}},"_width":"60%","_width:tablet_portrait":"53%","_width:mobile_portrait":"100%","_height:mobile_portrait":"45%","_bottom:mobile_portrait":"0","_top:mobile_portrait":"auto","_border:mobile_portrait":{"radius":{"left":"0","right":"200"}},"_zIndex:mobile_portrait":"10"}},{"id":"yhuhnh","name":"hero__background-svg","settings":{"_position":"absolute","_top":"0","_left":"0","_height":"90%"},"modified":1744719835,"user_id":1}],"globalElements":[]}

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