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

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

ETA logo section

A simple brand logo section showcasing partner or client logos in a clean, minimal layout. This design is inspired by the Elysian Tennis Webflow template, with custom modifications and layout adaptations.
View now
Copy now
{"id":7319,"name":"eta-logo-section","title":"ETA logo section","date":"2026-04-16 18:43:22","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-logo-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"697b06","name":"section","parent":0,"children":["dee830","cc71a2"],"settings":{"_cssGlobalClasses":["eta__section"]},"label":"ETA logo section"},{"id":"dee830","name":"container","parent":"697b06","children":["c3b09f"],"settings":{"_cssGlobalClasses":["znuocq","mjcomb"]}},{"id":"c3b09f","name":"heading","parent":"dee830","children":[],"settings":{"text":"Trusted by Leading Brands","tag":"h2","_cssGlobalClasses":["eta__h1","eta__anim-fadein-down"]},"label":"H1 Swing With Confidence"},{"id":"cc71a2","name":"container","parent":"697b06","children":["5d5123","130360","0c07fd","232fb2","a05810"],"settings":{"_cssGlobalClasses":["mdutkj"]}},{"id":"5d5123","name":"svg","parent":"cc71a2","children":[],"settings":{"file":{"id":5269,"filename":"Company-logo.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/Company-logo.svg"},"_cssGlobalClasses":["qouhoa"]},"themeStyles":[]},{"id":"130360","name":"svg","parent":"cc71a2","children":[],"settings":{"file":{"id":5268,"filename":"Company-logo-4.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/Company-logo-4.svg"},"_cssGlobalClasses":["qouhoa"]},"themeStyles":[]},{"id":"0c07fd","name":"svg","parent":"cc71a2","children":[],"settings":{"file":{"id":5267,"filename":"Company-logo-3.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/Company-logo-3.svg"},"_cssGlobalClasses":["qouhoa"]},"themeStyles":[]},{"id":"232fb2","name":"svg","parent":"cc71a2","children":[],"settings":{"file":{"id":5266,"filename":"Company-logo-2.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/Company-logo-2.svg"},"_cssGlobalClasses":["qouhoa"]},"themeStyles":[]},{"id":"a05810","name":"svg","parent":"cc71a2","children":[],"settings":{"file":{"id":5265,"filename":"Company-logo-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/Company-logo-1.svg"},"_cssGlobalClasses":["qouhoa"]},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"qouhoa","name":"solus-partner--logo","settings":[]},{"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__anim-fadein-down","name":"eta__anim-fadein-down","settings":{"_interactions":[{"id":"069bcc","trigger":"enterView","action":"startAnimation","animationType":"fadeInDown","animationDuration":"0.8s","animationDelay":"0s","target":"self"}]}},{"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":"znuocq","name":"eta__container","settings":{"_width":"1240","_widthMax":"100%"},"modified":1775637854,"user_id":1},{"id":"mdutkj","name":"eta__logo-sec--container","settings":{"_alignItems":"center","_direction":"row","_columnGap":"30","_padding":{"top":"60","bottom":"60","right":"40","left":"40"},"_border":{"radius":{"right":"60","top":"60","bottom":"60","left":"60"}},"_background":{"color":{"raw":"#C5F135"}},"_justifyContent":"space-between","_alignSelf":"center","_justifyContent:mobile_landscape":"center","_justifyContent:tablet_portrait":"center","_alignSelf:tablet_portrait":"center","_alignItems:tablet_portrait":"center","_padding:mobile_portrait":{"left":"20","right":"20"}}},{"id":"mjcomb","name":"eta__logo--container","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center"}}]}
Profile Picture
Akshay Joshi

ETA Hero Section

A full-width hero section with a bold H1, background video, and a clear CTA, This design is inspired by the Elysian Tennis Webflow template, with custom modifications and layout adaptations.
View now
Copy now
{"id":7314,"name":"eta-hero-section","title":"ETA Hero Section","date":"2026-04-16 18:42:07","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-hero-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"feb68c","name":"section","parent":0,"children":["28f582"],"settings":{"_cssGlobalClasses":["eta__hero-section"]},"label":"ETA Hero Section"},{"id":"28f582","name":"container","parent":"feb68c","children":["631972","558043"],"settings":{"_cssGlobalClasses":["eta__hero-inner"]},"label":"Hero Inner"},{"id":"631972","name":"heading","parent":"28f582","children":[],"settings":{"text":"SWING WITH CONFIDENCE","tag":"h1","_cssGlobalClasses":["eta__h1","eta__anim-fadein-down"]},"label":"H1 Swing With Confidence"},{"id":"558043","name":"block","parent":"28f582","children":["5da639","ff603c","65b62b"],"settings":{"_cssGlobalClasses":["eta__video-wrap","eta__anim-zoom-in"]},"label":"Video Wrap"},{"id":"5da639","name":"video","parent":"558043","children":[],"settings":{"_cssGlobalClasses":["eta__video"],"videoType":"file","fileUrl":"https:\/\/cdn.prod.website-files.com\/67041c2a6a806901e0c7ed1b670720d5112f313490c34fb9_5740607-uhd_4096_2160_25fps1-transcode.mp4","autoplay":true,"muted":true,"loop":true,"controls":false,"playsinline":true,"youTubeId":"https:\/\/www.youtube.com\/watch?v=MLpWrANjFbI","youtubeControls":true,"youtubeAutoplay":true,"youtubeLoop":true,"youtubeMute":true,"youtubeDisableFullscreenButton":true,"youtubeDisableKeyboard":true,"youtubeDoNotTrack":true,"youtubeHideAnnotationsByDefault":true,"youtubePlaysinline":true,"fileAutoplay":true,"fileLoop":true,"fileMute":true,"fileInline":true},"label":"Background Video \u2014 Add tennis court video URL"},{"id":"ff603c","name":"block","parent":"558043","children":["fbd729","ee988c"],"settings":{"_cssGlobalClasses":["eta__video-overlay"]},"label":"Video Overlay"},{"id":"fbd729","name":"text-basic","parent":"ff603c","children":[],"settings":{"text":"LEARN MORE","tag":"span","_cssGlobalClasses":["eta__learn-more"]},"label":"Learn More Text"},{"id":"ee988c","name":"button","parent":"ff603c","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-arrow-down"},"iconPosition":"left","text":"","link":{"type":"external","url":"#about"},"_cssGlobalClasses":["eta__arrow-btn"],"_cssTransition":"ease .3s","_background:hover":{"color":{"hex":"#d4f030"}},"_transform:hover":"scale(1.1)"},"label":"Arrow Button"},{"id":"65b62b","name":"heading","parent":"558043","children":[],"settings":{"text":"ELEVATE YOUR GAME","tag":"h2","_cssGlobalClasses":["eta__elevate","eta__anim-fadein-up"]},"label":"Elevate Your Game"}],"templateType":"section","global_classes":[{"id":"eta__hero-section","name":"eta__hero-section","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"50","bottom":"100"},"_overflow":"hidden","_cssCustom":".eta__video-wrap {\n transition: transform 0.6s ease;\n}\n\n.eta__video-wrap:hover {\n transform: scale(1.1);\n}"}},{"id":"eta__hero-inner","name":"eta__hero-inner","settings":{"_display":"flex","_direction":"column","_alignItems":"center","_widthMax":"100%","_cssCustom":".eta__hero-inner { position: relative; }"}},{"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__video-wrap","name":"eta__video-wrap","settings":{"_position":"relative","_overflow":"hidden","_border":{"radius":{"top":"24","right":"24","bottom":"24","left":"24"}},"_width":"100%","_widthMax":"1000","_cssCustom":".eta__video-wrap { min-height: 520px; }@media (max-width:768px) { .eta__video-wrap { width:95%; min-height:300px; } }","_interactions":[{"id":"9e9a81","trigger":"enterView","action":"startAnimation","animationType":"zoomIn","animationDuration":"1.0s","animationDelay":"0.2s","target":"self"}]}},{"id":"eta__video","name":"eta__video","settings":{"_cssCustom":".eta__video { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}.eta__video video, .eta__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}"}},{"id":"eta__video-overlay","name":"eta__video-overlay","settings":{"_position":"absolute","_display":"flex","_direction":"column","_alignItems":"center","_rowGap":"12","_cssCustom":".eta__video-overlay { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5;}"}},{"id":"eta__learn-more","name":"eta__learn-more","settings":{"_typography":{"font-family":"Oswald","font-size":"28","font-weight":"500","color":{"hex":"#ffffff"},"letter-spacing":"0.12em","text-transform":"uppercase"}}},{"id":"eta__arrow-btn","name":"eta__arrow-btn","settings":{"_background":{"color":{"hex":"#C5F135"}},"_width":"56","_height":"56","_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"0","right":"0","bottom":"0","left":"0"}},"_display":"flex","_alignItems":"center","_justifyContent":"center","_typography":{"font-size":"18","color":{"hex":"#0a0a0a"}},"_cssTransition":"ease .3s","_background:hover":{"color":{"hex":"#d4f030"}},"_transform:hover":"scale(1.1)","_padding":{"top":"0","bottom":"0","left":"0","right":"0"},"iconGap":"0"}},{"id":"eta__elevate","name":"eta__elevate","settings":{"_typography":{"font-family":"Oswald","font-size":"clamp(28px, 4vw, 56px)","font-weight":"800","color":{"hex":"#ffffff"},"letter-spacing":"0.04em","text-align":"center","text-transform":"uppercase"},"_position":"absolute","_cssCustom":".eta__elevate {text-shadow: 0 2px 16px rgba(0,0,0,0.5);}","_interactions":[{"id":"63c03a","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0.4s","target":"self"}],"_right":"0","_bottom":"32","_left":"0","_zIndex":"5","_gradient":[]}},{"id":"eta__anim-fadein-down","name":"eta__anim-fadein-down","settings":{"_interactions":[{"id":"069bcc","trigger":"enterView","action":"startAnimation","animationType":"fadeInDown","animationDuration":"0.8s","animationDelay":"0s","target":"self"}]}},{"id":"eta__anim-fadein-up","name":"eta__anim-fadein-up","settings":{"_interactions":[{"id":"1ae7a8","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__anim-zoom-in","name":"eta__anim-zoom-in","settings":{"_interactions":[{"id":"dddb82","trigger":"enterView","action":"startAnimation","animationType":"zoomIn","animationDuration":"1.0s","animationDelay":"0.2s","target":"self"}]}}]}

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