
Julian Galluzzo
Hero Section With Image Background
A clean hero section featuring a subheading, heading, paragraph, and 2 buttons with hover effects.
Copy component

{"content":[{"id":"papghh","name":"block","parent":0,"children":["okpzer"],"settings":{"_background":{"image":{"id":465,"filename":"pexels-bogdankrupin-18527375.jpg","size":"full","full":"https://postpilot.local/wp-content/uploads/2025/03/pexels-bogdankrupin-18527375.jpg","url":"https://postpilot.local/wp-content/uploads/2025/03/pexels-bogdankrupin-18527375.jpg"},"position":"center center"},"_cssGlobalClasses":["esbfjm"]},"label":"Hero Wrapper"},{"id":"okpzer","name":"section","parent":"papghh","children":["lczcee"],"settings":{"_cssGlobalClasses":["ghfqgs"]},"label":"Hero"},{"id":"lczcee","name":"container","parent":"okpzer","children":["akxsbv"],"settings":{"_cssGlobalClasses":["lntrvj"]}},{"id":"akxsbv","name":"block","parent":"lczcee","children":["pppsei","zizbzx","bcaaze","akmajj"],"settings":{}},{"id":"pppsei","name":"text-basic","parent":"akxsbv","children":[],"settings":{"text":"PEI LIGHTHOUSE TOURS","_cssGlobalClasses":["cvfbfn"]},"label":"Subheading"},{"id":"zizbzx","name":"heading","parent":"akxsbv","children":[],"settings":{"text":"Explore the world's most beautiful lighthouses","_cssGlobalClasses":["tzbixg"],"tag":"h1"}},{"id":"bcaaze","name":"text-basic","parent":"akxsbv","children":[],"settings":{"text":"Book a retreat with us and see all of the world's most beautiful lighthouses in less than 3 days.","_cssGlobalClasses":["istdij"]},"label":"Paragraph"},{"id":"akmajj","name":"div","parent":"akxsbv","children":["xtetzx","vgsoic"],"settings":{"_cssGlobalClasses":["rpgcuf"]},"label":"Button Group"},{"id":"xtetzx","name":"button","parent":"akmajj","children":[],"settings":{"text":"Book your retreat","style":"primary","_cssGlobalClasses":["fdkltc"]}},{"id":"vgsoic","name":"button","parent":"akmajj","children":[],"settings":{"text":"Contact us","style":"primary","_cssGlobalClasses":["xqunyp"]}}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.12.1","globalClasses":[{"id":"esbfjm","name":"hero2__wrapper","settings":{"_typography":{"font-family":"Be Vietnam Pro"}}},{"id":"ghfqgs","name":"hero2","settings":{"_gradient":{"applyTo":"background","gradientType":"linear","conicAngle":"7"},"_background":{"color":{"hex":"#ffffff","rgb":"rgba(255, 255, 255, 0.75)","hsl":"hsla(0, 0%, 100%, 0.75)"}},"_padding":{"left":"5%","right":"5%","bottom":"150","top":"150"}}},{"id":"lntrvj","name":"hero2__container","settings":{"_display":"grid","_gridTemplateColumns":"1.5fr 1fr","_gridGap":"3rem"}},{"id":"cvfbfn","name":"hero2__subheading","settings":{"_typography":{"text-transform":"uppercase","font-weight":"700","letter-spacing":"2","font-size":"14","color":{"hex":"#000000","id":"hcqvca","name":"Color #3"}},"_margin":{"bottom":"20"}}},{"id":"tzbixg","name":"hero2__h1","settings":{"_typography":{"font-size":"45","color":{"hex":"#000000","id":"hcqvca","name":"Color #3"},"line-height":"1.2"},"_margin":{"bottom":"10"}}},{"id":"istdij","name":"hero2__paragraph","settings":{"_typography":{"font-size":"19","color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}},"_margin":{"bottom":"25"}}},{"id":"rpgcuf","name":"hero2__button-group","settings":{"_display":"flex","_columnGap":"16px"}},{"id":"fdkltc","name":"hero2__button","settings":{"_typography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"font-weight":"600"},"_background":{"color":{"hex":"#6ab1f3","id":"vqhiae","name":"Color #1"}},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_padding":{"top":"10","bottom":"10","left":"20","right":"20"},"_boxShadow":{"values":{"offsetY":"2","blur":"5","spread":"5"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.09)","hsl":"hsla(0, 0%, 0%, 0.09)"}},"_background:hover":{"color":{"hex":"#d0f582","id":"zfgdvh","name":"Color #8"}},"_typography:hover":{"color":{"hex":"#000000","id":"hcqvca","name":"Color #3"}},"_cssTransition":"0.3s"}},{"id":"xqunyp","name":"hero2__button-secondary","settings":{"_typography":{"color":{"hex":"#000000","id":"hcqvca","name":"Color #3"},"font-weight":"600"},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"},"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"hex":"#000000","id":"hcqvca","name":"Color #3"}},"_padding":{"top":"10","bottom":"10","left":"20","right":"20"},"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}},"_boxShadow":{"values":{"offsetY":"2","blur":"5","spread":"5"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.1)","hsl":"hsla(0, 0%, 0%, 0.1)"}},"_background:hover":{"color":{"hex":"#000000","id":"hcqvca","name":"Color #3"}},"_typography:hover":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"_cssTransition":"0.3s"}}],"globalElements":[]}
Similar components


Julian Galluzzo
Hero Section With Product Screenshot
Get straight to business by showcasing a screenshot and a demo on your home page - we've proven on our site that this type of hero increases conversions!


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!