Profile Picture
Akshay Joshi

Trakor Hero With Animated Block

Hero section featuring a CTA and an animated SVG box containing multiple SVG elements.
Copy component
Download JSON
{"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"}}]}

Similar components

Profile Picture
Akshay Joshi

Lenscraft Hero

Hero section with a two-column layout featuring stats and cards.
View now
Copy now
{"id":7952,"name":"lenscraft-hero","title":"Lenscraft Hero","date":"2026-05-08 11:03:22","date_formatted":"May 8, 2026","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\/lenscraft-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"5a3262","name":"section","parent":0,"children":["df93f5"],"settings":{"_cssGlobalClasses":["fdztdh","yfgndk"]},"label":"Lenscraft Hero"},{"id":"df93f5","name":"container","parent":"5a3262","children":["d94900","a5a095"],"settings":{"_cssGlobalClasses":["sywtvg","eskeaa"]}},{"id":"d94900","name":"block","parent":"df93f5","children":["6904bc","3d30d6","7cca5d","522886","8d9049"],"settings":{"_cssGlobalClasses":["xqrkft"]}},{"id":"6904bc","name":"heading","parent":"d94900","children":[],"settings":{"text":"Full Screen Portfolio","_cssGlobalClasses":["srjnpc"],"tag":"custom","customTag":"span"}},{"id":"3d30d6","name":"heading","parent":"d94900","children":[],"settings":{"text":"Let the images lead.","tag":"h1","_cssGlobalClasses":["wqrslx"],"_typography":{"color":{"raw":"#ffffff"}}}},{"id":"7cca5d","name":"text-basic","parent":"d94900","children":[],"settings":{"text":"Twelve years of fieldwork across national parks, reserves, and open savannas \u2014 distilled into the frames that stayed with me the longest.\n\n","_cssGlobalClasses":["szaooh"],"_typography":{"color":{"raw":"#ffffffbd"},"font-family":"Sora"}}},{"id":"522886","name":"heading","parent":"d94900","children":[],"settings":{"text":"Wildlife \/ Print Store \/ Client Galleries","tag":"custom","customTag":"span","_cssGlobalClasses":["wmljtx"]}},{"id":"8d9049","name":"block","parent":"d94900","children":["caf9a3","7e5592"],"settings":{"_cssGlobalClasses":["cfiydn"]}},{"id":"caf9a3","name":"button","parent":"8d9049","children":[],"settings":{"text":"View work","style":"primary","_cssGlobalClasses":["olxhzu"],"link":{"type":"external","url":"#"}}},{"id":"7e5592","name":"button","parent":"8d9049","children":[],"settings":{"text":"Book Session","style":"primary","_cssGlobalClasses":["ssuwbp"],"link":{"type":"external","url":"#"}}},{"id":"a5a095","name":"block","parent":"df93f5","children":["1308c4","4f6096"],"settings":{"_cssGlobalClasses":["tghhja"]}},{"id":"1308c4","name":"heading","parent":"a5a095","children":[],"settings":{"text":"Ranthambore National Park","tag":"custom","customTag":"span","_cssGlobalClasses":["srjnpc"],"_typography":{"font-weight":"300","color":{"raw":"#ffffff85"}}}},{"id":"4f6096","name":"block","parent":"a5a095","children":["6f1716","313349","61a1d8"],"settings":{"_cssGlobalClasses":["sisdsh"]}},{"id":"6f1716","name":"block","parent":"4f6096","children":["ebf3c1","b256fe"],"settings":{"_cssGlobalClasses":["zqecpv"]}},{"id":"ebf3c1","name":"heading","parent":"6f1716","children":[],"settings":{"text":"160+","tag":"custom","customTag":"span","_cssGlobalClasses":["pomvpx"]}},{"id":"b256fe","name":"text-basic","parent":"6f1716","children":[],"settings":{"text":"stories shot\n\n","_cssGlobalClasses":["szaooh"],"_typography":{"color":{"raw":"#ffffffbd"}}}},{"id":"313349","name":"block","parent":"4f6096","children":["8a4906","618dce"],"settings":{"_cssGlobalClasses":["zqecpv"]}},{"id":"8a4906","name":"heading","parent":"313349","children":[],"settings":{"text":"4K","tag":"custom","customTag":"span","_cssGlobalClasses":["pomvpx"]}},{"id":"618dce","name":"text-basic","parent":"313349","children":[],"settings":{"text":"print-ready frames\n","_cssGlobalClasses":["szaooh"],"_typography":{"color":{"raw":"#ffffffbd"}}}},{"id":"61a1d8","name":"block","parent":"4f6096","children":["9dfcfb","29c1fb"],"settings":{"_cssGlobalClasses":["zqecpv"]}},{"id":"9dfcfb","name":"heading","parent":"61a1d8","children":[],"settings":{"text":"48h","tag":"custom","customTag":"span","_cssGlobalClasses":["pomvpx"]}},{"id":"29c1fb","name":"text-basic","parent":"61a1d8","children":[],"settings":{"text":"preview turnaround\n","_cssGlobalClasses":["szaooh"],"_typography":{"color":{"raw":"#ffffffbd"}}}}],"templateType":"section","global_classes":[{"id":"yfgndk","name":"lenscraft__section","settings":{"_padding":{"top":"120","bottom":"120","left":"8%","right":"8%"},"_padding:mobile_landscape":{"left":"5%","right":"5%"},"_columnGap":"40","_rowGap":"40"},"modified":1777557482,"user_id":1},{"id":"fdztdh","name":"Lenscraft__hero","settings":{"_background":{"color":{"raw":"#000000"},"image":{"id":7503,"filename":"banner-bg-image.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/banner-bg-image.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/banner-bg-image.webp"},"position":"center center"},"_heightMin":"100vh","_justifyContent":"center","_gradient":{"applyTo":"overlay","colors":[{"id":"omjvsc","color":{"raw":"rgba(0, 0, 0, 0.71)"}},{"id":"jtjkkw","color":{"raw":"rgba(0, 0, 0, 0.92)"},"stop":"85"}],"angle":"260"},"_margin":{"top":"-170"},"_padding":{"top":"200"},"_margin:mobile_landscape":{"top":"-200"},"_padding:mobile_portrait":{"top":"300"},"_margin:mobile_portrait":{"top":"-280"},"_padding:mobile_landscape":{"top":"220"}},"modified":1777891207,"user_id":1},{"id":"sywtvg","name":"lenscraft__container","settings":{"_widthMax":"1300","_width":"100%"}},{"id":"wqrslx","name":"lenscraft__h1","settings":{"_typography":{"font-size":"100","font-weight":"600","font-family":"Syne","letter-spacing":"-5.20px","line-height":"1"},"_typography:tablet_portrait":{"font-size":"72"},"_typography:mobile_landscape":{"font-size":"60"}}},{"id":"srjnpc","name":"lenscraft__pre--heading-white","settings":{"_typography":{"color":{"raw":"#ffffff"},"font-size":"12","font-weight":"700","font-family":"Sora","text-transform":"uppercase","letter-spacing":"3.2256px"},"_typography:mobile_landscape":{"text-wrap":"wrap"}}},{"id":"xqrkft","name":"Lenscraft__hero--left-block","settings":{"_padding":{"top":"25","bottom":"25","right":"25","left":"25"},"_border":{"radius":{"top":"30","right":"30","bottom":"30","left":"30"},"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"raw":"hsla(66, 72%, 78%, 0.29)"}},"_columnGap":"20","_rowGap":"20"}},{"id":"tghhja","name":"Lenscraft__hero--right-block","settings":{"_alignSelf":"flex-end","_columnGap":"10","_rowGap":"10"}},{"id":"eskeaa","name":"Lenscraft__container--hero","settings":{"_direction":"row","_columnGap":"60","_rowGap":"60","_direction:tablet_portrait":"column"}},{"id":"szaooh","name":"lenscraft__text","settings":{"_typography":{"font-size":"16","font-family":"Sora","font-weight":"400"}}},{"id":"sisdsh","name":"Lenscraft__hero--right-inner-block","settings":{"_direction":"row","_columnGap":"20","_rowGap":"20","_alignItems":"stretch"}},{"id":"pomvpx","name":"lenscraft__hero--right-inner_span","settings":{"_typography":{"font-size":"30","font-family":"Syne","color":{"raw":"#fff"},"letter-spacing":"-2.px"}}},{"id":"zqecpv","name":"Lenscraft__border-bg-block","settings":{"_padding":{"top":"14.4","bottom":"14.4","right":"14.4","left":"14.4"},"_border":{"radius":{"top":"30","right":"30","bottom":"30","left":"30"},"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"raw":"hsla(66, 72%, 78%, 0.29)"}},"_background":{"color":{"raw":"hsla(66, 72%, 78%, 0.08)"}}}},{"id":"wmljtx","name":"Lenscraft__hero-left-span","settings":{"_typography":{"color":{"raw":"#ffffff85"},"font-size":"12","text-transform":"uppercase","font-weight":"600","font-family":"Sora","letter-spacing":"3.2256px"}}},{"id":"cfiydn","name":"Lenscraft__hero--left-btn-block","settings":{"_direction":"row","_columnGap":"20","_rowGap":"20"}},{"id":"olxhzu","name":"Lenscraft__btn--white","settings":{"_background":{"color":{"raw":"#ffffff"}},"_typography":{"color":{"raw":"#000000"},"font-size":"14","text-transform":"capitalize","font-family":"Sora","font-weight":"700"},"_border":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_transform:hover":{"translateY":"-1","scaleX":"1.1","scaleY":"1.1"},"_cssTransition":"ease .3s","_padding":{"left":"20","top":"10","right":"20","bottom":"10"},"_background:hover":{"color":{"raw":"#211F1B"}},"_typography:hover":{"color":{"raw":"#ffffff"}},"_border:hover":{"color":{"raw":"#ffffff"}}},"modified":1778231079,"user_id":1},{"id":"ssuwbp","name":"Lenscraft__btn--black","settings":{"_border":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"raw":"#ffffff"},"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_typography":{"font-size":"14","font-family":"Sora","text-transform":"capitalize","font-weight":"700","color":{"raw":"#ffffff"}},"_background":{"color":{"raw":"#211F1B"}},"_transform:hover":{"translateY":"-1","scaleX":"1.1","scaleY":"1.1"},"_cssTransition":"ease .3s","_padding":{"top":"10","left":"20","right":"20","bottom":"10"},"_background:hover":{"color":{"raw":"#ffffff"}},"_typography:hover":{"color":{"raw":"#211F1B"}}},"modified":1778231079,"user_id":1}]}
Profile Picture
Akshay Joshi

Bento About Hero Section

Large bold H1 heading for the About section, styled with a hero-section aesthetic.
View now
Copy now
{"id":7645,"name":"bento-about-hero-section-2","title":"Bento About Hero Section","date":"2026-05-01 12:33:45","date_formatted":"May 1, 2026","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\/bento-about-hero-section-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"e862d7","name":"section","parent":0,"children":["90f787"],"settings":{"_cssGlobalClasses":["bento__section","bento__about-section"]},"label":"Bento About Hero Section"},{"id":"90f787","name":"container","parent":"e862d7","children":["14664b","5cfc2a"],"settings":{"_cssGlobalClasses":["bento__about-inner"]},"label":"About Inner"},{"id":"14664b","name":"block","parent":"90f787","children":["c51bc0","5c6ca2","a0097d"],"settings":[]},{"id":"c51bc0","name":"text-basic","parent":"14664b","children":[],"settings":{"_cssGlobalClasses":["bento__about-label","bento__anim-fadein-down"],"text":"\/\/ ABOUT ALEX CHEN","tag":"span"},"label":"About Label"},{"id":"5c6ca2","name":"heading","parent":"14664b","children":[],"settings":{"text":"ABOUT","tag":"h1","_cssGlobalClasses":["bento__h1--outline","bento__about-h1","bento__anim-fadein-left"]},"label":"H1 About"},{"id":"a0097d","name":"heading","parent":"14664b","children":[],"settings":{"text":"ME","tag":"custom","_cssGlobalClasses":["bento__about-me","bento__anim-fadein-right"],"customTag":"span"},"label":"H1 Me"},{"id":"5cfc2a","name":"block","parent":"90f787","children":["8721ee"],"settings":{"_cssGlobalClasses":["vaqbng"]}},{"id":"8721ee","name":"text-basic","parent":"5cfc2a","children":[],"settings":{"text":"Design engineer who believes the web should feel as considered as print \u2014 and twice as alive.","tag":"p","_cssGlobalClasses":["bento__body","bento__about-body","bento__anim-fadein-up"]},"label":"About Body"}],"templateType":"section","global_classes":[{"id":"bento__section","name":"bento__section","settings":{"_background":{"color":{"hex":"#05070a"}},"_padding":{"top":"120","bottom":"120","left":"20","right":"20"},"_padding:mobile_landscape":{"top":"60","bottom":"60"},"_cssCustom":".bento__section.brxe-section{\n overflow: hidden;\n}"}},{"id":"bento__h1--outline","name":"bento__h1--outline","settings":{"_cssCustom":".bento__h1--outline { -webkit-text-stroke:1px rgba(255,255,255,0.2); color:transparent; }","_typography":{"font-size":"10vw","line-height":"1","font-weight":"900"},"_typography:mobile_portrait":{"font-size":"56"},"_typography:mobile_landscape":{"font-size":"50"}},"_mappedId":"bento__h1--outline","modified":1777637812,"user_id":1},{"id":"bento__body","name":"bento__body","settings":{"_typography":{"font-size":"16","color":{"hex":"#9ca3af"},"line-height":"1.6"}}},{"id":"bento__about-section","name":"bento__about-section","settings":{"_padding:mobile_landscape":{"top":"60"}},"_mappedId":"bento__about-section","modified":1777637812,"user_id":1},{"id":"bento__about-inner","name":"bento__about-inner","settings":{"_display":"flex","_direction":"column","_rowGap":"0","_width":"100%","_widthMax":"1300"}},{"id":"bento__about-label","name":"bento__about-label","settings":{"_typography":{"font-size":"12","font-weight":"500","color":{"hex":"#d9ff3f"},"letter-spacing":"0.2em","text-transform":"uppercase"},"_margin":{"bottom":"16"},"_interactions":[{"id":"7fa08c","trigger":"enterView","action":"startAnimation","animationType":"fadeInDown","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"bento__about-h1","name":"bento__about-h1","settings":{"_typography":{"font-size":"10vw","font-weight":"800","text-align":"left","line-height":"0.9"},"_interactions":[{"id":"8a0b3f","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.8s","animationDelay":"0s","target":"self"}],"_typography:mobile_portrait":{"font-size":"56"}},"_mappedId":"bento__about-h1","modified":1777637812,"user_id":1},{"id":"bento__about-me","name":"bento__about-me","settings":{"_typography":{"font-size":"10vw","font-weight":"800","color":{"hex":"#d9ff3f"},"text-align":"right","line-height":"0.9"},"_interactions":[{"id":"7e2da6","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.8s","animationDelay":"0.1s","target":"self"}],"_typography:mobile_portrait":{"font-size":"56"}},"_mappedId":"bento__about-me","modified":1777637812,"user_id":1},{"id":"bento__about-body","name":"bento__about-body","settings":{"_typography":{"font-size":"17","color":{"hex":"#9ca3af"},"text-align":"right","line-height":"1.6"},"_widthMax":"480","_margin":{"left":"auto"},"_interactions":[{"id":"b813f0","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0.3s","target":"self"}]}},{"id":"bento__anim-fadein-up","name":"bento__anim-fadein-up","settings":{"_interactions":[{"id":"8376ca","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"bento__anim-fadein-down","name":"bento__anim-fadein-down","settings":{"_interactions":[{"id":"c9badd","trigger":"enterView","action":"startAnimation","animationType":"fadeInDown","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"bento__anim-fadein-left","name":"bento__anim-fadein-left","settings":{"_interactions":[{"id":"ed1cfb","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.8s","animationDelay":"0s","target":"self"}]}},{"id":"bento__anim-fadein-right","name":"bento__anim-fadein-right","settings":{"_interactions":[{"id":"39b3f5","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.8s","animationDelay":"0s","target":"self"}]}},{"id":"vaqbng","name":"bento__about-content--block","settings":{"_border":{"width":{"top":"1"},"style":"solid","color":{"raw":"rgba(255,255,255,0.08)"}},"_padding":{"top":"40","bottom":"0","right":"0","left":"0"},"_margin":{"top":"40"}}}]}
Profile Picture
Akshay Joshi

Bento Hero Section

Hero section with a bold oversized headline and a smoothly animated image rotating in a circular motion.
View now
Copy now
{"id":7641,"name":"bento-hero-section","title":"Bento Hero Section","date":"2026-05-01 12:18:38","date_formatted":"May 1, 2026","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\/bento-hero-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"4506da","name":"section","parent":0,"children":["2bfe43"],"settings":{"_cssGlobalClasses":["bento__section"]},"label":"Bento Hero Section"},{"id":"2bfe43","name":"container","parent":"4506da","children":["d7306c"],"settings":{"_cssGlobalClasses":["bento__inner"]},"label":"Inner"},{"id":"d7306c","name":"container","parent":"2bfe43","children":["daecc7","696367"],"settings":{"_cssGlobalClasses":["bento__grid"]},"label":"Grid"},{"id":"daecc7","name":"block","parent":"d7306c","children":["2f552f","1ceb9d","d62d7d"],"settings":{"_cssGlobalClasses":["bento__left"]},"label":"Left Content"},{"id":"2f552f","name":"text-basic","parent":"daecc7","children":[],"settings":{"text":"NEW POST EVERY WEEK","_cssGlobalClasses":["bento__pill"]},"label":"Pill"},{"id":"1ceb9d","name":"block","parent":"daecc7","children":["8b5914","2edff2","a1dcc8"],"settings":{"tag":"h1","_cssGlobalClasses":["bento__h1-wrap"]},"label":"Hero Heading Wrapper"},{"id":"8b5914","name":"heading","parent":"1ceb9d","children":[],"settings":{"text":"DESIGN","tag":"span","_cssGlobalClasses":["bento__h1"]},"label":"Line 1"},{"id":"2edff2","name":"heading","parent":"1ceb9d","children":[],"settings":{"text":"CODE &","tag":"span","_cssGlobalClasses":["bento__h1--outline"]},"label":"Line 2"},{"id":"a1dcc8","name":"heading","parent":"1ceb9d","children":[],"settings":{"text":"CRAFT","tag":"span","_cssGlobalClasses":["bento__h1--accent"]},"label":"Line 3"},{"id":"d62d7d","name":"text-basic","parent":"daecc7","children":[],"settings":{"text":"A journal about building things for the web that feel alive \u2014 animation, interfaces, and the obsessive details that make them work.","_cssGlobalClasses":["bento__body"]},"label":"Paragraph"},{"id":"696367","name":"block","parent":"d7306c","children":["768856","2ee492"],"settings":{"_cssGlobalClasses":["bento__right"]},"label":"Right Visual"},{"id":"768856","name":"image","parent":"696367","children":[],"settings":{"image":{"id":7471,"filename":"freepik__talk__62739-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/freepik__talk__62739-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/freepik__talk__62739-1.webp"},"_opacity":"0.5","_border":{"radius":{"top":"100%","right":"100%","bottom":"100%","left":"100%"}},"_cssGlobalClasses":["ozkiqz"]},"themeStyles":[]},{"id":"2ee492","name":"block","parent":"696367","children":["219c71","41a734"],"settings":{"_cssGlobalClasses":["bento__stat"]},"label":"Stat Block"},{"id":"219c71","name":"heading","parent":"2ee492","children":[],"settings":{"text":"48","tag":"span","_cssGlobalClasses":["bento__stat-number"]},"label":"Stat Number"},{"id":"41a734","name":"text-basic","parent":"2ee492","children":[],"settings":{"text":"ARTICLES PUBLISHED","_cssGlobalClasses":["bento__stat-label"]},"label":"Stat Label"}],"templateType":"section","global_classes":[{"id":"bento__section","name":"bento__section","settings":{"_background":{"color":{"hex":"#05070a"}},"_padding":{"top":"120","bottom":"120","left":"20","right":"20"},"_padding:mobile_landscape":{"top":"60","bottom":"60"},"_cssCustom":".bento__section.brxe-section{\n overflow: hidden;\n}"}},{"id":"bento__inner","name":"bento__inner","settings":{"_widthMax":"1300","_width":"100%"}},{"id":"bento__grid","name":"bento__grid","settings":{"_display":"grid","_gridTemplateColumns":"1.1fr 1fr","_gridGap":"40","_alignItems":"center","_gridTemplateColumns:mobile_portrait":"1fr","_width":"100%"}},{"id":"bento__left","name":"bento__left","settings":{"_display":"flex","_direction":"column","_rowGap":"24"}},{"id":"bento__pill","name":"bento__pill","settings":{"_display":"inline-block","_padding":{"top":"6","bottom":"6","left":"12","right":"12"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"#ffffff"}},"_typography":{"font-size":"12","color":{"raw":"#ffffff"}}}},{"id":"bento__h1-wrap","name":"bento__h1-wrap","settings":{"_display":"flex","_direction":"column","_rowGap":"10"}},{"id":"bento__h1","name":"bento__h1","settings":{"_typography":{"font-size":"10vw","font-weight":"900","color":{"hex":"#ffffff"},"line-height":"1"},"_typography:mobile_portrait":{"font-size":"56"},"_typography:mobile_landscape":{"font-size":"50"}},"_mappedId":"bento__h1","modified":1777637812,"user_id":1},{"id":"bento__h1--outline","name":"bento__h1--outline","settings":{"_cssCustom":".bento__h1--outline { -webkit-text-stroke:1px rgba(255,255,255,0.2); color:transparent; }","_typography":{"font-size":"10vw","line-height":"1","font-weight":"900"},"_typography:mobile_portrait":{"font-size":"56"},"_typography:mobile_landscape":{"font-size":"50"}},"_mappedId":"bento__h1--outline","modified":1777637812,"user_id":1},{"id":"bento__h1--accent","name":"bento__h1--accent","settings":{"_typography":{"font-size":"10vw","font-weight":"900","line-height":"1"},"_gradient":{"applyTo":"text","colors":[{"id":"brwlxs","color":{"raw":"#d9ff3f"}},{"id":"hjkjbv","color":{"raw":"#9eff00"}}]},"_typography:mobile_portrait":{"font-size":"56"},"_typography:mobile_landscape":{"font-size":"50"}},"_mappedId":"bento__h1--accent","modified":1777637812,"user_id":1},{"id":"bento__body","name":"bento__body","settings":{"_typography":{"font-size":"16","color":{"hex":"#9ca3af"},"line-height":"1.6"}}},{"id":"bento__right","name":"bento__right","settings":{"_position":"relative"}},{"id":"bento__stat","name":"bento__stat","settings":{"_alignItems":"flex-end","_typography":{"color":{"raw":"hsl(0, 0%, 97%)"},"font-size":"33px"}},"modified":1776772920,"user_id":1},{"id":"bento__stat-number","name":"bento__stat-number","settings":{"_typography":{"font-size":"64","font-weight":"800","color":{"hex":"#d9ff3f"},"line-height":"1.0"},"_typography:tablet_portrait":{"font-size":"52"},"_typography:mobile_landscape":{"font-size":"36"}}},{"id":"bento__stat-label","name":"bento__stat-label","settings":{"_typography":{"font-size":"12","color":{"hex":"#9ca3af"}}}},{"id":"ozkiqz","name":"bento__hero-image-rotate","settings":{"_cssCustom":".bento__hero-image-rotate {\n animation: rotate360 42s linear infinite;\n}\n\n@keyframes rotate360 {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}"},"modified":1777295175,"user_id":1}]}

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