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

Estatein Kit – Hero section 2

Split hero section with image and key details
View now
Copy now
{"id":1720,"name":"estatein-kit-about-hero","title":"Estatein kit - About Hero","date":"2025-06-30 07:56:20","date_formatted":"June 30, 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\/estatein-kit-about-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"62dd50","name":"section","parent":0,"children":["2ec5a2"],"settings":{"_cssGlobalClasses":["qcvyzw","ibelfz"]},"label":"About Hero"},{"id":"2ec5a2","name":"container","parent":"62dd50","children":["419265","1e4a36"],"settings":{"_cssGlobalClasses":["wglmeq","xsaurk","qhexth"]}},{"id":"419265","name":"block","parent":"2ec5a2","children":["2b7b33","6657e6"],"settings":{"_cssGlobalClasses":["tvtqoh"]},"label":"Column"},{"id":"2b7b33","name":"block","parent":"419265","children":["5d6c79","9b2afb","8ebb6c"],"settings":{"_cssGlobalClasses":["mcgbpw"]}},{"id":"5d6c79","name":"svg","parent":"2b7b33","children":[],"settings":{"file":{"id":1018,"filename":"Abstract-Design.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Abstract-Design.svg"}}},{"id":"9b2afb","name":"heading","parent":"2b7b33","children":[],"settings":{"text":"Our Journey","tag":"h1","_cssGlobalClasses":["mvihif"]}},{"id":"8ebb6c","name":"text-basic","parent":"2b7b33","children":[],"settings":{"text":"Our story is one of continuous growth and evolution. We started as a small team with big dreams, determined to create a real estate platform that transcended the ordinary. Over the years, we've expanded our reach, forged valuable partnerships, and gained the trust of countless clients.","_cssGlobalClasses":["sfstmx"]}},{"id":"6657e6","name":"block","parent":"419265","children":["3b8a09","8ded72","7b4641"],"settings":{"_cssGlobalClasses":["drxzvs"],"_flexWrap:tablet_portrait":"wrap","_rowGap:tablet_portrait":"16"}},{"id":"3b8a09","name":"div","parent":"6657e6","children":["771e4b","6c71e1"],"settings":{"_cssGlobalClasses":["jhjlzg"],"_gridItemColumnSpan:mobile_landscape":"1","_gridItemColumnSpan:tablet_portrait":"1"}},{"id":"771e4b","name":"heading","parent":"3b8a09","children":[],"settings":{"text":"200+","_cssGlobalClasses":["ywpdku"]}},{"id":"6c71e1","name":"text-basic","parent":"3b8a09","children":[],"settings":{"text":"Happy Customers","_cssGlobalClasses":["sfstmx"],"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"8ded72","name":"div","parent":"6657e6","children":["7cce20","0f98e5"],"settings":{"_cssGlobalClasses":["jhjlzg"],"_gridItemColumnSpan:mobile_landscape":"2","_gridItemColumnSpan:tablet_portrait":"2"}},{"id":"7cce20","name":"heading","parent":"8ded72","children":[],"settings":{"text":"10K+","_cssGlobalClasses":["ywpdku"]}},{"id":"0f98e5","name":"text-basic","parent":"8ded72","children":[],"settings":{"text":"Properties For Clients","_cssGlobalClasses":["sfstmx"],"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"7b4641","name":"div","parent":"6657e6","children":["f1559f","2ccba6"],"settings":{"_cssGlobalClasses":["jhjlzg"],"_gridItemColumnSpan:mobile_landscape":"1 \/ -1","_gridItemColumnSpan:tablet_portrait":"1 \/ -1"}},{"id":"f1559f","name":"heading","parent":"7b4641","children":[],"settings":{"text":"16+","_cssGlobalClasses":["ywpdku"]}},{"id":"2ccba6","name":"text-basic","parent":"7b4641","children":[],"settings":{"text":"Years of Experience","_cssGlobalClasses":["sfstmx"],"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"1e4a36","name":"block","parent":"2ec5a2","children":["b80505"],"settings":[],"label":"Column"},{"id":"b80505","name":"image","parent":"1e4a36","children":[],"settings":{"image":{"id":1550,"filename":"Sub-Container-3.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Sub-Container-3.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Sub-Container-3.svg"},"_width:tablet_portrait":"100%"},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"qcvyzw","name":"estatein-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"8%","right":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","left":"5%","right":"5%"},"_background":{"color":{"hex":"#141414"}}},"modified":1749740692,"user_id":1},{"id":"wglmeq","name":"estatein-default-container","settings":{"_direction:mobile_landscape":"row","_width":"1596"},"modified":1749711177,"user_id":1},{"id":"mvihif","name":"estatein-h2-whte","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"48","font-weight":"600"},"_typography:mobile_landscape":{"font-size":"28"}},"modified":1748526561,"user_id":1},{"id":"sfstmx","name":"estatein__body-text","settings":{"_typography":{"color":{"hex":"#999999"},"font-size":"clamp(16px, calc(16px + (4 * ((100vw - 1440px) \/ 480))), 18px);"},"_typography:mobile_landscape":{"font-size":"14"},"_typography:tablet_portrait":{"font-size":"16"}}},{"id":"drxzvs","name":"estatein-banner-client-insights-block","settings":{"_direction":"row","_columnGap":"20","_columnGap:tablet_portrait":"16","_columnGap:mobile_landscape":"12","_rowGap:mobile_landscape":"12","_flexWrap:mobile_landscape":"wrap","_display:mobile_landscape":"grid","_gridTemplateColumns:mobile_landscape":" 1fr 1fr;","_alignContentGrid:mobile_landscape":"stretch","_alignItemsGrid:mobile_landscape":"stretch","_display:tablet_portrait":"grid","_gridTemplateColumns:tablet_portrait":" 1fr 1fr;"}},{"id":"jhjlzg","name":"estatein-banner-client-insights-div","settings":{"_padding":{"top":"16","bottom":"16","left":"24","right":"24"},"_border":{"width":{"top":"1","right":"1","left":"1","bottom":"1"},"style":"solid","color":{"hex":"#262626"},"radius":{"top":"12","right":"12","bottom":"12","left":"12"}},"_border:tablet_portrait":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"_border:mobile_landscape":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"_padding:tablet_portrait":{"top":"14","right":"20","left":"20","bottom":"14"},"_padding:mobile_landscape":{"top":"16","right":"16","left":"16","bottom":"16"},"_display:mobile_landscape":"flex","_direction:mobile_landscape":"column","_alignItems:mobile_landscape":"center","_alignSelf:mobile_landscape":"stretch","_justifyContent:mobile_landscape":"center","_background":{"color":{"hex":"#1a1a1a"}}}},{"id":"ywpdku","name":"estatein-banner-client-insights-heading","settings":{"_typography":{"font-size":"clamp(30px, calc(30px + 10 * ((100vw - 1440px) \/ 480)), 40px);","font-weight":"700","color":{"hex":"#ffffff"}},"_typography:tablet_portrait":{"font-size":"30"},"_typography:mobile_landscape":{"font-size":"24","text-align":"center"}}},{"id":"ibelfz","name":"estatein-about_hero","settings":{"_background":{"color":{"hex":"#141414"}}}},{"id":"tvtqoh","name":"estatein_gap-m","settings":{"_rowGap":"clamp(50px, calc(50px + 10 * ((100vw - 1440px) \/ 480)), 60px);"}},{"id":"xsaurk","name":"estatein_col-gap-m","settings":{"_columnGap":"clamp(60px, calc(60px + 20 * ((100vw - 1440px) \/ 480)), 80px);"},"modified":1750401348,"user_id":1},{"id":"mcgbpw","name":"estatein_gap-xs","settings":{"_rowGap":"clamp(10px, calc(10px + 4 * ((100vw - 1440px) \/ 480)), 14px);"}},{"id":"qhexth","name":"estatein_about-hero--container","settings":{"_direction:tablet_portrait":"column","_direction":"row","_rowGap:tablet_portrait":"60","_direction:mobile_landscape":"column-reverse","_rowGap:mobile_landscape":"30"},"modified":1750401348,"user_id":1}]}
Profile Picture
Akshay Joshi

Estatein kit – Hero Section

Hero section with an animated text and arrow
View now
Copy now
{"id":1510,"name":"estatein-banner","title":"Estatein-Banner","date":"2025-06-13 18:09:58","date_formatted":"June 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\/estatein-banner\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"b1e1b9","name":"section","parent":0,"children":["3b2b2c"],"settings":{"_cssGlobalClasses":["ehjlpb","qcvyzw"],"_padding":{"left":"0"},"_padding:mobile_landscape":{"left":"5%"}},"label":"Banner"},{"id":"3b2b2c","name":"container","parent":"b1e1b9","children":["01706f","a8f05a"],"settings":{"_cssGlobalClasses":["rxiuid","wglmeq"],"_direction":"row","_direction:mobile_landscape":"column-reverse","_padding:mobile_landscape":{"left":"0"}}},{"id":"01706f","name":"block","parent":"3b2b2c","children":["7402aa"],"settings":{"_cssGlobalClasses":["wimket"]},"label":"Column"},{"id":"7402aa","name":"block","parent":"01706f","children":["265255","fff032","2333d3","372822"],"settings":{"_cssGlobalClasses":["gwpsaw"]}},{"id":"265255","name":"heading","parent":"7402aa","children":[],"settings":{"text":"Discover Your Dream Property with Estatein","tag":"h1","_cssGlobalClasses":["jgmmak"]}},{"id":"fff032","name":"text-basic","parent":"7402aa","children":[],"settings":{"text":"Your journey to finding the perfect property begins here. Explore our listings to find the home that matches your dreams.","_cssGlobalClasses":["sfstmx"]}},{"id":"2333d3","name":"block","parent":"7402aa","children":["bd26c3","b444cd"],"settings":{"_cssGlobalClasses":["vtncov"]}},{"id":"bd26c3","name":"button","parent":"2333d3","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["chkyjw"],"_width:mobile_portrait":"100%","link":{"type":"external","url":"#"}}},{"id":"b444cd","name":"button","parent":"2333d3","children":[],"settings":{"text":"Browse Properties","_cssGlobalClasses":["xggucw"],"_width:mobile_portrait":"100%","link":{"type":"external","url":"#"}}},{"id":"372822","name":"block","parent":"7402aa","children":["10e731","055b1c","b785fb"],"settings":{"_cssGlobalClasses":["drxzvs"],"_flexWrap:tablet_portrait":"wrap","_rowGap:tablet_portrait":"16"}},{"id":"10e731","name":"div","parent":"372822","children":["ea0d3e","34d0f6"],"settings":{"_cssGlobalClasses":["jhjlzg"],"_gridItemColumnSpan:mobile_landscape":"1","_gridItemColumnSpan:tablet_portrait":"1"}},{"id":"ea0d3e","name":"heading","parent":"10e731","children":[],"settings":{"text":"200+","_cssGlobalClasses":["ywpdku"]}},{"id":"34d0f6","name":"text-basic","parent":"10e731","children":[],"settings":{"text":"Happy Customers","_cssGlobalClasses":["sfstmx"],"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"055b1c","name":"div","parent":"372822","children":["69f972","be22cc"],"settings":{"_cssGlobalClasses":["jhjlzg"],"_gridItemColumnSpan:mobile_landscape":"2","_gridItemColumnSpan:tablet_portrait":"2"}},{"id":"69f972","name":"heading","parent":"055b1c","children":[],"settings":{"text":"10K+","_cssGlobalClasses":["ywpdku"]}},{"id":"be22cc","name":"text-basic","parent":"055b1c","children":[],"settings":{"text":"Properties For Clients","_cssGlobalClasses":["sfstmx"],"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"b785fb","name":"div","parent":"372822","children":["f93c4f","339944"],"settings":{"_cssGlobalClasses":["jhjlzg"],"_gridItemColumnSpan:mobile_landscape":"1 \/ -1","_gridItemColumnSpan:tablet_portrait":"1 \/ -1"}},{"id":"f93c4f","name":"heading","parent":"b785fb","children":[],"settings":{"text":"16+","_cssGlobalClasses":["ywpdku"]}},{"id":"339944","name":"text-basic","parent":"b785fb","children":[],"settings":{"text":"Years of Experience","_cssGlobalClasses":["sfstmx"],"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"a8f05a","name":"block","parent":"3b2b2c","children":["58888e"],"settings":{"_cssGlobalClasses":["iflpql"]},"label":"Column"},{"id":"58888e","name":"block","parent":"a8f05a","children":["4faeff"],"settings":{"_cssGlobalClasses":["qzrmds"]}},{"id":"4faeff","name":"block","parent":"58888e","children":["59e548","c536b7"],"settings":{"_cssGlobalClasses":["epcoue","amiljg"],"link":{"type":"external","url":"#brxe-ehrktl"},"tag":"a","_interactions":[{"id":"ufdlvh","trigger":"enterView","action":"startAnimation","animationType":"zoomIn","runOnce":true}]},"label":"Spin button with css"},{"id":"59e548","name":"image","parent":"4faeff","children":[],"settings":{"_cssGlobalClasses":["lngxoq"],"image":{"id":1262,"filename":"Sub-Container.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Sub-Container.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Sub-Container.png"}},"themeStyles":[]},{"id":"c536b7","name":"block","parent":"4faeff","children":["03301d"],"settings":{"_widthMax:mobile_landscape":"150px","_margin:tv_monitor":{"top":"70"},"_cssGlobalClasses":["xneybq"]},"label":"Arrow div"},{"id":"03301d","name":"svg","parent":"c536b7","children":[],"settings":{"_cssGlobalClasses":["qdgklq"],"file":{"id":1256,"filename":"Icon.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Icon.svg"},"fill:laptop_non_hd":{"raw":"var(--white)","id":"brxc_color_z399lh","name":"white"},"stroke:laptop_non_hd":{"raw":"var(--white)","id":"brxc_color_z399lh","name":"white"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"ehjlpb","name":"estatein-banner-section","settings":{"_background":{"color":{"hex":"#141414"}},"_padding:mobile_landscape":{"right":"5%","left":"5%","top":"40"},"_padding":{"top":"0","bottom":"0","right":"0"}},"modified":1749814883,"user_id":1},{"id":"qcvyzw","name":"estatein-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"8%","right":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","left":"5%","right":"5%"}},"modified":1749740692,"user_id":1},{"id":"rxiuid","name":"estatein-banner-container","settings":{"_rowGap":"80","_columnGap":"80","_alignItems":"stretch","_rowGap:tablet_portrait":"60","_columnGap:tablet_portrait":"60","_direction:mobile_landscape":"column-reverse","_width":"100%"},"modified":1749135544,"user_id":1},{"id":"wglmeq","name":"estatein-default-container","settings":{"_direction:mobile_landscape":"row","_width":"1596"},"modified":1749711177,"user_id":1},{"id":"sfstmx","name":"estatein__body-text","settings":{"_typography":{"color":{"hex":"#999999"},"font-size":"clamp(16px, calc(16px + (4 * ((100vw - 1440px) \/ 480))), 18px);"},"_typography:mobile_landscape":{"font-size":"14"},"_typography:tablet_portrait":{"font-size":"16"}}},{"id":"xggucw","name":"estatein-btn_purple","settings":{"_background":{"color":{"hex":"#703bf7"}},"_typography":{"color":{"hex":"#ffffff"},"font-size":"clamp(14px, calc(14px + (4 * ((100vw - 1440px) \/ 480))), 18px);"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#703bf7"}},"_padding":{"top":"18","bottom":"18","right":"3.5%","left":"3.5%"},"_padding:tablet_portrait":{"top":"14","bottom":"14"},"_typography:tablet_portrait":{"font-size":"14"},"_background:hover":{"color":{"hex":"#292929"}}},"modified":1749805439,"user_id":1},{"id":"chkyjw","name":"estatein-btn_grey","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"clamp(14px, calc(14px + (4 * ((100vw - 1440px) \/ 480))), 18px);","font-weight":"500"},"_background":{"color":{"hex":"#1a1a1a"}},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#262626"},"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"_padding":{"top":"18","bottom":"18","right":"3.5%","left":"3.5%"},"_gap":"8px","_typography:tablet_portrait":{"font-size":"14"},"_padding:tablet_portrait":{"top":"14","bottom":"14","right":"20","left":"20"},"_background:hover":{"color":{"hex":"#292929"}}},"modified":1749805439,"user_id":1},{"id":"iflpql","name":"estatein-baneer-image-col","settings":{"_background":{"image":{"id":1148,"filename":"Container.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Container.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Container.webp"}},"_heightMin:mobile_landscape":"450","_justifyContent:mobile_landscape":"flex-end","_heightMin:mobile_portrait":"302","_border:mobile_landscape":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#262626"},"radius":{"right":"20","top":"20","bottom":"20","left":"20"}}}},{"id":"vtncov","name":"estatein-banner-cta-block","settings":{"_direction":"row","_rowGap":"20","_columnGap":"20","_flexWrap:mobile_landscape":"nowrap","_direction:mobile_landscape":"row","_direction:mobile_portrait":"column","_margin:mobile_landscape":{"top":"30","bottom":"30"}}},{"id":"jgmmak","name":"estatein-banner-heading","settings":{"_typography":{"font-size":"60","font-weight":"600","color":{"hex":"#ffffff"},"font-family":"Urbanist"},"_typography:tablet_portrait":{"font-size":"46"},"_typography:mobile_landscape":{"font-size":"28"},"_widthMax:tablet_portrait":"95%","_widthMax:mobile_landscape":"100%"}},{"id":"qzrmds","name":"estatein-banner-overlay-image-block","settings":{"_margin:mobile_landscape":{"left":"0","bottom":"-50"},"_alignSelf":"flex-start","_alignItems":"flex-start","_margin":{"top":"80","left":"-95"},"_direction":"row"}},{"id":"wimket","name":"estatein-banner_col-l","settings":{"_padding":{"top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"20","bottom":"40","left":"0"},"_columnGap:mobile_landscape":"16","_rowGap:mobile_landscape":"16","_rowGap":"60","_alignItems":"flex-end"},"modified":1749741034,"user_id":1},{"id":"drxzvs","name":"estatein-banner-client-insights-block","settings":{"_direction":"row","_columnGap":"20","_columnGap:tablet_portrait":"16","_columnGap:mobile_landscape":"12","_rowGap:mobile_landscape":"12","_flexWrap:mobile_landscape":"wrap","_display:mobile_landscape":"grid","_gridTemplateColumns:mobile_landscape":" 1fr 1fr;","_alignContentGrid:mobile_landscape":"stretch","_alignItemsGrid:mobile_landscape":"stretch","_display:tablet_portrait":"grid","_gridTemplateColumns:tablet_portrait":" 1fr 1fr;"}},{"id":"jhjlzg","name":"estatein-banner-client-insights-div","settings":{"_padding":{"top":"16","bottom":"16","left":"24","right":"24"},"_border":{"width":{"top":"1","right":"1","left":"1","bottom":"1"},"style":"solid","color":{"hex":"#262626"},"radius":{"top":"12","right":"12","bottom":"12","left":"12"}},"_border:tablet_portrait":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"_border:mobile_landscape":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"_padding:tablet_portrait":{"top":"14","right":"20","left":"20","bottom":"14"},"_padding:mobile_landscape":{"top":"16","right":"16","left":"16","bottom":"16"},"_display:mobile_landscape":"flex","_direction:mobile_landscape":"column","_alignItems:mobile_landscape":"center","_alignSelf:mobile_landscape":"stretch","_justifyContent:mobile_landscape":"center"}},{"id":"ywpdku","name":"estatein-banner-client-insights-heading","settings":{"_typography":{"font-size":"40","font-weight":"700","color":{"hex":"#ffffff"}},"_typography:tablet_portrait":{"font-size":"30"},"_typography:mobile_landscape":{"font-size":"24","text-align":"center"}}},{"id":"epcoue","name":"cust-always-spin-div","settings":{"_background":{"color":{"hex":"#f7ad2b","rgb":"rgba(247, 173, 43, 0)","hsl":"hsla(38, 93%, 57%, 0)"}},"_border":{"radius":{"top":"100","right":"100","bottom":"100","left":"100"}},"_padding":{"left":"0","bottom":"0","top":"0","right":"0"},"_width":"190px","_height":"auto","_widthMax":"190px","_width:mobile_landscape":"150px","_widthMax:mobile_landscape":"150px","_width:tv_monitor":"200px","_widthMax:tv_monitor":"200px","_width:for_aaa_zoom":"80","_zIndex":"999","_alignSelf":"center","_alignItems":"center","_direction":"column","_cssCustom":"\/**\n * ----------------------------------------\n * animation rotate-in-center - Button always spining\n * ----------------------------------------\n *\/\n.cust-always-spin {\n -webkit-animation: rotate-in-center 12s linear infinite reverse both;\n\t animation: rotate-in-center 12s linear infinite reverse both;\n}\n\n@-webkit-keyframes rotate-in-center {\n 0% {\n -webkit-transform: rotate(-360deg);\n transform: rotate(-360deg);\n opacity: 1;\n }\n 100% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n@keyframes rotate-in-center {\n 0% {\n -webkit-transform: rotate(-360deg);\n transform: rotate(-360deg);\n opacity: 1;\n }\n 100% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 1;\n }\n}\n\n.cust-always-spin-div:hover .cust-spin-arrow {\n transform: translate3d(0px, 0px, 0px) scale3d(1.5, 1.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) skew(0deg, 0deg);\n transform-style: preserve-3d;\n}\n.cust-spin-arrow {\n transition: ease-in 0.3s;\n}\n.cust-always-spin-div.brxe-block .cust-bg-spin-div {\n -webkit-animation: scale-out-center 0.5s ease-in both;\n animation: scale-out-center 0.5s ease-in both;\n transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);\n transform-style: preserve-3d;\n}\n.cust-always-spin-div.brxe-block:hover .cust-bg-spin-div {\n -webkit-animation: scale-in-center 0.5s ease-in both;\n animation: scale-in-center 0.5s ease-in both;\n transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);\n transform-style: preserve-3d;\n}"},"_exists":false,"modified":1749813259,"user_id":1},{"id":"amiljg","name":"cust-zoom-in","settings":{"_interactions":[{"id":"ufdlvh","trigger":"enterView","action":"startAnimation","animationType":"zoomIn","runOnce":true}]},"_exists":false},{"id":"lngxoq","name":"cust-always-spin","settings":{"_zIndex":"3","stroke:laptop_non_hd":{"raw":"var(--white)","id":"brxc_color_z399lh","name":"white"},"fill:laptop_non_hd":{"raw":"var(--white)","id":"brxc_color_z399lh","name":"white"},"stroke":{"hex":"#ffffff","rgb":"rgba(255, 255, 255, 0)","hsl":"hsla(0, 0%, 100%, 0)"},"fill":{"raw":"var(--white)","id":"brxc_color_z399lh","name":"white"},"strokeWidth":"0"},"_exists":false},{"id":"qdgklq","name":"cust-spin-arrow","settings":{"_zIndex":"1","stroke":{"hex":"#ebebeb","rgb":"rgba(235, 235, 235, 0.55)","hsl":"hsla(0, 0%, 92%, 0.55)"},"fill":{"hex":"#ebebeb","rgb":"rgba(235, 235, 235, 0.58)","hsl":"hsla(0, 0%, 92%, 0.58)"},"_width":"30px"},"_exists":false},{"id":"xneybq","name":"cust-spin_arrow-div","settings":{"_widthMax":"200px","_position":"absolute","_zIndex":"99","_margin":{"top":"80"},"_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_direction":"column","_margin:mobile_landscape":{"top":"60"}}},{"id":"gwpsaw","name":"estatein-banner_col-l_block","settings":{"_rowGap":"60","_rowGap:mobile_landscape":"16","_widthMax":"943","_padding":{"left":"17%"},"_padding:mobile_landscape":{"left":"0"},"_padding:tablet_portrait":{"left":"11%"}}}]}
Profile Picture
Zubair Raee

Hero Section

Elegant hero with serif headline, modern layout, and lifestyle imagery for a bold first impression.
View now
Copy now
[ { "id": "dtjpml", "category": "Hero Section", "desc": "Elegant hero with serif headline, modern layout, and lifestyle imagery for a bold first impression.", "elements": [ { "id": "dtjpml", "name": "section", "parent": 0, "children": [ "lycfoc", "qtssra" ], "settings": { "_cssGlobalClasses": [] }, "label": "Inteo Hero Section" }, { "id": "lycfoc", "name": "container", "parent": "dtjpml", "children": [ "judyeu", "rorptz", "epqoco" ], "settings": { "_cssGlobalClasses": [ "ksptpz" ] } }, { "id": "judyeu", "name": "heading", "parent": "lycfoc", "children": [], "settings": { "text": "Make your home an ode to joy", "_cssGlobalClasses": [ "utgehl", "ownkxi", "qhjjfy" ], "tag": "h1", "_typography": { "text-align": "center" } } }, { "id": "rorptz", "name": "text-basic", "parent": "lycfoc", "children": [], "settings": { "text": "We turn your empty house to a lovely home, making the compact spaces with sapce saving furnitures. Making the unique tastes of yours into reality! ", "_cssGlobalClasses": [ "xlrzes", "bskrla" ], "_typography": { "text-align": "center" }, "_widthMax": "800" } }, { "id": "epqoco", "name": "image", "parent": "lycfoc", "children": [], "settings": { "image": { "id": 29, "filename": "cta-button-487f725c7d7d0729437bd09dc6f9b120.svg", "size": "full", "full": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/cta-button-487f725c7d7d0729437bd09dc6f9b120.svg", "url": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/cta-button-487f725c7d7d0729437bd09dc6f9b120.svg" }, "_cssGlobalClasses": [ "homhma" ] }, "themeStyles": [] }, { "id": "qtssra", "name": "container", "parent": "dtjpml", "children": [ "clkpjx" ], "settings": { "_cssGlobalClasses": [ "zlpaky" ] } }, { "id": "clkpjx", "name": "image", "parent": "qtssra", "children": [], "settings": { "image": { "id": 28, "filename": "hero-image-scaled.avif", "size": "large", "full": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/hero-image-scaled.avif", "url": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/hero-image-1024x455.avif" }, "_cssGlobalClasses": [ "tiocos" ] }, "themeStyles": [] } ], "properties": [], "_created": 1748637994, "_user_id": 1, "_version": "1.12.4" } ]

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