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

Trakor Featured Section

Section showcasing a prominent product or service image with a headline.
View now
Copy now
{"id":4872,"name":"trakor-featured-section","title":"Trakor Featured Section","date":"2025-11-17 08:25:27","date_formatted":"November 17, 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\/trakor-featured-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"ea90c6","name":"section","parent":0,"children":["614a3e"],"settings":{"_cssGlobalClasses":["qzykmr"]},"label":"Trakor Featured Section"},{"id":"614a3e","name":"container","parent":"ea90c6","children":["864edc"],"settings":{"_cssGlobalClasses":["nkdqjd"],"_background":{"color":{"hex":"#4f46e5"}}}},{"id":"864edc","name":"container","parent":"614a3e","children":["4c6cf8","90c0c6"],"settings":{"_cssGlobalClasses":["xbrnla","nrlinq"]}},{"id":"4c6cf8","name":"heading","parent":"864edc","children":[],"settings":{"text":"Diam quam tortor eget id. Aliquet lacus volutpat tristique sed diam.","tag":"h2","_cssGlobalClasses":["ahtrmk","eyscct"],"_typography":{"text-align":"center"}}},{"id":"90c0c6","name":"image","parent":"864edc","children":[],"settings":{"_cssGlobalClasses":["knskyv"],"image":{"id":4745,"filename":"Desktop-2.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Desktop-2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Desktop-2-1024x676.webp"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"xbrnla","name":"trakor_default-container","settings":{"_width":"100%","_widthMax":"1280px","_rowGap":"25"}},{"id":"ahtrmk","name":"trakor_h2","settings":{"_typography":{"font-size":"56","font-weight":"800","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_cssCustom":".trakor_h2 span {\ncolor: #818CF8;\n}","_typography:tablet_portrait":{"font-size":"42","line-height":"1.2"},"_typography:mobile_landscape":{"font-size":"36"}},"modified":1763128835,"user_id":1},{"id":"qzykmr","name":"trakor_blue-full-width-section","settings":{"_heightMin":"578","_heightMin:tablet_portrait":"480","_heightMin:mobile_landscape":"450","_padding":{"bottom":"35%","top":"80"},"_background":{"color":{"hex":"#0e172a"}},"_padding:mobile_portrait":{"bottom":"40%"}}},{"id":"knskyv","name":"trakor-about-big-image","settings":{"_alignSelf":"center","_padding":{"top":"0","bottom":"0%"},"_margin":{"bottom":"-30%"},"_width":"100%"}},{"id":"nkdqjd","name":"trakor_blue-container","settings":{"_width":"100%","_padding":{"left":"5%","right":"5%"}}},{"id":"nrlinq","name":"trakor_blue-container-inner","settings":{"_padding":{"top":"80"},"_rowGap":"50","_alignItems":"center"}},{"id":"eyscct","name":"trakor_width-70","settings":{"_widthMax":"70%","_widthMax:tablet_portrait":"100%"},"modified":1763366138,"user_id":1}]}
Profile Picture
Akshay Joshi

Trakor Hero With Animated Block

Hero section featuring a CTA and an animated SVG box containing multiple SVG elements.
View now
Copy now
{"id":4870,"name":"trakor-hero-with-animated-block-2","title":"Trakor hero with Animated block","date":"2025-11-17 08:21:54","date_formatted":"November 17, 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\/trakor-hero-with-animated-block-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"568dbf","name":"section","parent":0,"children":["f87376","2005d7","9eddfd"],"settings":{"_cssGlobalClasses":["dwgaoz"]},"label":"Trakor hero with Animated block"},{"id":"f87376","name":"container","parent":"568dbf","children":["741c14","913c8e","2a2a21","77fc07"],"settings":{"_cssGlobalClasses":["xbrnla"],"_justifyContent":"center","_alignSelf":"center","_alignItems":"center"}},{"id":"741c14","name":"text-basic","parent":"f87376","children":[],"settings":{"text":"Team Progress Tracking Tool","_cssGlobalClasses":["akjfcu"]}},{"id":"913c8e","name":"heading","parent":"f87376","children":[],"settings":{"text":"Track your team progress","_cssGlobalClasses":["mkfmzn"],"tag":"h1"}},{"id":"2a2a21","name":"text-basic","parent":"f87376","children":[],"settings":{"text":"Sit elit feugiat turpis sed integer integer accumsan turpis. Sed suspendisse nec lorem mauris.\nPharetra, eu imperdiet ipsum ultrices amet, dui sit suspendisse.","_cssGlobalClasses":["ikvgxl"],"_typography":{"text-align":"center"}}},{"id":"77fc07","name":"block","parent":"f87376","children":["fec527","f84f44"],"settings":{"_cssGlobalClasses":["ducpea"]}},{"id":"fec527","name":"button","parent":"77fc07","children":[],"settings":{"text":"Start For Free","style":"primary","_cssGlobalClasses":["nrgtgp"],"icon":[],"link":{"type":"external","url":"#"}}},{"id":"f84f44","name":"button","parent":"77fc07","children":[],"settings":{"text":"Request more info","style":"primary","_cssGlobalClasses":["nrgtgp","anjdwi"],"icon":[],"link":{"type":"external","url":"#"}}},{"id":"2005d7","name":"container","parent":"568dbf","children":["69366b"],"settings":{"_cssGlobalClasses":["xbrnla"]},"label":"Animated Svg Container"},{"id":"69366b","name":"block","parent":"2005d7","children":["5d4a16","a3d2f2","a7110d","eaf167","d629ad"],"settings":{"_cssGlobalClasses":["zbowzd"]}},{"id":"5d4a16","name":"svg","parent":"69366b","children":[],"settings":{"file":{"id":4703,"filename":"Rectangle-21.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Rectangle-21.svg"},"_cssGlobalClasses":["dlvubt"]},"label":"SVG 1"},{"id":"a3d2f2","name":"svg","parent":"69366b","children":[],"settings":{"file":{"id":4704,"filename":"Rectangle-22.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Rectangle-22.svg"},"_cssGlobalClasses":["ervnhc"],"_position":"absolute","_zIndex":"4"},"themeStyles":[],"label":"SVG 2"},{"id":"a7110d","name":"svg","parent":"69366b","children":[],"settings":{"file":{"id":4705,"filename":"Rectangle-23.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Rectangle-23.svg"},"_cssGlobalClasses":["eniwex"]},"themeStyles":[],"label":"SVG 3"},{"id":"eaf167","name":"svg","parent":"69366b","children":[],"settings":{"file":{"id":4706,"filename":"Rectangle-24.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Rectangle-24.svg"},"_cssGlobalClasses":["bajdwa"]},"themeStyles":[],"label":"SVG 4"},{"id":"d629ad","name":"svg","parent":"69366b","children":[],"settings":{"file":{"id":4707,"filename":"Rectangle-20.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Rectangle-20.svg"},"_cssGlobalClasses":["dbusjf"],"_interactions":[{"id":"xnaxrg"}]},"themeStyles":[],"label":"SVG 5"},{"id":"9eddfd","name":"container","parent":"568dbf","children":["6f0364","a0527b"],"settings":{"_cssGlobalClasses":["xbrnla","pcpqzp"],"_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_rowGap":"70"}},{"id":"6f0364","name":"text-basic","parent":"9eddfd","children":[],"settings":{"text":"Trusted by teams from leading companies","_cssGlobalClasses":["jcplxt"]}},{"id":"a0527b","name":"image-gallery","parent":"9eddfd","children":[],"settings":{"items":{"images":[{"id":3879,"full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-5.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-5.svg"},{"id":3878,"full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-4.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-4.svg"},{"id":3876,"full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-2.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-2.svg"},{"id":3875,"full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Logo-grey-1.svg"}],"size":"full"},"_cssGlobalClasses":["cbldoi"]},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"xbrnla","name":"trakor_default-container","settings":{"_width":"100%","_widthMax":"1280px","_rowGap":"25"}},{"id":"dwgaoz","name":"trakor_default-section","settings":{"_padding":{"top":"80","bottom":"80","left":"5%","right":"5%"},"_background":{"color":{"hex":"#0e172a"}},"_rowGap":"70"}},{"id":"akjfcu","name":"trakor_sub-heading","settings":{"_typography":{"color":{"hex":"#818cf8"},"font-size":"18","font-weight":"500"}}},{"id":"mkfmzn","name":"trakor_h1","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"font-size":"60","line-height":"1.2","text-align":"center"},"_typography:mobile_landscape":{"font-size":"42"},"_typography:tablet_portrait":{"font-size":"50"}}},{"id":"ikvgxl","name":"trakor_text","settings":{"_typography":{"color":{"hex":"#cbd5e1"}}}},{"id":"nrgtgp","name":"trakor_btn","settings":{"_background":{"color":{"hex":"#4f46e5"}},"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"font-size":"18","font-weight":"500"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"_widthMin":"192","_background:hover":{"color":{"hex":"#493ee5","rgb":"rgba(73, 62, 229, 0.91)","hsl":"hsla(244, 76%, 57%, 0.91)"}}}},{"id":"ducpea","name":"trakor_btn-wrapper","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_direction":"row","_rowGap":"20","_columnGap":"20"}},{"id":"anjdwi","name":"trakor_btn--style2","settings":{"_background":{"color":{"hex":"#334155"}}}},{"id":"zbowzd","name":"trakor_animated-box","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_position":"relative","_interactions":[{"id":"nzsrxz","trigger":"enterView","action":"startAnimation","animationType":"zoomIn","animationDuration":".7s"},{"id":"aapwpt"}]}},{"id":"dlvubt","name":"trakor_animated-svg","settings":{"_position":"absolute","_zIndex":"5","_interactions":[{"id":"vttuxl","trigger":"enterView","action":"startAnimation","animationType":"rotateIn","animationDuration":"1s"}]}},{"id":"ervnhc","name":"trakor_animated-svg2","settings":{"_interactions":[{"id":"ftjkuz","trigger":"enterView","action":"startAnimation","animationDelay":".3s","animationType":"rotateIn"}]}},{"id":"eniwex","name":"trakor_animated-svg3","settings":{"_position":"absolute","_zIndex":"3","_interactions":[{"id":"yppvnd","trigger":"enterView","action":"startAnimation","animationDelay":".5","animationType":"rotateIn"}]}},{"id":"bajdwa","name":"trakor_animated-svg4","settings":{"_position":"absolute","_zIndex":"2","_interactions":[{"id":"ylmkab","trigger":"enterView","action":"startAnimation","animationType":"rotateIn","animationDelay":".7"}]}},{"id":"dbusjf","name":"trakor_animated-svg5","settings":{"_position":"relative","_zIndex":"1","_interactions":[{"id":"ogzvpt","trigger":"enterView","action":"startAnimation","animationType":"rotateIn","animationDuration":".9s"}]}},{"id":"jcplxt","name":"trakor_span-heading","settings":{"_typography":{"color":{"hex":"#cbd5e1"},"font-weight":"700","font-size":"20","text-align":"center"}},"modified":1762759932,"user_id":1},{"id":"cbldoi","name":"trakor_logo-gallery","settings":{"columns":"4","imageRatio":"auto","_cssCustom":".trakor_logo-gallery li.bricks-layout-item {\n display: flex;\n align-items: center;\n justify-content: center;\n align-content: center;\n}","imageHeight":"39","columns:mobile_landscape":"2","gutter:mobile_landscape":"10","imageHeight:tablet_portrait":"30","imageHeight:mobile_landscape":"28"}},{"id":"pcpqzp","name":"trakor_gallery-container","settings":{"_margin":{"top":"80"},"_rowGap":"50"}}]}
Profile Picture
Akshay Joshi

Xinder hero

Clean hero section featuring a form and quick links.
View now
Copy now
{"id":4670,"name":"xinder-hero","title":"Xinder hero","date":"2025-11-03 06:48:13","date_formatted":"November 3, 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\/xinder-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"8b65c2","name":"section","parent":0,"children":["50c870"],"settings":{"_cssGlobalClasses":["lcfmem","rrqpnw"]},"label":"xinder hero"},{"id":"50c870","name":"container","parent":"8b65c2","children":["c8e21d","e2500d"],"settings":{"_cssGlobalClasses":["cdvcly","bppmvl"],"_direction":"row"}},{"id":"c8e21d","name":"block","parent":"50c870","children":["2aad17","edb62b"],"settings":{"_cssGlobalClasses":["bnyzfw"]},"label":"Column"},{"id":"2aad17","name":"heading","parent":"c8e21d","children":[],"settings":{"text":"Search the work of the best artists","_cssGlobalClasses":["rnbuyv"],"tag":"h1"}},{"id":"edb62b","name":"block","parent":"c8e21d","children":["57c889","4bac44"],"settings":{"_cssGlobalClasses":["yoiqcs"]}},{"id":"57c889","name":"search","parent":"edb62b","children":[],"settings":{"searchOverlayTitle":"Search site","_cssGlobalClasses":["vpgmgv"],"buttonText":"Search"},"themeStyles":[]},{"id":"4bac44","name":"block","parent":"edb62b","children":["300f04","733c43","7ac374","95cc1a","d62c77"],"settings":{"_cssGlobalClasses":["rcotbf"]}},{"id":"300f04","name":"block","parent":"4bac44","children":["b2fff9"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"b2fff9","name":"heading","parent":"300f04","children":[],"settings":{"text":"Oil Painting","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"733c43","name":"block","parent":"4bac44","children":["9e1712"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"9e1712","name":"heading","parent":"733c43","children":[],"settings":{"text":"Abstract Art","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"7ac374","name":"block","parent":"4bac44","children":["d8dab3"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"d8dab3","name":"heading","parent":"7ac374","children":[],"settings":{"text":"Sculpture","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"95cc1a","name":"block","parent":"4bac44","children":["f33dda"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"f33dda","name":"heading","parent":"95cc1a","children":[],"settings":{"text":"Art Deco","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"d62c77","name":"block","parent":"4bac44","children":["112256"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"112256","name":"heading","parent":"d62c77","children":[],"settings":{"text":"Pop Art","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"e2500d","name":"block","parent":"50c870","children":["df5367"],"settings":{"_justifyContent":"flex-end"},"label":"Column"},{"id":"df5367","name":"image","parent":"e2500d","children":[],"settings":{"_cssGlobalClasses":["fnsvzo"],"image":{"id":4245,"filename":"Col-3.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Col-3.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Col-3.webp"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"lcfmem","name":"xinder-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"}},"modified":1760088932,"user_id":1},{"id":"cdvcly","name":"xinder-default-container","settings":{"_widthMax":"1440","_width":"100%","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40"},"modified":1761824078,"user_id":1},{"id":"rrqpnw","name":"xinder-hero","settings":{"_background":{"color":{"hex":"#881f37"}},"_padding":{"bottom":"0","right":"0"},"_padding:mobile_landscape":{"right":"5%","left":"5%"}},"modified":1760088932,"user_id":1},{"id":"bnyzfw","name":"xinder-hero-content_col","settings":{"_rowGap":"24","_padding:tablet_portrait":{"bottom":"80"},"_width":"100%","_width:mobile_landscape":"100%","_width:tablet_portrait":"60%","_padding:mobile_landscape":{"bottom":"0"},"_widthMax":"50%","_widthMax:mobile_landscape":"100%","_padding":{"top":"50"}}},{"id":"fnsvzo","name":"xinder-hero-image","settings":{"_width:mobile_landscape":"100%"}},{"id":"rnbuyv","name":"xinder-h1","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"clamp(40px, calc(40px + (28 * ((100vw - 991px) \/ 929))), 68px);","font-family":"Roboto","line-height":"1.2"},"_typography:mobile_landscape":{"font-size":"36"},"_typography:tablet_portrait":{"font-size":"38"}},"modified":1760088932,"user_id":1},{"id":"vpgmgv","name":"xinder-hero-search","settings":{"buttonPadding":{"top":"12","bottom":"12","right":"12","left":"12"},"iconBackgroundColor":{"hex":"#be123c"},"iconTypography":{"color":{"hex":"#ffffff"}},"iconBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}},"_width":"100%","inputWidth":"79%","placeholderColor":{"hex":"#000000","id":"ymdprl","name":"Color #2"},"inputBackgroundColor":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"inputBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"},"style":"none"},"iconWidth":"20%"}},{"id":"rcotbf","name":"xinder-hero-block","settings":{"_display":"flex","_direction":"row","_columnGap":"8","_flexWrap":"wrap","_rowGap:mobile_landscape":"10","_columnGap:tablet_portrait":"10","_rowGap:tablet_portrait":"10"}},{"id":"jlaecb","name":"xinder-hero-block-inner_block","settings":{"_padding":{"top":"8","bottom":"8","left":"4","right":"4"},"_border":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"hex":"#ffffff"},"radius":{"top":"4","right":"4","bottom":"4","left":"4"}},"_width":"max-content","_widthMin":"63","_justifyContent":"center","_alignItems":"center","_alignSelf":"center","_heightMin":"24","_padding:tablet_portrait":{"top":"6","bottom":"6"}}},{"id":"bppmvl","name":"xinder-hero-container","settings":{"_width":"100%","_rowGap":"10%","_columnGap":"10%","_widthMax":"100%","_alignItems:tablet_portrait":"flex-end","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40","_columnGap:tablet_portrait":"5%","_rowGap:tablet_portrait":"5%"}},{"id":"yoiqcs","name":"xinder-hero-search-block","settings":{"_rowGap":"8"}},{"id":"pyglpb","name":"xinder-hero-ineer-block-text","settings":{"_typography":{"font-size":"14","color":{"hex":"#ffffff"}},"_typography:tablet_portrait":{"font-size":"12"}}}]}

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