
Akshay Joshi
App Team Section
Team section featuring cards with an animated glow effect on hover for interactive visual appeal
Copy component
Download JSON

{"id":6880,"name":"team-section","title":"Team Section","date":"2026-03-19 07:30:03","date_formatted":"March 19, 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\/team-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"330783","name":"section","parent":0,"children":["f1fe29"],"settings":{"_cssGlobalClasses":["app_team__section"]},"label":"Team Section"},{"id":"f1fe29","name":"container","parent":"330783","children":["0fc17a","f66107"],"settings":{"_cssGlobalClasses":["app_team__inner"]},"label":"Inner Container"},{"id":"0fc17a","name":"block","parent":"f1fe29","children":["0cc101","619083"],"settings":{"_cssGlobalClasses":["app_team__header"]},"label":"Header"},{"id":"0cc101","name":"text-basic","parent":"0fc17a","children":[],"settings":{"text":"THE TEAM","tag":"span","_cssGlobalClasses":["app_team__badge"]},"label":"Badge"},{"id":"619083","name":"heading","parent":"0fc17a","children":[],"settings":{"text":"People obsessed withdeveloper experience","tag":"h2","_cssGlobalClasses":["app_team__heading"]},"label":"Heading"},{"id":"f66107","name":"block","parent":"f1fe29","children":["d87f4d","a5567e","9f0811","d314dc"],"settings":{"_cssGlobalClasses":["app_team__grid"]},"label":"Team Grid"},{"id":"d87f4d","name":"block","parent":"f66107","children":["ec8eb3","b4b3b3","f3b60f","671f4f","1d5126"],"settings":{"_cssGlobalClasses":["app_team__card"]},"label":"Card \u2013 Sarah Kim"},{"id":"ec8eb3","name":"block","parent":"d87f4d","children":["97a3ea"],"settings":{"_cssGlobalClasses":["app_team__avatar"],"_cssCustom":".app_team__avatar { background: linear-gradient(135deg, #2dc88c 0%, #1ab8d4 100%); }"},"label":"Avatar"},{"id":"97a3ea","name":"text-basic","parent":"ec8eb3","children":[],"settings":{"text":"SK","tag":"span","_cssGlobalClasses":["app_team__initials"]},"label":"Initials"},{"id":"b4b3b3","name":"heading","parent":"d87f4d","children":[],"settings":{"text":"Sarah Kim","tag":"h3","_cssGlobalClasses":["app_team__name"]},"label":"Name"},{"id":"f3b60f","name":"text-basic","parent":"d87f4d","children":[],"settings":{"text":"Co-founder & CEO","tag":"span","_cssGlobalClasses":["app_team__role"]},"label":"Role"},{"id":"671f4f","name":"text-basic","parent":"d87f4d","children":[],"settings":{"text":"\"Building APIs shouldn't feel like defusing a bomb. We fixed that.\"","tag":"p","_cssGlobalClasses":["app_team__quote"]},"label":"Quote"},{"id":"1d5126","name":"icon","parent":"d87f4d","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_team__linkedin"]},"label":"LinkedIn","themeStyles":[]},{"id":"a5567e","name":"block","parent":"f66107","children":["67a32b","c59599","6b51ac","04435e","8ded26"],"settings":{"_cssGlobalClasses":["app_team__card"]},"label":"Card \u2013 Marcus Reid"},{"id":"67a32b","name":"block","parent":"a5567e","children":["92d9c5"],"settings":{"_cssGlobalClasses":["app_team__avatar"],"_cssCustom":".app_team__avatar { background: linear-gradient(135deg, #1ab8d4 0%, #6c63ff 100%); }"},"label":"Avatar"},{"id":"92d9c5","name":"text-basic","parent":"67a32b","children":[],"settings":{"text":"MR","tag":"span","_cssGlobalClasses":["app_team__initials"]},"label":"Initials"},{"id":"c59599","name":"heading","parent":"a5567e","children":[],"settings":{"text":"Marcus Reid","tag":"h3","_cssGlobalClasses":["app_team__name"]},"label":"Name"},{"id":"6b51ac","name":"text-basic","parent":"a5567e","children":[],"settings":{"text":"CTO & Head of Platform","tag":"span","_cssGlobalClasses":["app_team__role"]},"label":"Role"},{"id":"04435e","name":"text-basic","parent":"a5567e","children":[],"settings":{"text":"\"Every millisecond we shave off is a gift to every developer using us.\"","tag":"p","_cssGlobalClasses":["app_team__quote"]},"label":"Quote"},{"id":"8ded26","name":"icon","parent":"a5567e","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_team__linkedin"]},"label":"LinkedIn","themeStyles":[]},{"id":"9f0811","name":"block","parent":"f66107","children":["4aba45","ac5f7a","003acf","1c18a1","843d73"],"settings":{"_cssGlobalClasses":["app_team__card"]},"label":"Card \u2013 Priya Sharma"},{"id":"4aba45","name":"block","parent":"9f0811","children":["3bff0b"],"settings":{"_cssGlobalClasses":["app_team__avatar"],"_cssCustom":".app_team__avatar { background: linear-gradient(135deg, #2dc88c 0%, #25b07c 100%); }"},"label":"Avatar"},{"id":"3bff0b","name":"text-basic","parent":"4aba45","children":[],"settings":{"text":"PS","tag":"span","_cssGlobalClasses":["app_team__initials"]},"label":"Initials"},{"id":"ac5f7a","name":"heading","parent":"9f0811","children":[],"settings":{"text":"Priya Sharma","tag":"h3","_cssGlobalClasses":["app_team__name"]},"label":"Name"},{"id":"003acf","name":"text-basic","parent":"9f0811","children":[],"settings":{"text":"Head of Developer Experience","tag":"span","_cssGlobalClasses":["app_team__role"]},"label":"Role"},{"id":"1c18a1","name":"text-basic","parent":"9f0811","children":[],"settings":{"text":"\"If a developer has to read the docs twice, we failed once.\"","tag":"p","_cssGlobalClasses":["app_team__quote"]},"label":"Quote"},{"id":"843d73","name":"icon","parent":"9f0811","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_team__linkedin"]},"label":"LinkedIn","themeStyles":[]},{"id":"d314dc","name":"block","parent":"f66107","children":["19756e","b95d20","97436e","8ef1f3","faa1eb"],"settings":{"_cssGlobalClasses":["app_team__card"]},"label":"Card \u2013 Tom Eriksson"},{"id":"19756e","name":"block","parent":"d314dc","children":["b34d2b"],"settings":{"_cssGlobalClasses":["app_team__avatar"],"_cssCustom":".app_team__avatar { background: linear-gradient(135deg, #6c63ff 0%, #2dc88c 100%); }"},"label":"Avatar"},{"id":"b34d2b","name":"text-basic","parent":"19756e","children":[],"settings":{"text":"TE","tag":"span","_cssGlobalClasses":["app_team__initials"]},"label":"Initials"},{"id":"b95d20","name":"heading","parent":"d314dc","children":[],"settings":{"text":"Tom Eriksson","tag":"h3","_cssGlobalClasses":["app_team__name"]},"label":"Name"},{"id":"97436e","name":"text-basic","parent":"d314dc","children":[],"settings":{"text":"Lead Infrastructure Eng","tag":"span","_cssGlobalClasses":["app_team__role"]},"label":"Role"},{"id":"8ef1f3","name":"text-basic","parent":"d314dc","children":[],"settings":{"_cssGlobalClasses":["app_team__quote"],"text":"\"Uptime isn't a feature. It's a promise we keep.\"","tag":"p"},"label":"Quote"},{"id":"faa1eb","name":"icon","parent":"d314dc","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_team__linkedin"]},"label":"LinkedIn","themeStyles":[]}],"templateType":"section","global_classes":[{"id":"app_team__section","name":"app_team__section","settings":{"_background":{"color":{"hex":"#0d1512"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_heightMin":"100vh"}},{"id":"app_team__inner","name":"app_team__inner","settings":{"_display":"flex","_direction":"column","_rowGap":"56","_alignItems":"center","_widthMax":"100%","_width":"1240"}},{"id":"app_team__header","name":"app_team__header","settings":{"_display":"flex","_direction":"column","_alignItems":"center","_rowGap":"20","_textAlign":"center"}},{"id":"app_team__badge","name":"app_team__badge","settings":{"_typography":{"font-size":"12","font-weight":"700","letter-spacing":"0.1em","text-transform":"uppercase","color":{"hex":"#2dc88c"}},"_background":{"color":{"hex":"#1a2e28"}},"_padding":{"top":"7","bottom":"7","left":"18","right":"18"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#2dc88c","rgb":"rgba(45,200,140,0.25)"}},"_display":"inline-block"}},{"id":"app_team__heading","name":"app_team__heading","settings":{"_typography":{"font-family":"Inter","font-size":"56","font-weight":"900","line-height":"1.1","text-align":"center","color":{"hex":"#ffffff"}},"_typography:tablet_portrait":{"font-size":"40"},"_typography:mobile_landscape":{"font-size":"32"}}},{"id":"app_team__grid","name":"app_team__grid","settings":{"_display":"grid","_gridTemplateColumns":"repeat(4, 1fr)","_gridGap":"20","_widthMax":"100%","_gridTemplateColumns:tablet_portrait":"repeat(2, 1fr)","_gridTemplateColumns:mobile_portrait":"repeat(1, 1fr)"}},{"id":"app_team__card","name":"app_team__card","settings":{"_display":"flex","_direction":"column","_rowGap":"16","_alignItems":"flex-start","_background":{"color":{"hex":"#161e1b"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#ffffff","rgb":"rgba(255,255,255,0.07)"}},"_padding":{"top":"28","bottom":"28","left":"24","right":"24"},"_position":"relative","_overflow":"hidden","_cssCustom":"\n.app_team__card {\n transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n cursor: default;\n}\n\/* Teal left accent bar \u2014 slides in on hover *\/\n.app_team__card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 3px; height: 100%;\n background: linear-gradient(180deg, #2dc88c 0%, #1ab8d4 100%);\n transform: scaleY(0);\n transform-origin: top;\n transition: transform 0.35s ease;\n border-radius: 0 0 0 20px;\n}\n\/* Subtle radial glow top-left on hover *\/\n.app_team__card::after {\n content: '';\n position: absolute;\n top: -40px; left: -40px;\n width: 180px; height: 180px;\n background: radial-gradient(circle, rgba(45,200,140,0.10) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.35s ease;\n pointer-events: none;\n}\n.app_team__card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 56px rgba(0,0,0,0.4);\n border-color: rgba(45,200,140,0.3);\n}\n.app_team__card:hover::before { transform: scaleY(1); }\n.app_team__card:hover::after { opacity: 1; }\n"}},{"id":"app_team__avatar","name":"app_team__avatar","settings":{"_width":"64","_height":"64","_border":{"radius":{"top":"16","right":"16","bottom":"16","left":"16"}},"_display":"flex","_alignItems":"center","_justifyContent":"center","_margin":{"bottom":"4"},"_cssCustom":"\n.app_team__avatar {\n transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n.app_team__card:hover .app_team__avatar {\n transform: scale(1.08);\n box-shadow: 0 8px 24px rgba(45,200,140,0.3);\n}\n"}},{"id":"app_team__initials","name":"app_team__initials","settings":{"_typography":{"font-family":"Inter","font-size":"20","font-weight":"800","color":{"hex":"#ffffff"}}}},{"id":"app_team__name","name":"app_team__name","settings":{"_typography":{"font-family":"Inter","font-size":"18","font-weight":"700","color":{"hex":"#ffffff"}}}},{"id":"app_team__role","name":"app_team__role","settings":{"_typography":{"font-family":"Inter","font-size":"12","font-weight":"500","color":{"hex":"#6b7f78"}},"_background":{"color":{"hex":"#1e2e29"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#ffffff","rgb":"rgba(255,255,255,0.08)"}},"_padding":{"top":"5","bottom":"5","left":"12","right":"12"},"_display":"inline-block","_cssCustom":"\n.app_team__role {\n transition: color 0.3s ease, border-color 0.3s ease;\n}\n.app_team__card:hover .app_team__role {\n color: #2dc88c;\n border-color: rgba(45,200,140,0.3);\n}\n"}},{"id":"app_team__quote","name":"app_team__quote","settings":{"_typography":{"font-family":"Inter","font-size":"14","font-weight":"400","line-height":"1.65","color":{"hex":"#7a9088"},"font-style":"italic"}},"modified":1773905241,"user_id":1},{"id":"app_team__linkedin","name":"app_team__linkedin","settings":{"_typography":{"font-size":"15","color":{"hex":"#2e4a40"}},"_margin":{"top":"4"},"_cssCustom":"\n.app_team__linkedin {\n transition: color 0.25s ease, transform 0.25s ease;\n}\n.app_team__card:hover .app_team__linkedin {\n color: #2dc88c;\n transform: translateX(3px);\n}\n"}}]}


