Profile Picture
Akshay Joshi

Collers hero

Hero section featuring an icon box, animated SVG, and a call-to-action.
Copy component
Download JSON
{"id":5003,"name":"collers-hero","title":"Collers hero","date":"2025-11-24 11:28:34","date_formatted":"November 24, 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\/collers-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"cdf1d4","name":"section","parent":0,"children":["f0b223","21e1df"],"settings":{"_cssGlobalClasses":["fftjpa","ivhhie"]},"label":"Collers hero"},{"id":"f0b223","name":"container","parent":"cdf1d4","children":["33cf9b","09f809"],"settings":{"_cssGlobalClasses":["tzimlt","cslpbc"],"_direction":"row"}},{"id":"33cf9b","name":"block","parent":"f0b223","children":["d8d16f","d53e22","39be8a"],"settings":{"_cssGlobalClasses":["wdrsev"]},"label":"Column"},{"id":"d8d16f","name":"heading","parent":"33cf9b","children":[],"settings":{"text":"Collectible Sneakers","_cssGlobalClasses":["ochxrg"],"tag":"h1"}},{"id":"d53e22","name":"text-basic","parent":"33cf9b","children":[],"settings":{"text":"Sit elit feugiat turpis sed integer integer accumsan turpis. Sed suspendisse nec lorem mauris. Pharetra, eu imperdiet ipsum ultrices amet.","_cssGlobalClasses":["xqldgw"]}},{"id":"39be8a","name":"block","parent":"33cf9b","children":["be6e63","025f49"],"settings":{"_cssGlobalClasses":["dwuwqr"]}},{"id":"be6e63","name":"button","parent":"39be8a","children":[],"settings":{"text":"I am a button","style":"primary","_cssGlobalClasses":["ewnifm"],"_border":{"style":"solid","color":{"hex":"#78350f"}},"_typography":{"color":{"hex":"#78350f"}}}},{"id":"025f49","name":"button","parent":"39be8a","children":[],"settings":{"text":"I am a button","style":"primary","_cssGlobalClasses":["grtape"],"_typography":{"color":{"hex":"#78350f"}},"icon":{"library":"svg","svg":{"id":4802,"filename":"Vector-8.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Vector-8.svg"}},"iconPosition":"left"}},{"id":"09f809","name":"block","parent":"f0b223","children":["5153e9","85489d"],"settings":{"_cssGlobalClasses":["bpvrrt"]},"label":"Column"},{"id":"5153e9","name":"block","parent":"09f809","children":[],"settings":{"_cssGlobalClasses":["mdkkiv"]}},{"id":"85489d","name":"image","parent":"09f809","children":[],"settings":{"_cssGlobalClasses":["vuevbm"],"image":{"id":4779,"filename":"77fb6adb096e6be3f804ff700da7ab23cdeee2d7.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/77fb6adb096e6be3f804ff700da7ab23cdeee2d7.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/77fb6adb096e6be3f804ff700da7ab23cdeee2d7.webp"},"_position:mobile_portrait":"static","_margin:mobile_portrait":{"top":"-270"}},"themeStyles":[]},{"id":"21e1df","name":"container","parent":"cdf1d4","children":["e9e020","f977da","e522a4"],"settings":{"_cssGlobalClasses":["tzimlt","rplldx"],"_direction":"row"}},{"id":"e9e020","name":"block","parent":"21e1df","children":["a5d73c","1a32b9","97ff4b"],"settings":{"_cssGlobalClasses":["iijpru"]},"label":"Column"},{"id":"a5d73c","name":"svg","parent":"e9e020","children":[],"settings":{"file":{"id":4767,"filename":"Group-8-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Group-8-1.svg"},"_cssGlobalClasses":["oiinys"]},"themeStyles":[]},{"id":"1a32b9","name":"heading","parent":"e9e020","children":[],"settings":{"text":"Nibh viverra","_cssGlobalClasses":["vbtids"],"tag":"custom","customTag":"span"}},{"id":"97ff4b","name":"text-basic","parent":"e9e020","children":[],"settings":{"text":"Sit bibendum donec dolor fames neque vulputate non sit aliquam. Consequat turpis natoque leo, massa.","_cssGlobalClasses":["hugiqk"]}},{"id":"f977da","name":"block","parent":"21e1df","children":["ede7d6","36d922","1d978f"],"settings":{"_cssGlobalClasses":["iijpru"]},"label":"Column"},{"id":"ede7d6","name":"svg","parent":"f977da","children":[],"settings":{"file":{"id":4766,"filename":"Group-7-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Group-7-1.svg"},"_cssGlobalClasses":["oiinys"]},"themeStyles":[]},{"id":"36d922","name":"heading","parent":"f977da","children":[],"settings":{"text":"Cursus amet","_cssGlobalClasses":["vbtids"],"tag":"custom","customTag":"span"}},{"id":"1d978f","name":"text-basic","parent":"f977da","children":[],"settings":{"text":"Sit bibendum donec dolor fames neque vulputate non sit aliquam. Consequat turpis natoque leo, massa.","_cssGlobalClasses":["hugiqk"]}},{"id":"e522a4","name":"block","parent":"21e1df","children":["63744f","a60428","b6ab6c"],"settings":{"_cssGlobalClasses":["iijpru"]},"label":"Column"},{"id":"63744f","name":"svg","parent":"e522a4","children":[],"settings":{"file":{"id":4768,"filename":"Group-9-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Group-9-1.svg"},"_cssGlobalClasses":["oiinys"]},"themeStyles":[]},{"id":"a60428","name":"heading","parent":"e522a4","children":[],"settings":{"text":"Ipsum fermentum","_cssGlobalClasses":["vbtids"],"tag":"custom","customTag":"span"}},{"id":"b6ab6c","name":"text-basic","parent":"e522a4","children":[],"settings":{"text":"Sit bibendum donec dolor fames neque vulputate non sit aliquam. Consequat turpis natoque leo, massa.","_cssGlobalClasses":["hugiqk"]}}],"templateType":"section","global_classes":[{"id":"fftjpa","name":"collers-default_section","settings":{"_columnGap":"60","_rowGap":"60","_columnGap:mobile_landscape":"32","_rowGap:mobile_landscape":"32","_padding":{"top":"80","bottom":"80","right":"5%","left":"5%"}}},{"id":"tzimlt","name":"collers-default_container","settings":{"_widthMax":"1440","_width":"100%"}},{"id":"ivhhie","name":"collers-hero","settings":{"_height":"1044","_gradient":{"applyTo":"background","gradientType":"linear","angle":"160","colors":[{"id":"grujhq","color":{"hex":"#fffbec"},"stop":"50"},{"id":"nuaspc","color":{"hex":"#fef3c7"},"stop":"50"}]},"_rowGap":"120","_justifyContent":"center","_display:mobile_landscape":"flex","_flexWrap:mobile_landscape":"wrap","_direction:mobile_landscape":"column","_height:mobile_landscape":"100%"}},{"id":"ewnifm","name":"collers_border-btn","settings":{"_typography":{"font-size":"16","font-family":"Roboto","font-weight":"500"},"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}},"_border":{"width":{"top":"2","bottom":"2","right":"2","left":"2"},"style":"solid","radius":{"top":"8","right":"8","bottom":"8","left":"8"}}}},{"id":"grtape","name":"collers_no-border-btn","settings":{"_typography":{"font-family":"Roboto","font-weight":"500","font-size":"16"},"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}}}},{"id":"dwuwqr","name":"collers-hero_container_btn-block","settings":{"_direction":"row","_columnGap":"20","_rowGap":"20","_alignItems":"center","_flexWrap:tablet_portrait":"wrap"}},{"id":"wdrsev","name":"collers-hero-content-column","settings":{"_columnGap":"20","_rowGap":"20"}},{"id":"bpvrrt","name":"collers-hero-image-column","settings":{"_position":"relative","_alignItems:mobile_landscape":"center","_alignSelf:mobile_landscape":"center"}},{"id":"ochxrg","name":"collers-hero-h1","settings":{"_typography":{"font-size":"64","font-weight":"800","font-family":"Roboto"},"_typography:mobile_landscape":{"font-size":"48"}}},{"id":"rplldx","name":"collers-hero-3-col-container","settings":{"_columnGap":"20","_rowGap":"20","_direction:mobile_landscape":"column"}},{"id":"iijpru","name":"collers-hero-3-col-container_col","settings":{"_columnGap":"16","_rowGap":"16"}},{"id":"oiinys","name":"collers-hero-3-col-container_col-svg","settings":[]},{"id":"vbtids","name":"collers-hero-3-col-container_col-span","settings":{"_typography":{"font-size":"20","font-weight":"500","font-family":"Roboto"}}},{"id":"hugiqk","name":"collers-hero-3-col-container_col-text","settings":{"_typography":{"font-family":"Roboto","font-size":"18","font-weight":"400"}}},{"id":"xqldgw","name":"collers-hero-text","settings":{"_typography":{"font-size":"18","font-weight":"400","font-family":"Roboto"}}},{"id":"mdkkiv","name":"collers-hero-image-column_inner-block","settings":{"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_columnGap":"10","_rowGap":"10","_width":"367","_height":"372","_background":{"color":{"hex":"#fbbf24"}},"_width:mobile_landscape":"270","_height:mobile_landscape":"300"}},{"id":"cslpbc","name":"collers-hero-2-col-container","settings":{"_columnGap":"120","_rowGap":"120","_justifyContent":"space-between","_direction:mobile_landscape":"column","_rowGap:tablet_portrait":"80","_columnGap:tablet_portrait":"80"}},{"id":"vuevbm","name":"collers-hero-image-column_image","settings":{"_position":"absolute","_width":"500","_top":"-60","_left":"-60","_transform:hover":{"rotateZ":"28"},"_left:hover":"-20","_left:mobile_landscape:hover":"200","_width:mobile_landscape":"300","_top:mobile_landscape":"0","_position:tablet_portrait":"static","_top:tablet_portrait":"0","_left:tablet_portrait":"0","_margin:tablet_portrait":{"top":"-300"},"_margin:mobile_landscape":{"top":"-280"},"_width:tablet_portrait":"400","_position:mobile_landscape":"static"}}]}

Similar components

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}]}
Profile Picture
Akshay Joshi

ETA Video Background Section

A section with a video background and a two-column layout, featuring a heading and text. This design is inspired by the Elysian Tennis Webflow template, with custom modifications and layout adaptations.
View now
Copy now
{"id":7320,"name":"eta-video-bg-section","title":"Eta video bg section","date":"2026-04-16 18:47:36","date_formatted":"April 16, 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\/eta-video-bg-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"30c3b7","name":"section","parent":0,"children":["5c755c"],"settings":{"_cssGlobalClasses":["hphnzp","eta__section"],"_padding":{"left":"15","right":"15","top":"20"}},"label":"Eta video bg section"},{"id":"5c755c","name":"container","parent":"30c3b7","children":["5ea206"],"settings":{"_cssGlobalClasses":["umhnrc"],"_direction":"row","_background":{"videoUrl":"https:\/\/cdn.prod.website-files.com\/67041c2a6a806901e0c7ed1b67096824db9dc78ac4b53ef6_5741379-uhd_4096_2160_25fps-transcode.webm"}}},{"id":"5ea206","name":"container","parent":"5c755c","children":["211c31","009e03"],"settings":{"_cssGlobalClasses":["znuocq","bpkvcl"]}},{"id":"211c31","name":"block","parent":"5ea206","children":["c234fb"],"settings":[],"label":"Column"},{"id":"c234fb","name":"heading","parent":"211c31","children":[],"settings":{"text":"Fitness","_cssGlobalClasses":["eta__h1","qanaqz","uiruyp"]}},{"id":"009e03","name":"block","parent":"5ea206","children":["9fc59a","f22b77"],"settings":{"_rowGap":"20"},"label":"Column"},{"id":"9fc59a","name":"text-basic","parent":"009e03","children":[],"settings":{"_cssGlobalClasses":["eta__body","eta__body--white","ydwewn"],"text":"Train like an athlete. Unlock your full potential with personalized fitness programs designed to enhance your tennis skills and maintain peak performance.","tag":"p"},"label":"Body"},{"id":"f22b77","name":"button","parent":"009e03","children":[],"settings":{"text":"START TODAY ","_cssGlobalClasses":["eta__btn--lime"],"link":{"type":"external","url":"#"},"icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"}},"label":"Start Today"}],"templateType":"section","global_classes":[{"id":"qanaqz","name":"text-white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"eta__h1","name":"eta__h1","settings":{"_typography":{"font-family":"Oswald","font-size":"clamp(64px, 11.2vw, 160px)","color":{"hex":"#0a0a0a"},"line-height":"0.9","letter-spacing":"-0.01em","text-align":"center","text-transform":"uppercase","font-weight":"400"},"_position":"relative","_interactions":[{"id":"efa69b","trigger":"enterView","action":"startAnimation","animationType":"fadeInDown","animationDuration":"0.8s","animationDelay":"0s","target":"self"}],"_margin":{"bottom":"-35"},"_zIndex":"9"}},{"id":"eta__body","name":"eta__body","settings":{"_typography":{"font-family":"Asta Sans","font-size":"16","font-weight":"400","color":{"hex":"#0a0a0a"},"line-height":"1.6"}}},{"id":"eta__section","name":"eta__section","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}},"modified":1775637710,"user_id":1},{"id":"eta__btn--lime","name":"eta__btn--lime","settings":{"_background":{"color":{"hex":"#C5F135"}},"_typography":{"font-family":"Asta Sans","font-size":"16","font-weight":"400","color":{"hex":"#0a0a0a"},"letter-spacing":"0.06em","text-transform":"uppercase"},"_padding":{"top":"14","bottom":"14","left":"28","right":"28"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"0","right":"0","bottom":"0","left":"0"}},"_cssTransition":"ease .25s","_background:hover":{"color":{"hex":"#d4f030"}},"_transform:hover":"translateY(-2px)","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"6","blur":"20","spread":"0"},"color":{"hex":"#C5F135","rgb":"rgba(197,241,53,0.4)"}}}},{"id":"eta__body--white","name":"eta__body--white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"znuocq","name":"eta__container","settings":{"_width":"1240","_widthMax":"100%"},"modified":1775637854,"user_id":1},{"id":"hphnzp","name":"eta__video-hero--section","settings":{"_padding":{"left":"15","right":"15","bottom":"2%","top":"2%"},"_gradient":[]}},{"id":"umhnrc","name":"eta__video-hero--container","settings":{"_width":"100%","_height":"90vh","_heightMin":"400","_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_overflow":"hidden","_alignItems":"flex-end","_padding":{"left":"5%","right":"5%","top":"5%","bottom":"5%"},"_gradient":{"applyTo":"overlay","colors":[{"id":"buvrms","color":{"raw":"rgba(0, 0, 0, 0)"}},{"id":"bouhyd","color":{"raw":"rgba(0, 0, 0, 0.5)"}}]}}},{"id":"uiruyp","name":"eta__video-hero--heading","settings":{"_margin":{"bottom":"0"}}},{"id":"ydwewn","name":"eta__video-hero--text","settings":{"_typography":{"font-size":"18"}}},{"id":"bpkvcl","name":"eta__container--inner","settings":{"_direction":"row","_rowGap:mobile_landscape":"30"}}]}

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