Profile Picture
Akshay Joshi

Dual Vertical Opposite Scroll

Two-Column Section with Opposing Vertical Scroll (Image + Content)
Copy component
Download JSON
{"id":6638,"name":"dual-vertical-opposite-scroll","title":"Dual Vertical Opposite Scroll","date":"2026-02-27 16:29:38","date_formatted":"February 27, 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\/dual-vertical-opposite-scroll\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"aafd17","name":"section","parent":0,"children":["70565a","d2693a"],"settings":{"_cssGlobalClasses":["extmnc"]},"label":"Dual Vertical Opposite Scroll"},{"id":"70565a","name":"container","parent":"aafd17","children":["d66aab","19ff40"],"settings":{"_cssGlobalClasses":["jjznfa"]}},{"id":"d66aab","name":"block","parent":"70565a","children":["626822","cf899c","4fa8f8"],"settings":{"_cssGlobalClasses":["gfogtv"]}},{"id":"626822","name":"block","parent":"d66aab","children":["cabac9","7d66a7"],"settings":{"_background":{"image":{"id":6347,"filename":"5d0de26dd79cca5d2a950bae_img-bg-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de26dd79cca5d2a950bae_img-bg-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de26dd79cca5d2a950bae_img-bg-1.webp"},"position":"center center","repeat":"no-repeat","size":"cover"},"_cssGlobalClasses":["flujgi"]}},{"id":"cabac9","name":"heading","parent":"626822","children":[],"settings":{"text":"Fruit beer","tag":"custom","customTag":"span","_cssGlobalClasses":["mdbmnt"]},"label":"small "},{"id":"7d66a7","name":"heading","parent":"626822","children":[],"settings":{"text":"It gives the beer a fresh, sweet, and tangy taste along with a fruity aroma.","_cssGlobalClasses":["dmshir"]},"label":"Big Heading"},{"id":"cf899c","name":"block","parent":"d66aab","children":["a66b4f"],"settings":{"_cssGlobalClasses":["flujgi"],"_gradient":[],"_alignItems":"center","_background":{"color":{"hex":"#576d25"}}}},{"id":"a66b4f","name":"image","parent":"cf899c","children":[],"settings":{"image":{"id":6627,"filename":"Bottle-back.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/Bottle-back.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/Bottle-back-259x1024.webp"},"_cssGlobalClasses":["itiwec"]}},{"id":"4fa8f8","name":"block","parent":"d66aab","children":["b9df91","95a783"],"settings":{"_background":{"image":{"id":6344,"filename":"5d0de4c341baf21c3809bb5a_img-bg-3.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de4c341baf21c3809bb5a_img-bg-3.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de4c341baf21c3809bb5a_img-bg-3.webp"},"position":"center center","size":"cover","repeat":"no-repeat"},"_cssGlobalClasses":["flujgi"]}},{"id":"b9df91","name":"heading","parent":"4fa8f8","children":[],"settings":{"text":"pleasant orange aroma","tag":"custom","customTag":"span","_cssGlobalClasses":["mdbmnt"]},"label":"small "},{"id":"95a783","name":"heading","parent":"4fa8f8","children":[],"settings":{"text":"A gentle blend of fresh orange a whole malt crisp lager","_cssGlobalClasses":["dmshir"]},"label":"Big Heading"},{"id":"19ff40","name":"block","parent":"70565a","children":["189725","3f7f28","112dee"],"settings":{"_cssGlobalClasses":["oxkpjw"]}},{"id":"189725","name":"block","parent":"19ff40","children":["adfbf5"],"settings":{"_cssGlobalClasses":["helajc"],"_gradient":[],"_background":{"color":{"hex":"#504f54"}},"_alignItems":"center"}},{"id":"adfbf5","name":"image","parent":"189725","children":[],"settings":{"image":{"id":6363,"filename":"5d0de789ac109e6b2cbe7097_lime.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de789ac109e6b2cbe7097_lime.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de789ac109e6b2cbe7097_lime-259x1024.webp"},"_cssGlobalClasses":["itiwec"]},"themeStyles":[]},{"id":"3f7f28","name":"block","parent":"19ff40","children":["28494f","cf58a8"],"settings":{"_cssGlobalClasses":["helajc"],"_background":{"image":{"id":6356,"filename":"5d0de36841baf24bec09ba66_img-bg-2.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de36841baf24bec09ba66_img-bg-2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de36841baf24bec09ba66_img-bg-2-720x1024.webp"}}}},{"id":"28494f","name":"heading","parent":"3f7f28","children":[],"settings":{"text":"Taste","tag":"custom","customTag":"span","_cssGlobalClasses":["mdbmnt"]},"label":"small "},{"id":"cf58a8","name":"heading","parent":"3f7f28","children":[],"settings":{"text":"Taste: Sweet\u2013tangy, citrusy, and mildly bitter","_cssGlobalClasses":["dmshir"]},"label":"Big Heading"},{"id":"112dee","name":"block","parent":"19ff40","children":["834d41"],"settings":{"_cssGlobalClasses":["helajc"],"_gradient":[],"_alignItems":"center","_background":{"color":{"hex":"#d86b10"}}}},{"id":"834d41","name":"image","parent":"112dee","children":[],"settings":{"image":{"id":6363,"filename":"5d0de789ac109e6b2cbe7097_lime.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de789ac109e6b2cbe7097_lime.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de789ac109e6b2cbe7097_lime-259x1024.webp"},"_cssGlobalClasses":["itiwec"]},"themeStyles":[]},{"id":"d2693a","name":"code","parent":"aafd17","children":[],"settings":{"executeCode":true,"cssCode":".animated__dual-scroll-section {\n height: 400vh; \/* Increase this to make the scroll feel slower\/smoother *\/\n position: relative;\n}\n\n.animated__dual-scroll-container {\n display: flex;\n position: sticky;\n top: 0;\n height: 100vh;\n overflow: hidden;\n width: 100%;\n}\n\n.animated__dual-scroll-left-parent,\n.animated__dual-scroll-right-parent {\n flex: 1;\n height: fit-content; \/* Allows the content to be longer than the screen *\/\n display: flex;\n flex-direction: column;\n}\n\n\/* Optional: Add some spacing or styling to the items *\/\n.animated__dual-scroll-left-child,\n.animated__dual-scroll-right-child {\n height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid rgba(0,0,0,0.1); \/* To see the boundaries *\/\n}\n\n@media (max-width: 991px) {\n \/* Disable the scroll trap *\/\n .animated__dual-scroll-section {\n height: auto !important; \n }\n\n .animated__dual-scroll-container {\n position: relative !important;\n height: auto !important;\n flex-direction: row; \/* Keeps them next to each other *\/\n overflow: visible !important;\n }\n\n \/* Reset positions so items aren't flying off-screen *\/\n .animated__dual-scroll-left-parent,\n .animated__dual-scroll-right-parent {\n transform: none !important;\n height: auto !important;\n }\n\n .animated__dual-scroll-left-child,\n .animated__dual-scroll-right-child {\n height: auto !important;\n padding: 40px 20px;\n opacity: 1 !important; \/* Ensure they are visible *\/\n transform: scale(1) !important;\n filter: none !important;\n }\n}","javascriptCode":"const section = document.querySelector('.animated__dual-scroll-section');\nconst leftCol = document.querySelector('.animated__dual-scroll-left-parent');\nconst rightCol = document.querySelector('.animated__dual-scroll-right-parent');\nconst leftChildren = document.querySelectorAll('.animated__dual-scroll-left-child');\nconst rightChildren = document.querySelectorAll('.animated__dual-scroll-right-child');\nconst allChildren = [...leftChildren, ...rightChildren];\n\nconst ACTIVE_THRESHOLD = 0.2;\n\nfunction handleDualScroll() {\n if (!section || !leftCol || !rightCol) return;\n\n const windowHeight = window.innerHeight;\n const rect = section.getBoundingClientRect();\n\n if (window.innerWidth > 991 && rect.top 0) {\n const scrollRange = rect.height - windowHeight;\n if (scrollRange {\n const { top, height } = child.getBoundingClientRect();\n const childCenter = top + height \/ 2;\n\n child.classList.toggle(\n 'is-active',\n Math.abs(childCenter - viewportCenter) child.classList.remove('is-active'));\n }\n}\n\nlet ticking = false;\n\nfunction onScroll() {\n if (!ticking) {\n requestAnimationFrame(() => {\n handleDualScroll();\n ticking = false;\n });\n ticking = true;\n }\n}\n\nwindow.addEventListener('scroll', onScroll, { passive: true });\nwindow.addEventListener('resize', handleDualScroll);\nhandleDualScroll();"}}],"templateType":"section","global_classes":[{"id":"extmnc","name":"animated__dual-scroll-section","settings":{"_width":"100%","_height":"200vh"}},{"id":"jjznfa","name":"animated__dual-scroll-container","settings":{"_direction":"row","_width":"100%","_position":"sticky","_direction:tablet_portrait":"column"}},{"id":"gfogtv","name":"animated__dual-scroll-left-parent","settings":{"_width":"50%","_width:tablet_portrait":"100%"}},{"id":"oxkpjw","name":"animated__dual-scroll-right-parent","settings":{"_width":"50%","_width:tablet_portrait":"100%"}},{"id":"flujgi","name":"animated__dual-scroll-left-child","settings":{"_heightMin":"100vh","_gradient":{"applyTo":"overlay"},"_padding":{"top":"20","bottom":"20","right":"20","left":"20"},"_justifyContent":"center","_heightMin:mobile_landscape":"70vh","_alignItems":"flex-start"}},{"id":"helajc","name":"animated__dual-scroll-right-child","settings":{"_heightMin":"100vh","_justifyContent":"center","_padding":{"top":"20","bottom":"20","right":"20","left":"20"},"_gradient":[],"_heightMin:mobile_landscape":"70vh","_alignItems":"flex-start"}},{"id":"mdbmnt","name":"animated2__sub-heading","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-family":"Exo 2","font-size":"28"},"_typography:mobile_portrait":{"font-size":"22"},"_typography:mobile_landscape":{"font-size":"26"}},"modified":1772105946,"user_id":1},{"id":"dmshir","name":"animated2__h2","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"58","font-family":"Autour One","line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"45"},"_typography:mobile_landscape":{"font-size":"38"},"_typography:mobile_portrait":{"font-size":"34"}}},{"id":"itiwec","name":"animated__dual-scroll-child--large-heading_img","settings":{"_interactions":[{"id":"dfcqao","trigger":"enterView","action":"startAnimation","animationType":"zoomIn"}],"_zIndex":"99","_objectFit":"cover","_heightMax":"592","_widthMax":"150"}}]}

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

Jadoo Hero

A hero section featuring a two-column layout with a clear call-to-action button.
View now
Copy now
{"id":7295,"name":"jadoo-hero","title":"Jadoo Hero","date":"2026-04-16 13:56:53","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\/jadoo-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"5ae759","name":"section","parent":0,"children":["0edd70"],"settings":{"_cssGlobalClasses":["jadoo__section","jadoo__hero-section"]},"label":"Jadoo Hero"},{"id":"0edd70","name":"container","parent":"5ae759","children":["db3b35"],"settings":{"_cssGlobalClasses":["jadoo__inner"]},"label":"Inner"},{"id":"db3b35","name":"block","parent":"0edd70","children":["a72e1a","619529"],"settings":{"_cssGlobalClasses":["jadoo__hero-grid"]},"label":"Grid"},{"id":"a72e1a","name":"block","parent":"db3b35","children":["6bf3a3","4f37e3","cce170","bb23a7"],"settings":{"_cssGlobalClasses":["jadoo__hero-left","jadoo__anim-fadein-left"]},"label":"Left"},{"id":"6bf3a3","name":"text-basic","parent":"a72e1a","children":[],"settings":{"text":"BEST DESTINATIONS AROUND THE WORLD","_cssGlobalClasses":["jadoo__label","jadoo__label--orange"]},"label":"Badge"},{"id":"4f37e3","name":"heading","parent":"a72e1a","children":[],"settings":{"text":"Travel, enjoy and live a new and full life","tag":"h1","_cssGlobalClasses":["jadoo__h1"]},"label":"H1"},{"id":"cce170","name":"text-basic","parent":"a72e1a","children":[],"settings":{"text":"Built Wicket longer admire do barton vanity thyself do in it. Preferred to sportsmen it engrossed listening. Park gate sell they went hard for the.","tag":"p","_cssGlobalClasses":["jadoo__body"]},"label":"Body"},{"id":"bb23a7","name":"block","parent":"a72e1a","children":["559d88","8ee6f5"],"settings":{"_cssGlobalClasses":["jadoo__btn-row"]},"label":"Btn Row"},{"id":"559d88","name":"button","parent":"bb23a7","children":[],"settings":{"text":"Find out more","link":{"type":"external","url":"#"},"_cssGlobalClasses":["jadoo__btn--primary"]},"label":"Find Out More"},{"id":"8ee6f5","name":"block","parent":"bb23a7","children":["86e642","44aabe"],"settings":{"_cssGlobalClasses":["jadoo__play-wrap"]},"label":"Play Wrap"},{"id":"86e642","name":"icon","parent":"8ee6f5","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-play"},"_cssGlobalClasses":["jadoo__play-icon"]},"label":"Play Icon","themeStyles":[]},{"id":"44aabe","name":"text-basic","parent":"8ee6f5","children":[],"settings":{"text":"Play Demo","tag":"span","_cssGlobalClasses":["jadoo__body--sm"]},"label":"Play Text"},{"id":"619529","name":"block","parent":"db3b35","children":["0c8718"],"settings":{"_cssGlobalClasses":["jadoo__hero-right","jadoo__anim-fadein-right"]},"label":"Right"},{"id":"0c8718","name":"image","parent":"619529","children":[],"settings":{"image":{"id":7033,"filename":"Traveller-1-1.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/Traveller-1-1.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/Traveller-1-1.png"},"_cssGlobalClasses":["jadoo__img"]},"label":"Image: Hero Woman"}],"templateType":"section","global_classes":[{"id":"jadoo__hero-section","name":"jadoo__hero-section","settings":{"_padding":{"top":"40","bottom":"0","left":"80","right":"0"},"_cssCustom":".jadoo__hero-section { overflow:hidden; }","_padding:mobile_landscape":{"left":"32","right":"32"},"_padding:tablet_portrait":{"left":"32","right":"32"}}},{"id":"jadoo__hero-grid","name":"jadoo__hero-two-col","settings":{"_gridTemplateColumns":"1fr 1fr","_alignItems":"center","_columnGap":"40","_widthMax":"100%","_gridTemplateColumns:tablet_portrait":"1fr","_gridGap:tablet_portrait":"40","_display":"flex","_direction":"row"}},{"id":"jadoo__hero-left","name":"jadoo__hero-left","settings":{"_display":"flex","_direction":"column","_rowGap":"28","_alignItems":"flex-start","_interactions":[{"id":"7b67c8","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"jadoo__hero-right","name":"jadoo__hero-right","settings":{"_display":"flex","_alignItems":"flex-end","_justifyContent":"center","_interactions":[{"id":"948d2f","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.7s","animationDelay":"0s","target":"self"}],"_cssCustom":".jadoo__hero-right { position:relative; }.jadoo__hero-right::before { content:''; position:absolute; width:90%; height:90%; border-radius:50% 60% 60% 40% \/ 50% 50% 60% 50%; background:#FEF7EE; top:5%; right:0; z-index:0; }.jadoo__hero-right .jadoo__img { position:relative; z-index:1; }"}},{"id":"jadoo__btn-row","name":"jadoo__btn-row","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"24","_rowGap:mobile_landscape":"24"}},{"id":"jadoo__play-wrap","name":"jadoo__play-wrap","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"12","_cssTransition":"ease .25s","_cssCustom":".jadoo__play-wrap { cursor:pointer; }","_width":"max-content"}},{"id":"jadoo__play-icon","name":"jadoo__play-icon","settings":{"_width":"48","_height":"48","_background":{"color":{"hex":"#DF6951"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_display":"flex","_alignItems":"center","_justifyContent":"center","_typography":{"font-size":"14","color":{"hex":"#ffffff"}},"_cssTransition":"ease .25s","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"6","blur":"20","spread":"0"},"color":{"hex":"#DF6951","rgb":"rgba(223,105,81,0.4)"}}}},{"id":"jadoo__section","name":"jadoo__section","settings":{"_background":{"color":{"hex":"#FFFDF7"}},"_padding":{"top":"80","bottom":"80","left":"80","right":"80"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}}},{"id":"jadoo__inner","name":"jadoo__inner","settings":{"_display":"flex","_direction":"column","_rowGap":"48","_widthMax":"100%","_width":"1200"}},{"id":"jadoo__h1","name":"jadoo__h1","settings":{"_typography":{"font-family":"Volkhov","font-size":"64","font-weight":"700","color":{"hex":"#14183E"},"line-height":"1.15","letter-spacing":"-0.01em"},"_typography:tablet_portrait":{"font-size":"48"},"_typography:mobile_portrait":{"font-size":"36"}}},{"id":"jadoo__body","name":"jadoo__body","settings":{"_typography":{"font-family":"Poppins","font-size":"16","font-weight":"400","color":{"hex":"#5E6282"},"line-height":"1.7"}}},{"id":"jadoo__body--sm","name":"jadoo__body--sm","settings":{"_typography":{"font-family":"Poppins","font-size":"14","font-weight":"400","color":{"hex":"#5E6282"},"line-height":"1.6"}}},{"id":"jadoo__label","name":"jadoo__label","settings":{"_typography":{"font-family":"Poppins","font-size":"13","font-weight":"600","color":{"hex":"#5E6282"},"letter-spacing":"0.06em","text-transform":"uppercase"}}},{"id":"jadoo__label--orange","name":"jadoo__label--orange","settings":{"_typography":{"color":{"hex":"#DF6951"}}}},{"id":"jadoo__btn--primary","name":"jadoo__btn--primary","settings":{"_background":{"color":{"hex":"#F1A501"}},"_typography":{"font-family":"Poppins","font-size":"15","font-weight":"600","color":{"hex":"#ffffff"}},"_padding":{"top":"14","bottom":"14","left":"32","right":"32"},"_border":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"},"width":{"top":"0","right":"0","bottom":"0","left":"0"}},"_cssTransition":"ease .25s","_background:hover":{"color":{"hex":"#d99200"}},"_transform:hover":"translateY(-2px)","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"8","blur":"24","spread":"0"},"color":{"hex":"#F1A501","rgb":"rgba(241,165,1,0.35)"}}}},{"id":"jadoo__img","name":"jadoo__img","settings":{"_width":"100%","_objectFit":"cover","_height":"auto"}},{"id":"jadoo__anim-fadein-right","name":"jadoo__anim-fadein-right","settings":{"_interactions":[{"id":"9c0b7e","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"jadoo__anim-fadein-left","name":"jadoo__anim-fadein-left","settings":{"_interactions":[{"id":"45ce49","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}}]}

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