Profile Picture
Akshay Joshi

Bento Expertise Card Section

Colorful showcase cards highlighting key expertise and skills in a visually engaging layout.
Copy component
Download JSON
{"id":7647,"name":"bento-expertise-section-2","title":"Bento Expertise Section","date":"2026-05-01 12:35:02","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-expertise-section-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"f0920b","name":"section","parent":0,"children":["7e6616"],"settings":{"_cssGlobalClasses":["bento__section"]},"label":"Bento Expertise Section"},{"id":"7e6616","name":"container","parent":"f0920b","settings":{"_cssGlobalClasses":["bento__inner","bento__expertise-inner"]},"children":["596625","eead44","f9bf0f"],"label":"Inner"},{"id":"596625","name":"block","parent":"7e6616","children":["514056"],"settings":{"_cssGlobalClasses":["bento__expertise-heading-wrap","bento__anim-fadein-left"]},"label":"Heading Wrap"},{"id":"514056","name":"heading","parent":"596625","settings":{"text":"EXPERTISE","_cssGlobalClasses":["bento__h1","bento__expertise-h1"],"tag":"h2"},"children":[],"label":"H2 Exper"},{"id":"eead44","name":"block","parent":"7e6616","children":["a5304b","e64753","a73e93"],"settings":{"_cssGlobalClasses":["bento__expertise-grid-top"]},"label":"Top Grid"},{"id":"a5304b","name":"block","parent":"eead44","settings":{"_cssGlobalClasses":["bento__expertise-card","bento__expertise-card--large"]},"children":["4b7632","275352"],"label":"Card 01: Interface Design"},{"id":"4b7632","name":"block","parent":"a5304b","children":["ae3aa5","6da4ea"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"ae3aa5","name":"text-basic","parent":"4b7632","settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"01","tag":"span","_border":{"color":{"raw":"#adeded"}},"_typography":{"color":{"raw":"#adeded"}},"_background":{"color":{"raw":"rgba(173, 237, 237, 0.2)"}}},"children":[],"label":"Num 01"},{"id":"6da4ea","name":"heading","parent":"4b7632","settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Interface Design","tag":"h3"},"children":[],"label":"Title"},{"id":"275352","name":"block","parent":"a5304b","children":["cce4cc","26f44b"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"cce4cc","name":"text-basic","parent":"275352","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"Interface design is the process of creating the visual and interactive elements of a digital product, focusing on how a user navigates and provides input. It","tag":"p"},"label":"Body"},{"id":"26f44b","name":"image","parent":"275352","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7417,"filename":"web-design_10583132.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/web-design_10583132.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/web-design_10583132.png"}},"label":"Icon: Bento layout wireframe boxes i","themeStyles":[]},{"id":"e64753","name":"block","parent":"eead44","children":["212c6e","f9ab49"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 02: Motion & Animation"},{"id":"212c6e","name":"block","parent":"e64753","children":["e2b9f0","7fb123"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"e2b9f0","name":"text-basic","parent":"212c6e","settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"02","tag":"span","_typography":{"color":{"raw":"hsl(236, 100%, 59%)"}},"_border":{"color":{"raw":"hsl(236, 100%, 59%)"}},"_background":{"color":{"raw":"hsla(236, 100%, 59%, 0.2)"}}},"children":[],"label":"Num 01"},{"id":"7fb123","name":"heading","parent":"212c6e","settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Motion & Animation","tag":"h3"},"children":[],"label":"Title"},{"id":"f9ab49","name":"block","parent":"e64753","children":["dc29df","90a0ea"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"dc29df","name":"text-basic","parent":"f9ab49","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"GSAP, Framer Motion, CSS transitions that feel physical.","tag":"p"},"label":"Body"},{"id":"90a0ea","name":"image","parent":"f9ab49","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7415,"filename":"route_8160932.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/route_8160932.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/route_8160932.png"}},"label":"Icon: Squiggly wavy line purple anim","themeStyles":[]},{"id":"a73e93","name":"block","parent":"eead44","children":["6a2a89","d67b0b"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 03: Frontend Engineering"},{"id":"6a2a89","name":"block","parent":"a73e93","children":["763182","572166"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"763182","name":"text-basic","parent":"6a2a89","settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"03","tag":"span","_border":{"color":{"raw":"hsl(314, 92%, 40%)"}},"_typography":{"color":{"raw":"hsl(314, 92%, 40%)"}},"_background":{"color":{"raw":"hsla(314, 92%, 40%, 0.2)"}}},"children":[],"label":"Num 01"},{"id":"572166","name":"heading","parent":"6a2a89","settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Frontend Engineering","tag":"h3"},"children":[],"label":"Title"},{"id":"d67b0b","name":"block","parent":"a73e93","children":["44a2b2","309313"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"44a2b2","name":"text-basic","parent":"d67b0b","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"React, Next.js, TypeScript \u2014 production-grade systems.","tag":"p"},"label":"Body"},{"id":"309313","name":"image","parent":"d67b0b","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7419,"filename":"code-optimization_16990177.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/code-optimization_16990177.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/code-optimization_16990177.png"}},"label":"Icon: Code brackets angle bracket sl","themeStyles":[]},{"id":"f9bf0f","name":"block","parent":"7e6616","children":["094e26","900021","070610"],"settings":{"_cssGlobalClasses":["bento__expertise-grid-bot","bento__anim-fadein-up"]},"label":"Bottom Grid"},{"id":"094e26","name":"block","parent":"f9bf0f","children":["49b68d","29c757"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 04: Design Systems"},{"id":"49b68d","name":"block","parent":"094e26","children":["82cc2c","02b007"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"82cc2c","name":"text-basic","parent":"49b68d","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"04","tag":"span","_typography":{"color":{"raw":"hsl(0, 92%, 45%)"}},"_border":{"color":{"raw":"hsl(0, 92%, 45%)"}},"_background":{"color":{"raw":"hsla(0, 92%, 45%, 0.2)"}}},"label":"Num 04"},{"id":"02b007","name":"heading","parent":"49b68d","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Design Systems","tag":"h3"},"label":"Title"},{"id":"29c757","name":"block","parent":"094e26","children":["ac776b","fad88f"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"ac776b","name":"text-basic","parent":"29c757","children":[],"settings":{"text":"Scalable component libraries and design tokens.","tag":"p","_cssGlobalClasses":["bento__body","bento__expertise-body"]},"label":"Body"},{"id":"fad88f","name":"image","parent":"29c757","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7423,"filename":"edit-tool_1902578.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/edit-tool_1902578.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/edit-tool_1902578.png"}},"label":"Icon: Component blocks grid orange o","themeStyles":[]},{"id":"900021","name":"block","parent":"f9bf0f","children":["926376","8f1fae"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 05: Creative Development"},{"id":"926376","name":"block","parent":"900021","children":["591467","716eea"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"591467","name":"text-basic","parent":"926376","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"05","tag":"span","_border":{"color":{"raw":"hsl(18, 100%, 63%)"}},"_typography":{"color":{"raw":"hsl(18, 100%, 63%)"}},"_background":{"color":{"raw":"hsla(18, 100%, 63%, 0.2)"}}},"label":"Num 05"},{"id":"716eea","name":"heading","parent":"926376","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Creative Development","tag":"h3"},"label":"Title"},{"id":"8f1fae","name":"block","parent":"900021","children":["e3cef7","7a4e6f"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"e3cef7","name":"text-basic","parent":"8f1fae","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"WebGL, shaders, canvas \u2014 pushing browser limits.","tag":"p"},"label":"Body"},{"id":"7a4e6f","name":"image","parent":"8f1fae","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7421,"filename":"improvement_18493027.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/improvement_18493027.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/improvement_18493027.png"}},"label":"Icon: Triangle geometric shape red p"},{"id":"070610","name":"block","parent":"f9bf0f","children":["97fa01","5eda4d"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 06: Typography & Layout"},{"id":"97fa01","name":"block","parent":"070610","children":["7c3ecb","55802e"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"7c3ecb","name":"text-basic","parent":"97fa01","children":[],"settings":{"text":"06","tag":"span","_cssGlobalClasses":["bento__expertise-num"],"_typography":{"color":{"raw":"#D9FF40"}},"_border":{"color":{"raw":"#D9FF40"}},"_background":{"color":{"raw":"hsla(72, 100%, 63%, 0.2)"}}},"label":"Num 06"},{"id":"55802e","name":"heading","parent":"97fa01","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Typography & Layout","tag":"h3"},"label":"Title"},{"id":"5eda4d","name":"block","parent":"070610","children":["2612fa","546024"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"2612fa","name":"text-basic","parent":"5eda4d","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"Type systems, vertical rhythm, editorial grids.","tag":"p"},"label":"Body"},{"id":"546024","name":"image","parent":"5eda4d","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7422,"filename":"type_14603619.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/type_14603619.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/type_14603619.png"}},"label":"Icon: Aa typography letterform lime "}],"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__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__body","name":"bento__body","settings":{"_typography":{"font-size":"16","color":{"hex":"#9ca3af"},"line-height":"1.6"}}},{"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-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__expertise-inner","name":"bento__expertise-inner","settings":{"_rowGap":"56","_display":"flex","_direction":"column","_rowGap:mobile_landscape":"16"}},{"id":"bento__expertise-heading-wrap","name":"bento__expertise-heading-wrap","settings":{"_display":"flex","_direction":"column","_rowGap":"0","_interactions":[{"id":"92cee7","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.8s","animationDelay":"0s","target":"self"}],"_margin:mobile_landscape":{"bottom":"20"}}},{"id":"bento__expertise-h1","name":"bento__expertise-h1","settings":{"_typography":{"font-weight":"900","line-height":"0.92","text-align":"left"}}},{"id":"bento__expertise-grid-top","name":"bento__expertise-grid-top","settings":{"_display":"grid","_gridTemplateColumns":"2fr 1fr","_gridGap":"16","_gridTemplateColumns:tablet_portrait":"1fr 1fr","_gridTemplateColumns:mobile_portrait":"1fr","_interactions":[{"id":"49ab0a","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}],"_cssCustom":".bento__expertise-card--large { grid-row: span 2; }@media (max-width: 768px) { .bento__expertise-card--large { grid-row: span 1; } }","_gridTemplateColumns:mobile_landscape":"1fr","_gridTemplateRows:mobile_landscape":"minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)","_cssCustom:mobile_landscape":"\/** VISUAL GRID BUILDER - START **\/\n\n\/** ztkphh - 3 **\/\n.bento__expertise-grid-top :nth-child(3) {\n grid-column: 1 \/ 2;\n grid-row: 3 \/ 4;\n}\n\/** beerwy - 2 **\/\n.bento__expertise-grid-top :nth-child(2) {\n grid-column: 1 \/ 2;\n grid-row: 2 \/ 3;\n}\n\n\/** VISUAL GRID BUILDER - END **\/"}},{"id":"bento__expertise-grid-bot","name":"bento__expertise-grid-bot","settings":{"_display":"grid","_gridTemplateColumns":"repeat(3, 1fr)","_gridGap":"16","_gridTemplateColumns:tablet_portrait":"repeat(2, 1fr)","_gridTemplateColumns:mobile_portrait":"1fr","_interactions":[{"id":"431607","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0.15s","target":"self"}],"_gridTemplateRows:mobile_landscape":"minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)","_cssCustom:mobile_landscape":"\/** VISUAL GRID BUILDER - START **\/\n\n\/** ybbeyn - 3 **\/\n.bento__expertise-grid-bot :nth-child(3) {\n grid-column: 1 \/ 2;\n grid-row: 3 \/ 4;\n}\n\/** eqqcrj - 2 **\/\n.bento__expertise-grid-bot :nth-child(2) {\n grid-column: 1 \/ 2;\n grid-row: 2 \/ 3;\n}\n\n\/** VISUAL GRID BUILDER - END **\/","_gridTemplateColumns:mobile_landscape":"1fr"}},{"id":"bento__expertise-card","name":"bento__expertise-card","settings":{"_display":"flex","_direction":"column","_justifyContent":"space-between","_background":{"color":{"hex":"#0f1116"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#2a2f36"}},"_padding":{"top":"28","bottom":"28","left":"28","right":"28"},"_overflow":"hidden","_cssTransition":"ease .3s","_border:hover":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"rgba(217,255,63,0.3)"}},"_cssCustom":".bento__expertise-card { position: relative; }.bento__expertise-card::before { content: ''; position: absolute; top: 20px; right: 20px; width: 6px; height: 6px; border-radius: 50%; background: rgba(217,255,63,0.4); box-shadow: 12px -4px 0 rgba(217,255,63,0.2), 20px 4px 0 rgba(217,255,63,0.1);}\n.bento__expertise-icon {\n transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.bento__expertise-card:hover .bento__expertise-icon {\n transform: scale(1.15);\n}"},"modified":1777025733,"user_id":1},{"id":"bento__expertise-card--large","name":"bento__expertise-card--large","settings":{"_cssCustom":".bento__expertise-card--large { min-height: 420px; }"}},{"id":"bento__expertise-num","name":"bento__expertise-num","settings":{"_typography":{"font-size":"12","font-weight":"600","color":{"hex":"#9ca3af"},"letter-spacing":"0.04em"},"_background":{"color":{"hex":"rgba(255,255,255,0.06)"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#2a2f36"}},"_padding":{"top":"5","bottom":"5","left":"12","right":"12"},"_display":"inline-block","_alignSelf":"flex-start","_margin":{"bottom":"20"}}},{"id":"bento__expertise-title","name":"bento__expertise-title","settings":{"_typography":{"font-size":"28","font-weight":"700","color":{"hex":"#ffffff"},"line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"22"},"_margin":{"bottom":"12"}}},{"id":"bento__expertise-body","name":"bento__expertise-body","settings":{"_typography":{"line-height":"1.6"},"_margin":{"bottom":"24"}}},{"id":"bento__expertise-icon","name":"bento__expertise-icon","settings":{"_width":"80","_height":"80","_objectFit":"contain","_alignSelf":"flex-end","_margin":{"top":"auto","left":"auto"},"_opacity":"0.9"},"modified":1777025733,"user_id":1},{"id":"ytoncs","name":"bento__expertise-card-bottom","settings":{"_direction":"row","_alignItems":"flex-end","_columnGap":"20","_rowGap":"20"}},{"id":"nekpnj","name":"bento__expertise-card-top","settings":[]}]}

Similar components

Profile Picture
Akshay Joshi

Bento Feature Section

Two-column featured section with a dark background and a clean, modern layout.
View now
Copy now
{"id":7646,"name":"bento-feature-section","title":"Bento Feature Section","date":"2026-05-01 12:34:10","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-feature-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"4c4aa0","name":"section","parent":0,"children":["2f4e9f"],"settings":{"_cssGlobalClasses":["bento__section"],"_padding:mobile_landscape":{"bottom":"60"}},"label":"Bento Feature Section"},{"id":"2f4e9f","name":"container","parent":"4c4aa0","children":["17bd31"],"settings":{"_cssGlobalClasses":["bento__inner"]},"label":"Inner"},{"id":"17bd31","name":"container","parent":"2f4e9f","children":["0e0f55","2abf8e"],"settings":{"_cssGlobalClasses":["bento__feature-grid"],"_direction:mobile_landscape":"column","_direction":"row"},"label":"Block"},{"id":"0e0f55","name":"block","parent":"17bd31","children":["e44962","88209c"],"settings":{"_cssGlobalClasses":["uubfkb"]},"label":"Image Side"},{"id":"e44962","name":"image","parent":"0e0f55","settings":{"_cssGlobalClasses":["bento__feature-img","bento__anim-fadein-left"],"image":{"id":6915,"filename":"696a5ff09b173f1e644b8074_444711bd9af2b787d3f305f2e0e85b8c_Personal-Portrait.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/696a5ff09b173f1e644b8074_444711bd9af2b787d3f305f2e0e85b8c_Personal-Portrait.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/696a5ff09b173f1e644b8074_444711bd9af2b787d3f305f2e0e85b8c_Personal-Portrait.webp"}},"themeStyles":[]},{"id":"88209c","name":"text-basic","parent":"0e0f55","settings":{"text":"San Francisco, CA","_cssGlobalClasses":["msvwes"]}},{"id":"2abf8e","name":"block","parent":"17bd31","children":["705b83","882fc7","09bfbd","432c44","11a2b3"],"settings":{"_cssGlobalClasses":["bento__feature-content"]},"label":"Content Side"},{"id":"705b83","name":"text-basic","parent":"2abf8e","settings":{"_cssGlobalClasses":["bento__body","bento__anim-fadein-up"],"text":"I started building for the web because I wanted to make things move..."}},{"id":"882fc7","name":"text-basic","parent":"2abf8e","settings":{"text":"Over eight years, I've worked across startups and tech companies...","_cssGlobalClasses":["bento__body","bento__anim-fadein-up"]}},{"id":"09bfbd","name":"block","parent":"2abf8e","children":["094f09"],"settings":{"_cssGlobalClasses":["bento__quote","bento__anim-fadein-left"]},"label":"Quote"},{"id":"094f09","name":"text-basic","parent":"09bfbd","settings":{"_cssGlobalClasses":["bento__quote-text"],"text":"\u201cThe best interfaces disappear. The great ones make you feel something.\u201d"}},{"id":"432c44","name":"text-basic","parent":"2abf8e","settings":{"text":"When I'm not shipping code, I'm writing about it...","_cssGlobalClasses":["bento__body","bento__anim-fadein-up"]}},{"id":"11a2b3","name":"container","parent":"2abf8e","settings":{"_cssGlobalClasses":["bento__stats"]},"children":["4e64ac","be232c","a9d5de"],"label":"Stats"},{"id":"4e64ac","name":"block","parent":"11a2b3","children":["0f1851","3abd7d"],"settings":[]},{"id":"0f1851","name":"counter","parent":"4e64ac","children":[],"settings":{"countTo":"47","_cssGlobalClasses":["wbrhrq"],"suffix":"+"}},{"id":"3abd7d","name":"heading","parent":"4e64ac","children":[],"settings":{"text":"Articles Published","_cssGlobalClasses":["kulwch"]}},{"id":"be232c","name":"block","parent":"11a2b3","children":["6db687","0e50fa"],"settings":[]},{"id":"6db687","name":"counter","parent":"be232c","children":[],"settings":{"countTo":"12","_cssGlobalClasses":["wbrhrq"],"suffix":"K"}},{"id":"0e50fa","name":"heading","parent":"be232c","children":[],"settings":{"text":"Monthly readers","_cssGlobalClasses":["kulwch"]}},{"id":"a9d5de","name":"block","parent":"11a2b3","children":["18b0f2","0f3c75"],"settings":[]},{"id":"18b0f2","name":"counter","parent":"a9d5de","children":[],"settings":{"countTo":"5","_cssGlobalClasses":["wbrhrq"],"suffix":"Yr."},"themeStyles":[]},{"id":"0f3c75","name":"heading","parent":"a9d5de","children":[],"settings":{"text":"Writing Excellence","_cssGlobalClasses":["kulwch"]}}],"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__body","name":"bento__body","settings":{"_typography":{"font-size":"16","color":{"hex":"#9ca3af"},"line-height":"1.6"}}},{"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-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__feature-grid","name":"bento__feature-block","settings":{"_gridTemplateColumns":"1fr 1.2fr","_gridGap":"60","_alignItems":"start","_gridTemplateColumns:mobile_portrait":"1fr","_display":"flex","_direction":"row","_columnGap":"60","_rowGap":"60","_direction:mobile_landscape":"column","_width":"100%"},"modified":1777034132,"user_id":1},{"id":"bento__feature-img","name":"bento__feature-img","settings":{"_width":"100%","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}}}},{"id":"bento__feature-content","name":"bento__feature-content","settings":{"_display":"flex","_direction":"column","_rowGap":"24","_width:mobile_landscape":"100%","_width":"50%"},"modified":1777034132,"user_id":1},{"id":"bento__quote","name":"bento__quote","settings":{"_padding":{"left":"20"},"_border":{"width":{"left":"3"},"style":"solid","color":{"hex":"#d9ff3f"}}}},{"id":"bento__quote-text","name":"bento__quote-text","settings":{"_typography":{"font-size":"22","font-weight":"600","color":{"hex":"#d9ff3f"}}}},{"id":"bento__stats","name":"bento__stats","settings":{"_direction":"row","_columnGap":"30","_rowGap":"30","_flexWrap:mobile_landscape":"wrap"}},{"id":"uubfkb","name":"bento__feature-image-side","settings":{"_width":"50%","_width:mobile_landscape":"100%","_alignItems":"center"},"modified":1777034132,"user_id":1},{"id":"msvwes","name":"bento__feature-img--text","settings":[]},{"id":"wbrhrq","name":"bento__feature--counter","settings":{"countTypography":{"font-size":"40","color":{"raw":"#f7f7f7"}},"suffixTypography":{"color":{"raw":"#d9ff40"},"font-size":"28"}}},{"id":"kulwch","name":"bento__feature--counter-heading","settings":{"_typography":{"color":{"raw":"#ffffff"},"font-weight":"500"},"_typography:mobile_landscape":{"text-wrap":"wrap","font-size":"24"}}}]}
Profile Picture
Akshay Joshi

ETA Fitness Section

A simple image showcase section with a random, free-flowing layout for a more organic and dynamic feel. Design inspired by the Elysian Tennis Webflow template.
View now
Copy now
{"id":7323,"name":"eta-fitness-section","title":"ETA Fitness Section","date":"2026-04-16 18:48:30","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-fitness-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"c48a7e","name":"section","parent":0,"children":["a96f88"],"settings":{"_cssGlobalClasses":["eta__gallery-section"]},"label":"ETA Fitness Section"},{"id":"a96f88","name":"container","parent":"c48a7e","children":["d3bbf5","59e7e8","84122d","867c53","2c1d56","cccd02"],"settings":{"_cssGlobalClasses":["eta__gallery-inner"]},"label":"Gallery Inner"},{"id":"d3bbf5","name":"block","parent":"a96f88","children":["408e04"],"settings":{"_cssGlobalClasses":["eta__gallery-heading-wrap"]},"label":"Heading Wrap"},{"id":"408e04","name":"heading","parent":"d3bbf5","children":[],"settings":{"text":"OUR FITNESS FACILITIES","tag":"h2","_cssGlobalClasses":["eta__gallery-h2","eta__h1"]},"label":"H1 Line 1"},{"id":"59e7e8","name":"image","parent":"a96f88","children":[],"settings":{"image":{"id":7161,"filename":"67093f97c1a41c3ca80b6dd3_tennis-image-07@2x.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f97c1a41c3ca80b6dd3_tennis-image-07@2x.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f97c1a41c3ca80b6dd3_tennis-image-07@2x-1024x1024.webp"},"_cssGlobalClasses":["eta__gallery-img","eta__gallery-float-1"],"_position":"absolute","_width":"180","_height":"200","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_top":"18%","_left":"14%","_left:mobile_landscape":"5%","_top:mobile_landscape":"10%"},"label":"Image 1 Chair Racket","themeStyles":[]},{"id":"84122d","name":"image","parent":"a96f88","children":[],"settings":{"image":{"id":7160,"filename":"67093f38a6fdc3f1533d59be_tennis-image-03@2x.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a6fdc3f1533d59be_tennis-image-03@2x.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a6fdc3f1533d59be_tennis-image-03@2x-1024x1024.webp"},"_cssGlobalClasses":["eta__gallery-img","eta__gallery-float-2"],"_position":"absolute","_width":"220","_height":"260","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_top":"9%","_left":"43%","_top:mobile_landscape":"5%","_left:mobile_landscape":"35%"},"label":"Image 2 Tennis Ball","themeStyles":[]},{"id":"867c53","name":"image","parent":"a96f88","children":[],"settings":{"image":{"id":7158,"filename":"67093f38bde340df4cbf31cf_tennis-image-04@2x.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38bde340df4cbf31cf_tennis-image-04@2x.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38bde340df4cbf31cf_tennis-image-04@2x-1024x1024.jpg"},"_cssGlobalClasses":["eta__gallery-img","eta__gallery-float-3"],"_position":"absolute","_width":"280","_height":"260","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_top":"25%","_right":"4%","_right:mobile_landscape":"5%","_top:mobile_landscape":"10%"},"label":"Image 3 Woman Fitness","themeStyles":[]},{"id":"2c1d56","name":"image","parent":"a96f88","children":[],"settings":{"image":{"id":7157,"filename":"67093f38a5337d5f28be5266_tennis-image-01@2x.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a5337d5f28be5266_tennis-image-01@2x.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a5337d5f28be5266_tennis-image-01@2x-1024x1024.jpg"},"_cssGlobalClasses":["eta__gallery-img","eta__gallery-float-4"],"_position":"absolute","_width":"200","_height":"220","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_bottom":"8%","_left":"18%","_left:mobile_landscape":"5%","_bottom:mobile_landscape":"6%"},"label":"Image 4 Clay Court","themeStyles":[]},{"id":"cccd02","name":"image","parent":"a96f88","children":[],"settings":{"image":{"id":7167,"filename":"670949a628503e33fe5ccb10_tennis-location-03@2x-p-800-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/670949a628503e33fe5ccb10_tennis-location-03@2x-p-800-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/670949a628503e33fe5ccb10_tennis-location-03@2x-p-800-1.webp"},"_cssGlobalClasses":["eta__gallery-img","eta__gallery-float-5"],"_position":"absolute","_width":"280","_height":"240","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_bottom":"7%","_right":"12%","_right:mobile_landscape":"5%","_bottom:mobile_landscape":"5%"},"label":"Image 5 Man Racket","themeStyles":[]}],"templateType":"section","global_classes":[{"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__gallery-section","name":"eta__gallery-section","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"0","bottom":"0","left":"0","right":"0"},"_overflow":"hidden","_position":"relative","_cssCustom":".eta__gallery-section { min-height: 820px; }"}},{"id":"eta__gallery-inner","name":"eta__gallery-inner","settings":{"_position":"relative","_width":"100%","_widthMax":"100%","_cssCustom":".eta__gallery-inner { min-height: 820px; }","_position:mobile_landscape":"relative"}},{"id":"eta__gallery-heading-wrap","name":"eta__gallery-heading-wrap","settings":{"_position":"absolute","_display":"flex","_direction":"column","_alignItems":"center","_cssCustom":".eta__gallery-heading-wrap { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 100%; pointer-events: none;}","_zIndex":"9"}},{"id":"eta__gallery-h2","name":"eta__gallery-h2","settings":{"_widthMax":"70%"}},{"id":"eta__gallery-img","name":"eta__gallery-img","settings":{"_cssCustom":".eta__gallery-img { z-index: 5; cursor: pointer;}.eta__gallery-img:hover { z-index: 20; animation-play-state: paused;}","_widthMax:tablet_portrait":"200","_heightMax:tablet_portrait":"250"}},{"id":"eta__gallery-float-1","name":"eta__gallery-float-1","settings":{"_cssCustom":"@keyframes eta-float-1 { 0%,100% { transform: rotate(-3deg) translateY(0px); } 50% { transform: rotate(-1.5deg) translateY(-18px); }}.eta__gallery-float-1 { animation: eta-float-1 7s ease-in-out infinite;}.eta__gallery-float-1:hover { transform: rotate(-3deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}},{"id":"eta__gallery-float-2","name":"eta__gallery-float-2","settings":{"_cssCustom":"@keyframes eta-float-2 { 0%,100% { transform: rotate(0deg) translateY(0px); } 50% { transform: rotate(1deg) translateY(-24px); }}.eta__gallery-float-2 { animation: eta-float-2 9s ease-in-out infinite; animation-delay: -2s;}.eta__gallery-float-2:hover { transform: rotate(0deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}},{"id":"eta__gallery-float-3","name":"eta__gallery-float-3","settings":{"_cssCustom":"@keyframes eta-float-3 { 0%,100% { transform: rotate(2deg) translateY(0px); } 50% { transform: rotate(0.5deg) translateY(-20px); }}.eta__gallery-float-3 { animation: eta-float-3 8s ease-in-out infinite; animation-delay: -4s;}.eta__gallery-float-3:hover { transform: rotate(2deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}},{"id":"eta__gallery-float-4","name":"eta__gallery-float-4","settings":{"_cssCustom":"@keyframes eta-float-4 { 0%,100% { transform: rotate(-2deg) translateY(0px); } 50% { transform: rotate(-3.5deg) translateY(-16px); }}.eta__gallery-float-4 { animation: eta-float-4 10s ease-in-out infinite; animation-delay: -1s;}.eta__gallery-float-4:hover { transform: rotate(-2deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}},{"id":"eta__gallery-float-5","name":"eta__gallery-float-5","settings":{"_cssCustom":"@keyframes eta-float-5 { 0%,100% { transform: rotate(1deg) translateY(0px); } 50% { transform: rotate(2.5deg) translateY(-22px); }}.eta__gallery-float-5 { animation: eta-float-5 11s ease-in-out infinite; animation-delay: -5s;}.eta__gallery-float-5:hover { transform: rotate(1deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}}]}
Profile Picture
Akshay Joshi

ETA Locations Section

A section with a background image and a two-column layout, featuring a heading on one side and four cards on the other. Design inspired by the Elysian Tennis Webflow template.
View now
Copy now
{"id":7317,"name":"eta-locations-section","title":"ETA Locations Section","date":"2026-04-16 18:42:57","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-locations-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"e70bcb","name":"section","parent":0,"children":["6ad68b"],"settings":{"_cssGlobalClasses":["eta__locations-section","eta__section"]},"label":"ETA Locations Section"},{"id":"6ad68b","name":"container","parent":"e70bcb","children":["65551f","085ff4"],"settings":{"_cssGlobalClasses":["eta__locations-inner","znuocq"]},"label":"Locations Inner"},{"id":"65551f","name":"block","parent":"6ad68b","children":["1d849c","caa996","96f809"],"settings":{"_cssGlobalClasses":["eta__locations-left","eta__anim-fadein-left"]},"label":"Left"},{"id":"1d849c","name":"heading","parent":"65551f","children":[],"settings":{"_cssGlobalClasses":["eta__h2","eta__h2--white"],"text":"OUR LOCATIONS","tag":"h2"},"label":"H2"},{"id":"caa996","name":"text-basic","parent":"65551f","children":[],"settings":{"_cssGlobalClasses":["eta__body","eta__body--white"],"text":"Ready to take your tennis game to the next level? Experience world-class coaching, state-of-the-art facilities, and a vibrant tennis community. Enroll today and become part of a legacy of excellence.","tag":"p"},"label":"Body"},{"id":"96f809","name":"button","parent":"65551f","children":[],"settings":{"text":"START TODAY ","_cssGlobalClasses":["eta__btn--lime"],"link":{"type":"external","url":"#"},"icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"}},"label":"Start Today"},{"id":"085ff4","name":"block","parent":"6ad68b","children":["b16712","e8bfe4","1d76c4","132d30"],"settings":{"_cssGlobalClasses":["eta__locations-right","eta__anim-fadein-right"]},"label":"Locations Grid"},{"id":"b16712","name":"block","parent":"085ff4","children":["d7e155","c4927b","d853c8"],"settings":{"_cssGlobalClasses":["eta__location-card","eta__anim-fadein-up"]},"label":"Card GRANDVIEW PARK TENNIS "},{"id":"d7e155","name":"image","parent":"b16712","children":[],"settings":{"image":{"id":7167,"filename":"670949a628503e33fe5ccb10_tennis-location-03@2x-p-800-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/670949a628503e33fe5ccb10_tennis-location-03@2x-p-800-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/670949a628503e33fe5ccb10_tennis-location-03@2x-p-800-1.webp"},"_cssGlobalClasses":["eta__location-img"]},"label":"Image: GRANDVIEW PARK TENNIS "},{"id":"c4927b","name":"text-basic","parent":"b16712","children":[],"settings":{"text":"GRANDVIEW PARK TENNIS CENTER","tag":"span","_cssGlobalClasses":["eta__location-name"]},"label":"Name"},{"id":"d853c8","name":"text-basic","parent":"b16712","children":[],"settings":{"text":"123 MAPLEWOOD DRIVE, RIVERTON","tag":"span","_cssGlobalClasses":["eta__location-address"]},"label":"Address"},{"id":"e8bfe4","name":"block","parent":"085ff4","children":["302d26","5a536f","07918c"],"settings":{"_cssGlobalClasses":["eta__location-card","eta__anim-fadein-up","eta__anim-delay-100"]},"label":"Card OAKRIDGE SPORTS COMPLE"},{"id":"302d26","name":"image","parent":"e8bfe4","children":[],"settings":{"image":{"id":7158,"filename":"67093f38bde340df4cbf31cf_tennis-image-04@2x.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38bde340df4cbf31cf_tennis-image-04@2x.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38bde340df4cbf31cf_tennis-image-04@2x-1024x1024.jpg"},"_cssGlobalClasses":["eta__location-img"]},"label":"Image: OAKRIDGE SPORTS COMPLE"},{"id":"5a536f","name":"text-basic","parent":"e8bfe4","children":[],"settings":{"text":"OAKRIDGE SPORTS COMPLEX","tag":"span","_cssGlobalClasses":["eta__location-name"]},"label":"Name"},{"id":"07918c","name":"text-basic","parent":"e8bfe4","children":[],"settings":{"text":"456 OAKRIDGE LANE, BROOKFIELD","tag":"span","_cssGlobalClasses":["eta__location-address"]},"label":"Address"},{"id":"1d76c4","name":"block","parent":"085ff4","children":["699ed5","c9f443","c51cfc"],"settings":{"_cssGlobalClasses":["eta__location-card","eta__anim-fadein-up","eta__anim-delay-200"]},"label":"Card RIVERVIEW TENNIS ACADE"},{"id":"699ed5","name":"image","parent":"1d76c4","children":[],"settings":{"image":{"id":7161,"filename":"67093f97c1a41c3ca80b6dd3_tennis-image-07@2x.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f97c1a41c3ca80b6dd3_tennis-image-07@2x.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f97c1a41c3ca80b6dd3_tennis-image-07@2x-1024x1024.webp"},"_cssGlobalClasses":["eta__location-img"]},"label":"Image: RIVERVIEW TENNIS ACADE"},{"id":"c9f443","name":"text-basic","parent":"1d76c4","children":[],"settings":{"text":"RIVERVIEW TENNIS ACADEMY","tag":"span","_cssGlobalClasses":["eta__location-name"]},"label":"Name"},{"id":"c51cfc","name":"text-basic","parent":"1d76c4","children":[],"settings":{"text":"789 PINECREST AVENUE, HILLSIDE","tag":"span","_cssGlobalClasses":["eta__location-address"]},"label":"Address"},{"id":"132d30","name":"block","parent":"085ff4","children":["615b5c","c4cdd1","aafe59"],"settings":{"_cssGlobalClasses":["eta__location-card","eta__anim-fadein-up","eta__anim-delay-300"]},"label":"Card PINECREST COURT CLUB"},{"id":"615b5c","name":"image","parent":"132d30","children":[],"settings":{"_cssGlobalClasses":["eta__location-img"],"image":{"id":7157,"filename":"67093f38a5337d5f28be5266_tennis-image-01@2x.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a5337d5f28be5266_tennis-image-01@2x.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a5337d5f28be5266_tennis-image-01@2x-1024x1024.jpg"}},"label":"Image: PINECREST COURT CLUB"},{"id":"c4cdd1","name":"text-basic","parent":"132d30","children":[],"settings":{"_cssGlobalClasses":["eta__location-name"],"text":"PINECREST COURT CLUB","tag":"span"},"label":"Name"},{"id":"aafe59","name":"text-basic","parent":"132d30","children":[],"settings":{"text":"101 GRANDVIEW ROAD, LAKESHORE","tag":"span","_cssGlobalClasses":["eta__location-address"]},"label":"Address"}],"templateType":"section","global_classes":[{"id":"eta__h2","name":"eta__h2","settings":{"_typography":{"font-family":"Reddit Sans Condensed","font-size":"48","font-weight":"600","color":{"hex":"#0a0a0a"},"text-transform":"uppercase","line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"36"}}},{"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__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-delay-100","name":"eta__anim-delay-100","settings":{"_cssCustom":".eta__anim-delay-100 { animation-delay: 0.1s !important; }"}},{"id":"eta__anim-delay-200","name":"eta__anim-delay-200","settings":{"_cssCustom":".eta__anim-delay-200 { animation-delay: 0.2s !important; }"}},{"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__anim-delay-300","name":"eta__anim-delay-300","settings":{"_cssCustom":".eta__anim-delay-300 { animation-delay: 0.3s !important; }"}},{"id":"eta__locations-section","name":"eta__locations-section","settings":{"_background":{"color":{"hex":"#e5e7eb","id":"dvxksf","name":"Color #3"},"image":{"id":7165,"filename":"67094c7f08fee1710d775ca6_tennis-location-background@2x-p-1080.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67094c7f08fee1710d775ca6_tennis-location-background@2x-p-1080.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67094c7f08fee1710d775ca6_tennis-location-background@2x-p-1080-1024x481.webp"}},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"},"_overflow":"hidden","_gradient":{"applyTo":"overlay","colors":[{"id":"qztdee","color":{"raw":"rgba(0, 0, 0, 0.65)"}},{"id":"qztdee","color":{"raw":"rgba(0, 0, 0, 0.65)"}}]}}},{"id":"eta__locations-inner","name":"eta__locations-inner","settings":{"_display":"grid","_gridTemplateColumns":"2fr 3fr","_columnGap":"80","_alignItems":"center","_gridTemplateColumns:tablet_portrait":"1fr","_rowGap:tablet_portrait":"48"}},{"id":"eta__locations-left","name":"eta__locations-left","settings":{"_display":"flex","_direction":"column","_rowGap":"28","_alignItems":"flex-start","_interactions":[{"id":"a484db","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__locations-right","name":"eta__locations-right","settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr","_gridGap":"24","_interactions":[{"id":"43c404","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__location-card","name":"eta__location-card","settings":{"_display":"flex","_direction":"column","_rowGap":"10","_interactions":[{"id":"4797a2","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"eta__location-img","name":"eta__location-img","settings":{"_width":"100%","_height":"180","_objectFit":"cover","_border":{"radius":{"top":"16","right":"16","bottom":"16","left":"16"}},"_cssTransition":"ease .35s","_transform:hover":"scale(1.03)","_overflow":"hidden","_objectPosition":"top center"},"modified":1776332031,"user_id":1},{"id":"eta__location-name","name":"eta__location-name","settings":{"_typography":{"font-family":"Asta Sans","font-size":"17","font-weight":"700","color":{"hex":"#ffffff"},"letter-spacing":"0.06em","text-transform":"uppercase","line-height":"1.3"}}},{"id":"eta__location-address","name":"eta__location-address","settings":{"_typography":{"font-family":"Asta Sans","font-size":"14","font-weight":"400","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"letter-spacing":"0.08em","text-transform":"uppercase"}}},{"id":"eta__h2--white","name":"eta__h2--white","settings":{"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"eta__body--white","name":"eta__body--white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"eta__anim-fadein-left","name":"eta__anim-fadein-left","settings":{"_interactions":[{"id":"d4f80a","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__anim-fadein-right","name":"eta__anim-fadein-right","settings":{"_interactions":[{"id":"4b14ae","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"znuocq","name":"eta__container","settings":{"_width":"1240","_widthMax":"100%"},"modified":1775637854,"user_id":1}]}

Nice, you've downloaded this template! Now let's get it on your website...

To use this component, go to your 'Templates', click 'Import', and upload the file you just downloaded! It's that simple. You can then copy/paste it to other sections of your website.
Close & continue

Nice, you've copied this component! Now let's paste it...

To paste this component, simply go to any Bricks page or component and click paste! Simple as that.
Close & continue