Profile Picture
Akshay Joshi

Horizontal Scroll Section

Horizontal Scroll Section with Large Typography
Copy component
Download JSON
{"id":6639,"name":"horizontal-scroll-section","title":"Horizontal Scroll Section","date":"2026-02-27 16:29:55","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\/horizontal-scroll-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"28d958","name":"section","parent":0,"children":["8cebab","78819a"],"settings":{"_cssGlobalClasses":["bjujmn","gpxpfl"]},"label":"Horizontal Scroll Section"},{"id":"8cebab","name":"container","parent":"28d958","children":["61c168"],"settings":{"_cssGlobalClasses":["iqzvlt","rdhsix"]}},{"id":"61c168","name":"slider-nested","parent":"8cebab","children":["b770ab","48f144","a667af"],"settings":{"_cssGlobalClasses":["zubgon","xjrggh"],"height":"100vh","type":"fade","speed":"400"}},{"id":"b770ab","name":"block","parent":"61c168","children":["786fac","47444c"],"settings":{"_background":{"image":{"id":6421,"filename":"64e31f2ece4592ec1e01d62d_1665158307-studio-rhe-hero.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/64e31f2ece4592ec1e01d62d_1665158307-studio-rhe-hero.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/64e31f2ece4592ec1e01d62d_1665158307-studio-rhe-hero-1024x608.webp"},"position":"center center","size":"cover","repeat":"no-repeat"},"_cssGlobalClasses":["vgtbro","cnodjs"]},"label":"Slide 1"},{"id":"786fac","name":"text-basic","parent":"b770ab","children":[],"settings":{"text":"Orange fruit beer combines the freshness of oranges with the smoothness of beer, making it a flavorful and refreshing beverage choice, especially in warm weather.","_cssGlobalClasses":["whmvzp","kggfcm","ukckli"],"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"47444c","name":"heading","parent":"b770ab","children":[],"settings":{"text":"Popular in wheat beers","_cssGlobalClasses":["xxlgvw","toegdg"],"tag":"h2"}},{"id":"48f144","name":"block","parent":"61c168","children":["1241bb","57435b"],"settings":{"_background":{"image":{"id":5998,"filename":"2151059680.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/2151059680.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/2151059680-683x1024.webp"}},"_cssGlobalClasses":["vgtbro","cnodjs"]},"label":"Slide 2"},{"id":"1241bb","name":"text-basic","parent":"48f144","children":[],"settings":{"text":"Enjoyed for its smooth and refreshing flavor Often paired with light foods like salads, seafood, and snacks","_cssGlobalClasses":["whmvzp","kggfcm","ukckli"],"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"57435b","name":"heading","parent":"48f144","children":[],"settings":{"text":"Alcohol content: Usually low to moderate","_cssGlobalClasses":["xxlgvw","toegdg"],"tag":"h2"}},{"id":"a667af","name":"block","parent":"61c168","children":["c215c5","2f8e2e"],"settings":{"_cssGlobalClasses":["vgtbro","cnodjs"],"_direction":"row","_alignItems":"center"},"label":"Slide 3"},{"id":"c215c5","name":"block","parent":"a667af","children":["cb9914","6d4b9d"],"settings":{"_columnGap":"20","_rowGap":"20"}},{"id":"cb9914","name":"text-basic","parent":"c215c5","children":[],"settings":{"text":"Orange adds a citrus flavor that makes the beer refreshing. It balances bitterness from hops with natural sweetness and acidity.","_cssGlobalClasses":["whmvzp","kggfcm","ukckli"],"_typography":{"color":{"hex":"#000000","id":"ymdprl","name":"Color #2"}}}},{"id":"6d4b9d","name":"heading","parent":"c215c5","children":[],"settings":{"text":"Enjoyed for its refreshing flavor","_cssGlobalClasses":["xxlgvw","toegdg"],"tag":"h2","_typography":{"color":{"hex":"#000000","id":"ymdprl","name":"Color #2"}}}},{"id":"2f8e2e","name":"block","parent":"a667af","children":["12f3f7"],"settings":{"_cssGlobalClasses":["dkdmcr"]}},{"id":"12f3f7","name":"block","parent":"2f8e2e","children":["414717","e8e894"],"settings":{"_cssGlobalClasses":["smvlsp"]}},{"id":"414717","name":"image","parent":"12f3f7","children":[],"settings":{"image":{"id":5995,"filename":"324.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/324.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/324.webp"},"_cssGlobalClasses":["crquae"]}},{"id":"e8e894","name":"image","parent":"12f3f7","children":[],"settings":{"image":{"id":6019,"filename":"maximalist-interior-design-scaled.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/maximalist-interior-design-scaled.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/maximalist-interior-design-740x1024.webp"},"_cssGlobalClasses":["crquae"]}},{"id":"78819a","name":"code","parent":"28d958","children":[],"settings":{"executeCode":true,"cssCode":"\/* 1. Force the slides into a horizontal line *\/\n.animated_horizontal-scroll-slider .splide__list {\n display: flex !important;\n flex-direction: row !important;\n flex-wrap: nowrap !important;\n \/* We remove max-content and use a calculation for safety *\/\n width: auto !important; \n \/* Critical: Stop Splide from trying to 'fade' or stack slides *\/\n transform-style: flat !important;\n}\n\n\/* 2. Force every slide to be visible and positioned correctly *\/\n.animated_horizontal-scroll-slide {\n width: 100vw !important;\n flex: 0 0 100vw !important; \n max-width: 100vw !important;\n \/* FIX: Override Splide Fade transform *\/\n transform: none !important; \n opacity: 1 !important;\n visibility: visible !important;\n position: relative !important;\n left: auto !important;\n top: auto !important;\n}\n\n\/* 3. Layout Setup *\/\n.animated_horizontal-scroll-section {\n height: 400vh !important;\n overflow: visible !important;\n}\n\n.animated_horizontal-scroll-container {\n position: sticky;\n top: 0;\n height: 100vh;\n width: 100%;\n overflow: hidden !important;\n}","javascriptCode":"document.addEventListener(\"DOMContentLoaded\", function () {\n const section = document.querySelector(\".animated_horizontal-scroll-section\");\n const list = document.querySelector(\".animated_horizontal-scroll-slider .splide__list\");\n const slides = document.querySelectorAll(\".animated_horizontal-scroll-slide\");\n\n if (!section || !list || slides.length === 0) return;\n\n function sync() {\n const rect = section.getBoundingClientRect();\n const windowHeight = window.innerHeight;\n\n \/\/ Exit if not visible\n if (rect.bottom windowHeight) return;\n\n const totalScrollable = rect.height - windowHeight;\n if (totalScrollable {\n sync();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener(\"scroll\", onScroll, { passive: true });\n window.addEventListener(\"resize\", sync);\n window.addEventListener(\"load\", sync);\n\n sync();\n});"}}],"templateType":"section","global_classes":[{"id":"gpxpfl","name":"animated_horizontal-scroll-section","settings":{"_width":"100%","_position":"relative"}},{"id":"rdhsix","name":"animated_horizontal-scroll-container","settings":{"_width":"100%","_position":"sticky","_top":"0"}},{"id":"xjrggh","name":"animated_horizontal-scroll-slider","settings":{"_width":"100%","_widthMax":"100%"},"modified":1771599000,"user_id":1},{"id":"cnodjs","name":"animated_horizontal-scroll-slide","settings":{"_alignItems":"flex-start","_justifyContent":"space-around","_padding":{"top":"7%","bottom":"7%","right":"7%","left":"7%"},"_columnGap:tablet_portrait":"20","_rowGap:tablet_portrait":"20"}},{"id":"kggfcm","name":"animated2__text--big","settings":{"_typography":{"font-size":"28","text-align":"left","line-height":"1.3"},"_typography:tablet_portrait":{"font-size":"26"},"_typography:mobile_landscape":{"font-size":"24"},"_typography:mobile_portrait":{"font-size":"23"}}},{"id":"toegdg","name":"animated2__h2--big","settings":{"_typography":{"font-size":"100","font-family":"Autour One","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_typography:tablet_portrait":{"font-size":"65"},"_typography:mobile_landscape":{"font-size":"48"},"_typography:mobile_portrait":{"font-size":"36"}},"modified":1772209646,"user_id":1},{"id":"dkdmcr","name":"animated_horizontal-scroll-slide-content","settings":{"_direction":"column","_columnGap":"20","_rowGap":"20"},"modified":1772010300,"user_id":1},{"id":"smvlsp","name":"animated_horizontal-scroll-slide-img--block","settings":{"_direction":"row","_columnGap":"20","_rowGap":"20","_padding":{"left":"40"}},"modified":1772205129,"user_id":1},{"id":"crquae","name":"animated_horizontal-scroll-slide--content-img","settings":{"_widthMax":"250px","_width":"100%","_objectFit":"cover"}},{"id":"ukckli","name":"animated2__width--m","settings":{"_widthMax":"50%","_widthMax:mobile_landscape":"70%","_widthMax:mobile_portrait":"100%"}}]}

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