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
Akshay Joshi

Appy Hero

Hero section with 2-column layout and CTA
View now
Copy now
{"id":4290,"name":"appy-hero","title":"Appy Hero","date":"2025-10-13 07:28:04","date_formatted":"October 13, 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\/appy-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"4d2424","name":"section","parent":0,"children":["3c41ea"],"settings":{"_cssGlobalClasses":["qecjvl"]},"label":"Appy Hero"},{"id":"3c41ea","name":"container","parent":"4d2424","children":["2bbf69","d60af6"],"settings":{"_cssGlobalClasses":["ftrxuz","zalcxw"],"_direction":"row"}},{"id":"2bbf69","name":"block","parent":"3c41ea","children":["8c0087","3f51b1","c7f3ab"],"settings":{"_cssGlobalClasses":["hpohin"]},"label":"Column"},{"id":"8c0087","name":"heading","parent":"2bbf69","children":[],"settings":{"text":"Building apps just got easier","tag":"h1","_cssGlobalClasses":["efccun"]}},{"id":"3f51b1","name":"text-basic","parent":"2bbf69","children":[],"settings":{"text":"Aliquam vel platea curabitur sit vestibulum egestas sit id lorem. Aliquet neque, dui sed eget scelerisque. Non at at venenatis tortor amet feugiat ullamcorper in. Odio vulputate cras vel lacinia turpis volutpat adipiscing. Sollicitudin at velit, blandit tempus nunc in.","_cssGlobalClasses":["etfrtf","imkplo"]}},{"id":"c7f3ab","name":"block","parent":"2bbf69","children":["f34cf3","54814e"],"settings":{"_cssGlobalClasses":["keshxw"],"_justifyContent:mobile_landscape":"center"}},{"id":"f34cf3","name":"button","parent":"c7f3ab","children":[],"settings":{"text":"Get Started","style":"primary","_cssGlobalClasses":["cstsbn"]}},{"id":"54814e","name":"button","parent":"c7f3ab","children":[],"settings":{"text":"Watch now","style":"primary","_cssGlobalClasses":["vadtca"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-play"},"iconPosition":"left"}},{"id":"d60af6","name":"block","parent":"3c41ea","children":["ebc0e9"],"settings":{"_cssGlobalClasses":["muvpuv"]},"label":"Column"},{"id":"ebc0e9","name":"image","parent":"d60af6","children":[],"settings":{"image":{"id":4009,"filename":"Col.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Col.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Col.webp"},"_cssGlobalClasses":["rbhxrv"]}}],"templateType":"section","global_classes":[{"id":"qecjvl","name":"appy-default-section","settings":{"_padding":{"left":"5%","top":"80","right":"5%","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"},"_rowGap":"80","_rowGap:mobile_landscape":"32"}},{"id":"ftrxuz","name":"appy-default-container","settings":{"_rowGap:mobile_landscape":"32","_columnGap:mobile_landscape":"32","_columnGap":"80","_rowGap":"80","_width":"100%","_widthMax":"1440px","_direction:mobile_landscape":"column","_display":"flex","_direction":"row","_display:mobile_landscape":"flex"}},{"id":"hpohin","name":"appy-hero-left-content-col","settings":{"_rowGap":"24","_columnGap":"24","_justifyContent:mobile_landscape":"center","_alignItems:mobile_landscape":"center"}},{"id":"muvpuv","name":"appy-hero-right-image-col","settings":{"_background":{"position":"center center","repeat":"no-repeat","size":"cover"},"_heightMin":"620","_justifyContent:tablet_portrait":"center"}},{"id":"zalcxw","name":"appy-hero-container","settings":{"_alignItems":"center","_columnGap:tablet_portrait":"30"},"modified":1760339844,"user_id":1},{"id":"efccun","name":"appy-h1","settings":{"_typography":{"font-size":"72","font-family":"Roboto","font-weight":"700","color":{"hex":"#0f172a"},"line-height":"1.1"},"_typography:tablet_portrait":{"font-size":"56"},"_typography:mobile_landscape":{"font-size":"40"}},"modified":1760082236,"user_id":1},{"id":"etfrtf","name":"appy-p","settings":{"_typography":{"font-size":"18","font-family":"Roboto","font-weight":"400"}}},{"id":"cstsbn","name":"appy-blue-btn","settings":{"_background":{"color":{"hex":"#2563eb"}},"_typography":{"color":{"hex":"#ffffff"},"font-size":"18","font-weight":"500"},"_padding":{"top":"9","bottom":"9","right":"24","left":"24"},"_border":{"width":{"top":"2","right":"2","bottom":"2","left":"2"},"color":{"hex":"#2563eb"},"style":"solid","radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"_widthMax":"225px","_typography:mobile_landscape":{"font-size":"16"}},"modified":1760082236,"user_id":1},{"id":"keshxw","name":"appy-hero-btton-block","settings":{"_flexWrap":"wrap","_direction":"row","_display":"flex","_rowGap":"48","_columnGap":"48","_rowGap:mobile_landscape":"32","_columnGap:mobile_landscape":"32"},"modified":1759484548,"user_id":1},{"id":"vadtca","name":"aapy-teanspernt-btn","settings":{"_background":{"color":{"hex":"#ffffff","rgb":"rgba(255, 255, 255, 0.01)","hsl":"hsla(0, 0%, 100%, 0.01)"}},"_border":{"width":{"top":"2","right":"2","bottom":"2","left":"2"},"style":"solid","color":{"hex":"#ffffff","rgb":"rgba(255, 255, 255, 0)","hsl":"hsla(0, 0%, 100%, 0)"}},"_widthMax":"225","_heightMax":"64","_padding":{"top":"20","right":"24","left":"24","bottom":"20"},"_typography":{"text-transform":"capitalize","font-size":"20","font-weight":"500","font-family":"Roboto","color":{"hex":"#2664ec"}},"iconGap":"16"},"modified":1759484548,"user_id":1},{"id":"imkplo","name":"appy-hero-text","settings":{"_typography:mobile_landscape":{"text-align":"center"}}},{"id":"rbhxrv","name":"appy-hero-right-image-col_image","settings":{"_width":"100%","_height:tablet_portrait":"100%"}}]}
Profile Picture
Akshay Joshi

Magnifico Hero

Hero section with video and sign-up form
View now
Copy now
{"id":4178,"name":"magnifico-hero","title":"Magnifico Hero","date":"2025-10-08 07:30:31","date_formatted":"October 8, 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\/magnifico-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"472d93","name":"section","parent":0,"children":["85a481"],"settings":{"_cssGlobalClasses":["cjidkr"]},"label":"Magnifico Hero"},{"id":"85a481","name":"container","parent":"472d93","children":["8172b2","f1a777"],"settings":{"_cssGlobalClasses":["tdqciq"],"_direction":"row","_direction:tablet_portrait":"column"}},{"id":"8172b2","name":"block","parent":"85a481","children":["494f52","beafeb","260e23","8c1db4"],"settings":{"_cssGlobalClasses":["sxxxix"]},"label":"Column"},{"id":"494f52","name":"heading","parent":"8172b2","children":[],"settings":{"text":"Team projects, done well","_cssGlobalClasses":["rcrwxg"],"tag":"h1"}},{"id":"beafeb","name":"text-basic","parent":"8172b2","children":[],"settings":{"text":"The only platform that gives your team all the tools needed to work together on their awesome projects. ","_cssGlobalClasses":["mpcdmr"]}},{"id":"260e23","name":"form","parent":"8172b2","children":[],"settings":{"fields":[{"type":"email","label":"Email","placeholder":"Your Email","required":true,"id":"e34f98","width":"60","width:mobile_portrait":"100"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["gsqbfs"],"submitButtonIcon":{"library":"themify","icon":"ti-arrow-right"},"submitButtonText":"Sign Up Free","submitButtonIconPosition":"right","submitButtonWidth":"40","submitButtonWidth:mobile_portrait":"100","fieldMargin:mobile_portrait":{"bottom":"10","right":"0"}},"themeStyles":[]},{"id":"8c1db4","name":"block","parent":"8172b2","children":["4f0bd5","505576","40940b","3683af"],"settings":{"_cssGlobalClasses":["owcqxg"],"_display:mobile_landscape":"grid","_gridGap:mobile_landscape":"20","_gridTemplateColumns:mobile_landscape":"repeat(2,1fr)","_justifyItemsGrid:mobile_landscape":"center","_alignItemsGrid:mobile_landscape":"center"}},{"id":"4f0bd5","name":"svg","parent":"8c1db4","children":[],"settings":{"_cssGlobalClasses":["jvxbvl"],"file":{"id":3879,"filename":"Logo-grey-5.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-5.svg"}},"themeStyles":[]},{"id":"505576","name":"svg","parent":"8c1db4","children":[],"settings":{"_cssGlobalClasses":["jvxbvl"],"file":{"id":3875,"filename":"Logo-grey-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-1.svg"}},"themeStyles":[]},{"id":"40940b","name":"svg","parent":"8c1db4","children":[],"settings":{"_cssGlobalClasses":["jvxbvl"],"file":{"id":3876,"filename":"Logo-grey-2.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-2.svg"}},"themeStyles":[]},{"id":"3683af","name":"svg","parent":"8c1db4","children":[],"settings":{"_cssGlobalClasses":["jvxbvl"],"file":{"id":3878,"filename":"Logo-grey-4.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-4.svg"}},"themeStyles":[]},{"id":"f1a777","name":"block","parent":"85a481","children":["abd87b"],"settings":{"_cssGlobalClasses":["plpibg"]},"label":"Column"},{"id":"abd87b","name":"video","parent":"f1a777","children":[],"settings":{"videoType":"youtube","youTubeId":"5DGo0AYOJ7s","youtubeControls":true,"vimeoByline":true,"vimeoTitle":true,"vimeoPortrait":true,"fileControls":true,"previewImage":"custom","previewImageCustom":{"id":4121,"filename":"Left.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Left.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Left.webp"},"overlayIcon":{"library":"svg","svg":{"id":4123,"filename":"Vector.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Vector.svg"}},"_cssGlobalClasses":["sfmrtg"]},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"cjidkr","name":"magnifico-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"},"_rowGap:mobile_landscape":"32","_columnGap:mobile_landscape":"32"},"modified":1758811901,"user_id":1},{"id":"tdqciq","name":"magnifico-default-container","settings":{"_widthMax":"1440px","_width":"100%","_rowGap":"80","_columnGap":"80","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40","_alignItems":"stretch"}},{"id":"sxxxix","name":"magnifico-left-content_col","settings":{"_columnGap":"24","_rowGap":"24","_padding":{"top":"24","bottom":"24"},"_padding:tablet_portrait":{"top":"0","bottom":"0"},"_width":"50%","_justifyContent":"center","_width:mobile_landscape":"100%","_width:tablet_portrait":"100%"},"modified":1759907057,"user_id":1},{"id":"plpibg","name":"magnifico-hero-right_col","settings":{"_background":{"position":"center center","size":"cover","repeat":"no-repeat"},"_width":"50%","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_width:mobile_landscape":"100%","_heightMin:mobile_landscape":"400","_justifyContent":"center","_width:tablet_portrait":"100%"},"modified":1759907057,"user_id":1},{"id":"rcrwxg","name":"magnifico-h1","settings":{"_typography":{"font-size":"72","font-family":"Roboto","line-height":"110%","color":{"hex":"#0f172a"}},"_typography:mobile_landscape":{"font-size":"52"},"_typography:tablet_portrait":{"font-size":"56"}},"modified":1758811901,"user_id":1},{"id":"mpcdmr","name":"magnifico-p","settings":{"_typography":{"font-size":"18"}}},{"id":"gsqbfs","name":"magnifico-hero-form","settings":{"submitButtonWidth":"30","submitButtonTypography":{"font-size":"16","font-weight":"600","color":{"hex":"#ffffff"},"line-height":"2.0"},"submitButtonBorder":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"submitButtonBackgroundColor":{"hex":"#2563eb"},"fieldTypography":{"line-height":"3.1"},"fieldMargin":{"right":"20","bottom":"0"},"fieldBorder":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"submitButtonWidth:mobile_portrait":"50","fieldMargin:mobile_portrait":{"right":"10"},"submitButtonBackgroundColor:hover":{"hex":"#008cff"}},"modified":1759908341,"user_id":1},{"id":"owcqxg","name":"magnifico-hero-svg_block","settings":{"_background":{"color":{"hex":"#f1f5f9"}},"_padding":{"top":"16","right":"16","bottom":"16","left":"16"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"_columnGap":"15","_rowGap":"15","_display":"flex","_direction":"row","_alignItems":"center","_justifyContent":"space-between"}},{"id":"jvxbvl","name":"magnifico-hero-svg","settings":[],"modified":1758895093,"user_id":1},{"id":"sfmrtg","name":"magnifico-hero-video","settings":{"overlay":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.32)","hsl":"hsla(0, 0%, 0%, 0.32)"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_heightMin":"405px","overlayIconTypography":{"font-size":"94"},"_heightMin:mobile_portrait":"350"}}]}
Profile Picture
Akshay Joshi

Breakio – Hero Section

Hero banner featuring an image and email signup form
View now
Copy now
{"id":3861,"name":"breakio-hero-section-3","title":"Breakio - Hero Section","date":"2025-09-23 17:54:18","date_formatted":"September 23, 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\/breakio-hero-section-3\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"1494f9","name":"section","parent":0,"children":["eb900d"],"settings":{"_cssGlobalClasses":["sntycg","mrxvyi","mkeggp"]},"label":"Hero"},{"id":"eb900d","name":"container","parent":"1494f9","children":["50d989","b1365e"],"settings":{"_cssGlobalClasses":["exxrhx","qqlcfl","linejo"]}},{"id":"50d989","name":"block","parent":"eb900d","children":["c62edd","ebb69b","84ab4a"],"settings":{"_cssGlobalClasses":["ghskkg","rsjtbs","xjldcd"]}},{"id":"c62edd","name":"heading","parent":"50d989","children":[],"settings":{"text":"I am a It\u2019s time to take a break","_cssGlobalClasses":["lindjz","hsjvko"],"tag":"h1"}},{"id":"ebb69b","name":"text-basic","parent":"50d989","children":[],"settings":{"text":"Build your meditation skills with an app that gives you all you need!","_cssGlobalClasses":["lgtfnt","ibgcju"]}},{"id":"84ab4a","name":"form","parent":"50d989","children":[],"settings":{"fields":[{"type":"text","label":"Name","placeholder":"Enter your name","id":"692127","width:mobile_portrait":"100","width":"60"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["pjrtzt"],"placeholderTypography":{"font-weight":"400"},"submitButtonText":"Start Now","fieldTypography:mobile_portrait":{"font-size":"16"},"fieldTypography":{"text-wrap":"nowrap"}},"themeStyles":[]},{"id":"b1365e","name":"image","parent":"eb900d","children":[],"settings":{"_cssGlobalClasses":["xkppdx"],"image":{"id":3623,"filename":"Picture.png","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Picture.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Picture-1024x378.png"}}}],"templateType":"section","global_classes":[{"id":"mrxvyi","name":"breakio-hero","settings":{"_rowGap":"80","_columnGap":"80","_padding":{"bottom":"56"},"_width":"100%"},"modified":1758285973,"user_id":1},{"id":"qqlcfl","name":"breakio_container","settings":{"_columnGap":"80","_rowGap":"80","_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_width":"100%","_widthMax":"1280"},"modified":1757946768,"user_id":1},{"id":"rsjtbs","name":"breakio_hero-block","settings":{"_columnGap":"24","_rowGap":"24"}},{"id":"hsjvko","name":"breakio_h1","settings":{"_typography":{"font-size":"72","font-family":"Roboto","text-align":"center"},"_typography:mobile_portrait":{"font-size":"32"},"_typography:mobile_landscape":{"font-size":"56"},"_gradient":{"applyTo":"text","gradientType":"linear","angle":"35","colors":[{"id":"mzmqzl","color":{"hex":"#c026d3"}},{"id":"wncldj","color":{"hex":"#701a75"}}]}}},{"id":"mkeggp","name":"breakio-default-section","settings":{"_padding":{"top":"80","bottom":"80","right":"5%","left":"5%"},"_rowGap":"60","_justifyContent":"center","_alignItems":"center","_alignSelf":"center","_padding:mobile_portrait":{"top":"48","bottom":"48","left":"16","right":"16"}}},{"id":"linejo","name":"breakio_hero_container","settings":{"_justifyContent":"center","_alignItems":"center","_alignSelf":"center"},"modified":1757946768,"user_id":1},{"id":"lgtfnt","name":"breakio-text-center","settings":{"_typography":{"text-align":"center"}},"modified":1757946768,"user_id":1},{"id":"xjldcd","name":"breakio-center-all","settings":{"_alignItems":"center"}},{"id":"pjrtzt","name":"breakio-hero-form","settings":{"_justifyContent":"center","_alignItems":"center","_alignSelf":"center","fieldMargin":{"right":"8","bottom":"0"},"submitButtonWidth":"40","submitButtonTypography":{"line-height":"1.7em","font-size":"24","color":{"hex":"#ffffff"},"font-weight":"700"},"submitButtonBorder":{"radius":{"top":"26","right":"26","bottom":"26","left":"26"},"style":"solid","width":{"top":"1","right":"1","bottom":"1","left":"1"},"color":{"hex":"#c027d3"}},"submitButtonBackgroundColor":{"hex":"#c026d3"},"submitButtonWidth:mobile_portrait":"100%","submitButtonTypography:mobile_portrait":{"font-size":"16"},"placeholderTypography:mobile_portrait":{"font-size":"16"},"_width:mobile_portrait":"100%","fieldTypography:mobile_portrait":{"font-size":"16"},"_widthMax":"700","_width":"100%","fieldTypography:mobile_landscape":{"font-size":"18"},"fieldPadding":{"left":"24","right":"24","bottom":"13","top":"13"},"fieldBorder":{"radius":{"top":"26","right":"26","bottom":"26","left":"26"}},"fieldTypography":{"font-size":"24"},"submitButtonTypography:mobile_landscape":{"font-size":"16","line-height":"48px","font-weight":"500"},"submitButtonMargin:mobile_portrait":{"top":"20"}}},{"id":"ibgcju","name":"breakio-default-text","settings":{"_typography":{"font-size":"20","font-family":"Roboto","font-weight":"400","color":{"hex":"#475569"}},"_typography:mobile_landscape":{"font-size":"16"}}}]}

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