Profile Picture
Akshay Joshi

Metric Kit Three-Column Layout

Three-column layout with customizable icons and call to action
Copy component
Download JSON
{"id":404,"name":"metric-our-approach","title":"Metric Our Approach","date":"2025-04-22 20:09:49","date_formatted":"April 22, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/metric-our-approach\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"8ce20c","name":"section","parent":0,"children":["9982df","f4df99"],"settings":{"_cssGlobalClasses":["vneohb","sseseu"]},"label":"Our Approach"},{"id":"9982df","name":"container","parent":"8ce20c","children":["dddc10"],"settings":{"_cssGlobalClasses":["qresdr"]}},{"id":"dddc10","name":"heading","parent":"9982df","children":[],"settings":{"text":"Our approach","tag":"h2","_cssGlobalClasses":["ntyezv"]}},{"id":"f4df99","name":"container","parent":"8ce20c","children":["c3d3c9","556656","4b0740"],"settings":{"_direction":"row","_cssGlobalClasses":["edrcar","qresdr"]},"label":"Container - 3col"},{"id":"c3d3c9","name":"block","parent":"f4df99","children":["04436f","7d2572","06b9bb"],"settings":{"_cssGlobalClasses":["hdpcba"],"_padding":{"left":"0"}},"label":"Column"},{"id":"04436f","name":"block","parent":"c3d3c9","children":["27ac7c"],"settings":{"_cssGlobalClasses":["usnrxj"]},"label":"Icon White Bg"},{"id":"27ac7c","name":"svg","parent":"04436f","children":[],"settings":{"_cssGlobalClasses":["mbtbws"],"file":{"id":200,"filename":"Frame-1-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Frame-1-1.svg"}},"themeStyles":[]},{"id":"7d2572","name":"block","parent":"c3d3c9","children":["c00dc2","832850"],"settings":{"_cssGlobalClasses":["szgaip"]}},{"id":"c00dc2","name":"heading","parent":"7d2572","children":[],"settings":{"text":"Revenue focus","_cssGlobalClasses":["melcwz"]}},{"id":"832850","name":"text-basic","parent":"7d2572","children":[],"settings":{"text":"Most agencies celebrate high CTRs and low CPCs. We focus on what matters: qualified leads and closed revenue. Our custom attribution model connects ad spend directly to your sales pipeline, showing exactly how social drives growth.","_cssGlobalClasses":["rgwlvw"]}},{"id":"06b9bb","name":"button","parent":"c3d3c9","children":[],"settings":{"text":"3x average ROAS within 90 days","_cssGlobalClasses":["wcweyx"],"link":{"type":"external","url":"#"}}},{"id":"556656","name":"block","parent":"f4df99","children":["cbbee6","54d8a2","79695d"],"settings":{"_cssGlobalClasses":["hdpcba"]},"label":"Column"},{"id":"cbbee6","name":"block","parent":"556656","children":["751d01"],"settings":{"_cssGlobalClasses":["usnrxj"]},"label":"Icon White Bg"},{"id":"751d01","name":"svg","parent":"cbbee6","children":[],"settings":{"_cssGlobalClasses":["mbtbws"],"file":{"id":210,"filename":"Frame-2-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Frame-2-1.svg"}},"themeStyles":[]},{"id":"54d8a2","name":"block","parent":"556656","children":["b6fbd3","0a1fcc"],"settings":{"_cssGlobalClasses":["szgaip"]}},{"id":"b6fbd3","name":"heading","parent":"54d8a2","children":[],"settings":{"text":"Tech-native expertise","_cssGlobalClasses":["melcwz"]}},{"id":"0a1fcc","name":"text-basic","parent":"54d8a2","children":[],"settings":{"text":"No more explaining your sales cycle or what MQLs mean. We've built and run growth campaigns for B2B tech companies. We understand complex products, long sales cycles, and the importance of lead quality over quantity.","_cssGlobalClasses":["rgwlvw"]}},{"id":"79695d","name":"button","parent":"556656","children":[],"settings":{"text":"40% lower cost per qualified lead","_cssGlobalClasses":["wcweyx"],"link":{"type":"external","url":"#"}}},{"id":"4b0740","name":"block","parent":"f4df99","children":["93ec67","d57f29","70ea71"],"settings":{"_cssGlobalClasses":["hdpcba"],"_border":{"width":{"right":"0"},"style":"solid"},"_padding":{"right":"0"},"_border:mobile_landscape":{"width":{"bottom":"0"}}},"label":"Column"},{"id":"93ec67","name":"block","parent":"4b0740","children":["e8d09e"],"settings":{"_cssGlobalClasses":["usnrxj"]},"label":"Icon White Bg"},{"id":"e8d09e","name":"svg","parent":"93ec67","children":[],"settings":{"_cssGlobalClasses":["mbtbws"],"file":{"id":209,"filename":"Frame-3-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Frame-3-1.svg"}},"themeStyles":[]},{"id":"d57f29","name":"block","parent":"4b0740","children":["40ffcd","941b84"],"settings":{"_cssGlobalClasses":["szgaip"]}},{"id":"40ffcd","name":"heading","parent":"d57f29","children":[],"settings":{"text":"Weekly optimization","_cssGlobalClasses":["melcwz"]}},{"id":"941b84","name":"text-basic","parent":"d57f29","children":[],"settings":{"text":"Social moves fast. Monthly reports and quarterly reviews won't cut it. We analyze performance daily, optimize weekly, and share insights in real-time. Your dedicated analyst makes data-backed decisions to improve performance continuously.","_cssGlobalClasses":["rgwlvw"]}},{"id":"70ea71","name":"button","parent":"4b0740","children":[],"settings":{"text":"18+ months average client retention","_cssGlobalClasses":["wcweyx"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"vneohb","name":"metric-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"},"_padding:mobile_landscape":{"top":"80","bottom":"80"},"_padding:mobile_portrait":{"top":"60","bottom":"60"}}},{"id":"qresdr","name":"metric-default-container","settings":{"_width":"1728"}},{"id":"sseseu","name":"metric-our-approach","settings":{"_rowGap":"96","_rowGap:mobile_landscape":"40"}},{"id":"ntyezv","name":"metric-h2","settings":{"_typography":{"font-size":"48","font-weight":"500","color":{"hex":"#171717"}},"_typography:mobile_landscape":{"font-size":"40"},"_typography:mobile_portrait":{"font-size":"32"}}},{"id":"edrcar","name":"metric-our-approach_3col-container","settings":{"_alignItems":"stretch"}},{"id":"hdpcba","name":"metric-our-approach_col","settings":{"_rowGap":"40","_border":{"width":{"right":"1","bottom":"1","top":"0","left":"0"},"style":"solid","color":{"hex":"#e1e1e1"}},"_padding":{"top":"0","right":"5%","bottom":"50","left":"5%"},"_padding:tablet_portrait":{"left":"20","right":"20","bottom":"25"},"_border:mobile_landscape":{"width":{"right":"0","bottom":"1"},"style":"solid"},"_padding:mobile_landscape":{"left":"0","right":"0","bottom":"48","top":"48"},"_padding:mobile_portrait":{"top":"32","bottom":"32"}}},{"id":"usnrxj","name":"metric-our-approach__icon-bg","settings":{"_justifyContent":"center","_alignItems":"center","_width":"56","_height":"56","_background":{"color":{"hex":"#171717"}},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_width:mobile_portrait":"48","_height:mobile_portrait":"48"}},{"id":"mbtbws","name":"metric-our-approach_icon","settings":{"_width":"32","_width:mobile_portrait":"24"}},{"id":"melcwz","name":"metric-h3","settings":{"_typography":{"font-size":"32","font-weight":"400","color":{"hex":"#171717"}},"_typography:mobile_portrait":{"font-size":"24"}}},{"id":"rgwlvw","name":"metric-our-approach_col_textarea","settings":{"_typography":{"font-size":"20","color":{"hex":"#4c4c4c"}}}},{"id":"wcweyx","name":"metric-btn_light-grey","settings":{"_padding":{"top":"8","right":"24","bottom":"8","left":"24"},"_heightMin":"48","_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_background":{"color":{"hex":"#f6f6f6"}},"_typography":{"font-size":"16","font-weight":"500","color":{"hex":"#171717"}},"_background:hover":{"color":{"hex":"#171717"}},"_typography:hover":{"color":{"hex":"#ffffff"}}}},{"id":"szgaip","name":"metric-our-approach__col-inner-block","settings":{"_rowGap":"24"}}]}

Similar components

Profile Picture
Akshay Joshi

App How It Works Section

How it works” section with step-by-step content presented in clear, easy-to-follow cards
View now
Copy now
{"id":6878,"name":"app-how-it-works-section","title":"App How It Works Section","date":"2026-03-19 07:29:05","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\/app-how-it-works-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"161097","name":"section","parent":0,"children":["76738f","78a67c"],"settings":{"_cssGlobalClasses":["app_hiw__section"]},"label":"How It Works Section"},{"id":"76738f","name":"container","parent":"161097","children":["33113e","a5a925"],"settings":{"_cssGlobalClasses":["app_hiw__header"]},"label":"Header"},{"id":"33113e","name":"text-basic","parent":"76738f","children":[],"settings":{"text":"HOW IT WORKS","tag":"span","_cssGlobalClasses":["app_hiw__badge"]},"label":"Badge"},{"id":"a5a925","name":"heading","parent":"76738f","children":[],"settings":{"text":"Schema to productionin four steps","tag":"h2","_cssGlobalClasses":["app_hiw__heading"]},"label":"Main Heading"},{"id":"78a67c","name":"container","parent":"161097","children":["35df06","221021","01fa1b","543d93"],"settings":{"_cssGlobalClasses":["app_hiw__steps-row"]},"label":"Steps Icons Row"},{"id":"35df06","name":"block","parent":"78a67c","children":["24f49c","e0e011"],"settings":{"_cssGlobalClasses":["yfncel"]}},{"id":"24f49c","name":"block","parent":"35df06","children":["4f3dfe","af7bc2"],"settings":{"_cssGlobalClasses":["app_hiw__step-icon-wrap"]},"label":"Step 1 Icon Area"},{"id":"4f3dfe","name":"block","parent":"24f49c","children":["0a1dd1"],"settings":{"_cssGlobalClasses":["app_hiw__icon-box"]},"label":"Icon Box 1"},{"id":"0a1dd1","name":"icon","parent":"4f3dfe","children":[],"settings":{"icon":{"library":"themify","icon":"ti-save"},"_cssGlobalClasses":["app_hiw__icon"]},"label":"Icon Schema","themeStyles":[]},{"id":"af7bc2","name":"text-basic","parent":"24f49c","children":[],"settings":{"text":"1","tag":"span","_cssGlobalClasses":["app_hiw__step-number"]},"label":"Step Number 1"},{"id":"e0e011","name":"block","parent":"35df06","children":["91e69e","770707"],"settings":{"_cssGlobalClasses":["app_hiw__step-content"]},"label":"Step 1 Content"},{"id":"91e69e","name":"heading","parent":"e0e011","children":[],"settings":{"text":"Define Your Schema","tag":"h3","_cssGlobalClasses":["app_hiw__step-title"]},"label":"Step 1 Title"},{"id":"770707","name":"text-basic","parent":"e0e011","children":[],"settings":{"text":"Write your API spec in OpenAPI, GraphQL, or just describe it in plain English. Our AI builds the rest.","tag":"p","_cssGlobalClasses":["app_hiw__step-text"]},"label":"Step 1 Text"},{"id":"221021","name":"block","parent":"78a67c","children":["dded95","4edbf1"],"settings":{"_cssGlobalClasses":["yfncel"]}},{"id":"dded95","name":"block","parent":"221021","children":["6c4fea","cebbb7"],"settings":{"_cssGlobalClasses":["app_hiw__step-icon-wrap"]},"label":"Step 2 Icon Area"},{"id":"6c4fea","name":"block","parent":"dded95","children":["ffc88d"],"settings":{"_cssGlobalClasses":["app_hiw__icon-box"]},"label":"Icon Box 2"},{"id":"ffc88d","name":"icon","parent":"6c4fea","children":[],"settings":{"icon":{"library":"themify","icon":"ti-ruler-pencil"},"_cssGlobalClasses":["app_hiw__icon"]},"label":"Icon Configure","themeStyles":[]},{"id":"cebbb7","name":"text-basic","parent":"dded95","children":[],"settings":{"text":"2","tag":"span","_cssGlobalClasses":["app_hiw__step-number"]},"label":"Step Number 2"},{"id":"4edbf1","name":"block","parent":"221021","children":["e005e1","79e712"],"settings":{"_cssGlobalClasses":["app_hiw__step-content"]},"label":"Step 1 Content"},{"id":"e005e1","name":"heading","parent":"4edbf1","children":[],"settings":{"text":"Configure & Customize","tag":"h3","_cssGlobalClasses":["app_hiw__step-title"]},"label":"Step 1 Title"},{"id":"79e712","name":"text-basic","parent":"4edbf1","children":[],"settings":{"text":"Set auth rules, rate limits, caching, and CORS. Point-and-click or code \u2014 your choice.","tag":"p","_cssGlobalClasses":["app_hiw__step-text"]},"label":"Step 1 Text"},{"id":"01fa1b","name":"block","parent":"78a67c","children":["d0a6d0","3cfe4a"],"settings":{"_cssGlobalClasses":["yfncel"]}},{"id":"d0a6d0","name":"block","parent":"01fa1b","children":["1701ba","f2c932"],"settings":{"_cssGlobalClasses":["app_hiw__step-icon-wrap"]},"label":"Step 3 Icon Area"},{"id":"1701ba","name":"block","parent":"d0a6d0","children":["3b1161"],"settings":{"_cssGlobalClasses":["app_hiw__icon-box"]},"label":"Icon Box 3"},{"id":"3b1161","name":"icon","parent":"1701ba","children":[],"settings":{"icon":{"library":"themify","icon":"ti-paint-roller"},"_cssGlobalClasses":["app_hiw__icon"]},"label":"Icon Deploy","themeStyles":[]},{"id":"f2c932","name":"text-basic","parent":"d0a6d0","children":[],"settings":{"text":"3","tag":"span","_cssGlobalClasses":["app_hiw__step-number"]},"label":"Step Number 3"},{"id":"3cfe4a","name":"block","parent":"01fa1b","children":["a46f11","44138b"],"settings":{"_cssGlobalClasses":["app_hiw__step-content"]},"label":"Step 1 Content"},{"id":"a46f11","name":"heading","parent":"3cfe4a","children":[],"settings":{"text":"Deploy Globally","tag":"h3","_cssGlobalClasses":["app_hiw__step-title"]},"label":"Step 1 Title"},{"id":"44138b","name":"text-basic","parent":"3cfe4a","children":[],"settings":{"text":"One click deploys to 200+ edge locations. Your API is fast everywhere, automatically.","tag":"p","_cssGlobalClasses":["app_hiw__step-text"]},"label":"Step 1 Text"},{"id":"543d93","name":"block","parent":"78a67c","children":["90a6ef","3b06af"],"settings":{"_cssGlobalClasses":["yfncel"]}},{"id":"90a6ef","name":"block","parent":"543d93","children":["dd97e1","d05909"],"settings":{"_cssGlobalClasses":["app_hiw__step-icon-wrap"]},"label":"Step 4 Icon Area"},{"id":"dd97e1","name":"block","parent":"90a6ef","children":["3bfea3"],"settings":{"_cssGlobalClasses":["app_hiw__icon-box"]},"label":"Icon Box 4"},{"id":"3bfea3","name":"icon","parent":"dd97e1","children":[],"settings":{"icon":{"library":"themify","icon":"ti-medall"},"_cssGlobalClasses":["app_hiw__icon"]},"label":"Icon Monitor","themeStyles":[]},{"id":"d05909","name":"text-basic","parent":"90a6ef","children":[],"settings":{"text":"4","tag":"span","_cssGlobalClasses":["app_hiw__step-number"]},"label":"Step Number 4"},{"id":"3b06af","name":"block","parent":"543d93","children":["52eaaa","dce12b"],"settings":{"_cssGlobalClasses":["app_hiw__step-content"]},"label":"Step 1 Content"},{"id":"52eaaa","name":"heading","parent":"3b06af","children":[],"settings":{"text":"Monitor & Scale","tag":"h3","_cssGlobalClasses":["app_hiw__step-title"]},"label":"Step 1 Title"},{"id":"dce12b","name":"text-basic","parent":"3b06af","children":[],"settings":{"text":"Watch real-time dashboards, set alerts, and scale from 0 to millions of requests without config changes.","tag":"p","_cssGlobalClasses":["app_hiw__step-text"]},"label":"Step 1 Text"}],"templateType":"section","global_classes":[{"id":"app_hiw__section","name":"app_hiw__section","settings":{"_background":{"color":{"hex":"#f8faf9"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_rowGap":"60"}},{"id":"app_hiw__header","name":"app_hiw__header","settings":{"_display":"flex","_direction":"column","_alignItems":"center","_rowGap":"20","_widthMax":"100%","_width":"1240","_textAlign":"center"}},{"id":"app_hiw__badge","name":"app_hiw__badge","settings":{"_typography":{"font-size":"12","font-weight":"700","letter-spacing":"0.1em","text-transform":"uppercase","color":{"hex":"#2dc88c"}},"_background":{"color":{"hex":"#d4f0e5"}},"_padding":{"top":"7","bottom":"7","left":"18","right":"18"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_display":"inline-block"}},{"id":"app_hiw__heading","name":"app_hiw__heading","settings":{"_typography":{"font-family":"Inter","font-size":"64","font-weight":"900","line-height":"1.1","text-align":"center","color":{"hex":"#0f1c18"}},"_typography:tablet_portrait":{"font-size":"48"},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"30"}}},{"id":"app_hiw__steps-row","name":"app_hiw__steps-row","settings":{"_display":"flex","_direction":"row","_alignItems":"flex-start","_justifyContent":"center","_columnGap":"0","_widthMax":"100%","_width":"1240","_direction:tablet_portrait":"column","_display:tablet_portrait":"grid","_gridGap:tablet_portrait":"20","_gridTemplateColumns:tablet_portrait":"repeat(2,1fr)","_gridTemplateColumns:mobile_landscape":"repeat(1,1fr)"}},{"id":"app_hiw__step-icon-wrap","name":"app_hiw__step-icon-wrap","settings":{"_display":"flex","_alignItems":"center","_justifyContent":"flex-start","_position":"relative"}},{"id":"app_hiw__icon-box","name":"app_hiw__icon-box","settings":{"_background":{"color":{"hex":"#f0f4f2"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#e2ebe7"}},"_width":"110","_height":"110","_display":"flex","_alignItems":"center","_justifyContent":"center","_cssCustom":".app_hiw__icon-box { transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; cursor: pointer; } .app_hiw__step-icon-wrap:hover .app_hiw__icon-box { background: #2dc88c; border-color: #2dc88c; box-shadow: 0 8px 28px rgba(45, 200, 140, 0.35); } .app_hiw__step-icon-wrap:hover .app_hiw__icon { color: #ffffff; transform: scale(1.15); }"}},{"id":"app_hiw__icon","name":"app_hiw__icon","settings":{"_typography":{"font-size":"32","color":{"hex":"#8aA49c"}},"_cssCustom":".app_hiw__icon { transition: color 0.3s ease, transform 0.3s ease; }"}},{"id":"app_hiw__step-number","name":"app_hiw__step-number","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"700","color":{"hex":"#ffffff"}},"_background":{"color":{"hex":"#2dc88c"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_width":"26","_height":"26","_display":"flex","_alignItems":"center","_justifyContent":"center","_position":"absolute","_top":"-10","_right":"0","_zIndex":"2","_cssCustom":".app_hiw__step-number { line-height: 1; text-align: center; }"},"modified":1772825822,"user_id":1},{"id":"app_hiw__step-content","name":"app_hiw__step-content","settings":{"_display":"flex","_direction":"column","_rowGap":"12","_alignItems":"center","_textAlign":"center"}},{"id":"app_hiw__step-title","name":"app_hiw__step-title","settings":{"_typography":{"font-family":"Inter","font-size":"20","font-weight":"700","line-height":"1.3","text-align":"center","color":{"hex":"#0f1c18"}}}},{"id":"app_hiw__step-text","name":"app_hiw__step-text","settings":{"_typography":{"font-family":"Inter","font-size":"15","font-weight":"400","line-height":"1.7","text-align":"center","color":{"hex":"#6b7f78"}}}},{"id":"yfncel","name":"app_hiw__step-block","settings":{"_columnGap":"20","_rowGap":"20"},"modified":1773496003,"user_id":1}]}
Profile Picture
Akshay Joshi

App Proof Section

Two-column layout section featuring a strong heading, card elements, and a clear call-to-action
View now
Copy now
{"id":6877,"name":"app-proof-section-2","title":"App Proof Section","date":"2026-03-19 07:28:38","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\/app-proof-section-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"1b3ee2","name":"section","parent":0,"children":["6cca0e"],"settings":{"_cssGlobalClasses":["app_proof__section"]},"label":"Proof Section"},{"id":"6cca0e","name":"container","parent":"1b3ee2","children":["a35318","1c4d3e"],"settings":{"_cssGlobalClasses":["app_proof__grid"]},"label":"2-Col Grid"},{"id":"a35318","name":"block","parent":"6cca0e","children":["a25659","ffd0b5","f557db","37ceb8","101ba9"],"settings":{"_cssGlobalClasses":["app_proof__left"]},"label":"Left Col"},{"id":"a25659","name":"text-basic","parent":"a35318","children":[],"settings":{"text":"BATTLE-TESTED","tag":"span","_cssGlobalClasses":["app_proof__badge"]},"label":"Badge"},{"id":"ffd0b5","name":"heading","parent":"a35318","children":[],"settings":{"text":"Built for scale.Trusted at every step.","tag":"h2","_cssGlobalClasses":["app_proof__heading"]},"label":"Heading"},{"id":"f557db","name":"text-basic","parent":"a35318","children":[],"settings":{"_cssGlobalClasses":["app_proof__body"],"text":"From your first endpoint to your billionth request \u2014 APIFlow handles the infrastructure so your team stays focused on shipping features, not firefighting failures.","tag":"p"},"label":"Body Text"},{"id":"37ceb8","name":"block","parent":"a35318","children":["35aa66","033225","096a64"],"settings":{"_cssGlobalClasses":["app_proof__pills-row"]},"label":"Stat Pills"},{"id":"35aa66","name":"block","parent":"37ceb8","children":["dd8ad6","d7000b"],"settings":{"_cssGlobalClasses":["app_proof__pill"]},"label":"Pill"},{"id":"dd8ad6","name":"icon","parent":"35aa66","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-icon"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-heart-pulse"}},"label":"Pill Icon","themeStyles":[]},{"id":"d7000b","name":"text-basic","parent":"35aa66","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-text"],"text":"99.99% uptime","tag":"span"},"label":"Pill Text"},{"id":"033225","name":"block","parent":"37ceb8","children":["8a980d","4197a9"],"settings":{"_cssGlobalClasses":["app_proof__pill"]},"label":"Pill"},{"id":"8a980d","name":"icon","parent":"033225","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-icon"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-bolt"}},"label":"Pill Icon","themeStyles":[]},{"id":"4197a9","name":"text-basic","parent":"033225","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-text"],"text":"23ms avg latency","tag":"span"},"label":"Pill Text"},{"id":"096a64","name":"block","parent":"37ceb8","children":["0346f2","291909"],"settings":{"_cssGlobalClasses":["app_proof__pill"]},"label":"Pill"},{"id":"0346f2","name":"icon","parent":"096a64","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-icon"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-earth-americas"}},"label":"Pill Icon","themeStyles":[]},{"id":"291909","name":"text-basic","parent":"096a64","children":[],"settings":{"text":"200+ edge nodes","_cssGlobalClasses":["app_proof__pill-text"],"tag":"span"},"label":"Pill Text"},{"id":"101ba9","name":"button","parent":"a35318","children":[],"settings":{"_cssGlobalClasses":["app_proof__cta"],"text":"See how it scales \u2192","style":"primary","link":{"type":"external","url":"#"}},"label":"CTA Button"},{"id":"1c4d3e","name":"block","parent":"6cca0e","children":["fd6146","a8eb72"],"settings":{"_cssGlobalClasses":["app_proof__right"]},"label":"Right Col - Stacked Cards"},{"id":"fd6146","name":"block","parent":"1c4d3e","children":["b8fdef","2b979b","85381b"],"settings":{"_cssGlobalClasses":["app_proof__card","app_proof__card--back"]},"label":"Card Back (API)"},{"id":"b8fdef","name":"block","parent":"fd6146","children":["eccece","f552e3"],"settings":{"_cssGlobalClasses":["app_proof__card-header"]},"label":"Card Back Header"},{"id":"eccece","name":"icon","parent":"b8fdef","children":[],"settings":{"_cssGlobalClasses":["app_proof__card-icon","app_proof__card-icon--terminal"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-terminal"}},"label":"Terminal Icon","themeStyles":[]},{"id":"f552e3","name":"text-basic","parent":"b8fdef","children":[],"settings":{"text":"API Request","_cssGlobalClasses":["app_proof__card-label"],"tag":"span"},"label":"Card Back Label"},{"id":"2b979b","name":"text-basic","parent":"fd6146","children":[],"settings":{"_cssGlobalClasses":["app_proof__card-code"],"text":"POST \/api\/v1\/deployAuthorization: Bearer \u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"},"label":"Code Line"},{"id":"85381b","name":"block","parent":"fd6146","children":["67e122","e5f240"],"settings":{"_cssGlobalClasses":["app_proof__card-status-row"]},"label":"Status Row"},{"id":"67e122","name":"block","parent":"85381b","children":["ec7772","167c99"],"settings":{"_cssGlobalClasses":["sjehiw"]}},{"id":"ec7772","name":"icon","parent":"67e122","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-checkmark"},"_cssGlobalClasses":["jehiqq"]}},{"id":"167c99","name":"text-basic","parent":"67e122","children":[],"settings":{"text":"200 OK","tag":"span","_cssGlobalClasses":["app_proof__status-ok"]},"label":"Status OK"},{"id":"e5f240","name":"text-basic","parent":"85381b","children":[],"settings":{"_cssGlobalClasses":["app_proof__status-time"],"text":"18ms","tag":"span"},"label":"Status Time"},{"id":"a8eb72","name":"block","parent":"1c4d3e","children":["499f9d","423863","f4fd30"],"settings":{"_cssGlobalClasses":["app_proof__card","app_proof__card--front"]},"label":"Card Front (Metrics)"},{"id":"499f9d","name":"block","parent":"a8eb72","children":["53bd29","320cef"],"settings":{"_cssGlobalClasses":["app_proof__card-header"]},"label":"Card Front Header"},{"id":"53bd29","name":"icon","parent":"499f9d","children":[],"settings":{"_cssGlobalClasses":["app_proof__card-icon","app_proof__card-icon--chart"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-chart-line"}},"label":"Chart Icon","themeStyles":[]},{"id":"320cef","name":"text-basic","parent":"499f9d","children":[],"settings":{"text":"Requests this month","tag":"span","_cssGlobalClasses":["app_proof__card-label"]},"label":"Card Front Label"},{"id":"423863","name":"heading","parent":"a8eb72","children":[],"settings":{"text":"1,247,839","tag":"h3","_cssGlobalClasses":["app_proof__card-number"]},"label":"Big Number"},{"id":"f4fd30","name":"block","parent":"a8eb72","children":["8fea13","524c2e"],"settings":{"_cssGlobalClasses":["tcqnqw"]}},{"id":"8fea13","name":"icon","parent":"f4fd30","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-arrow-up"},"_cssGlobalClasses":["ofgapx"]}},{"id":"524c2e","name":"text-basic","parent":"f4fd30","children":[],"settings":{"text":"24% from last month","tag":"span","_cssGlobalClasses":["app_proof__card-trend"]},"label":"Trend"}],"templateType":"section","global_classes":[{"id":"app_proof__section","name":"app_proof__section","settings":{"_background":{"color":{"hex":"#f4f8f6"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"}}},{"id":"app_proof__grid","name":"app_proof__grid","settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr","_gridGap":"80","_alignItems":"center","_widthMax":"100%","_width":"1240","_gridTemplateColumns:tablet_portrait":"1fr","_gridGap:tablet_portrait":"48"}},{"id":"app_proof__left","name":"app_proof__left","settings":{"_display":"flex","_direction":"column","_rowGap":"28","_alignItems":"flex-start"}},{"id":"app_proof__badge","name":"app_proof__badge","settings":{"_typography":{"font-size":"12","font-weight":"700","letter-spacing":"0.1em","text-transform":"uppercase","color":{"hex":"#2dc88c"}},"_background":{"color":{"hex":"#d4f0e5"}},"_padding":{"top":"6","bottom":"6","left":"14","right":"14"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_display":"inline-block"}},{"id":"app_proof__heading","name":"app_proof__heading","settings":{"_typography":{"font-family":"Inter","font-size":"56","font-weight":"900","line-height":"1.1","color":{"hex":"#0f1c18"}},"_typography:tablet_portrait":{"font-size":"42"},"_typography:mobile_landscape":{"font-size":"34"}}},{"id":"app_proof__body","name":"app_proof__body","settings":{"_typography":{"font-family":"Inter","font-size":"17","font-weight":"400","line-height":"1.75","color":{"hex":"#6b7f78"}}}},{"id":"app_proof__pills-row","name":"app_proof__pills-row","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"12","_rowGap":"10","_cssCustom":".app_proof__pills-row { flex-wrap: wrap; }"}},{"id":"app_proof__pill","name":"app_proof__pill","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"7","_background":{"color":{"hex":"#ffffff"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#e2ebe7"}},"_padding":{"top":"8","bottom":"8","left":"14","right":"14"},"_boxShadow":{"values":{"offsetX":"0","offsetY":"2","blur":"8","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.04)"}},"_width":"max-content"},"modified":1773395522,"user_id":1},{"id":"app_proof__pill-icon","name":"app_proof__pill-icon","settings":{"_typography":{"font-size":"13","color":{"hex":"#2dc88c"}}}},{"id":"app_proof__pill-text","name":"app_proof__pill-text","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"600","color":{"hex":"#2a4a3e"}}}},{"id":"app_proof__cta","name":"app_proof__cta","settings":{"_background":{"color":{"hex":"#0f1c18"}},"_typography":{"font-family":"Inter","font-size":"15","font-weight":"700","color":{"hex":"#ffffff"}},"_padding":{"top":"16","bottom":"16","left":"32","right":"32"},"_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"}},"_cssCustom":".app_proof__cta { transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .app_proof__cta:hover { background: #1a3028; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }"}},{"id":"app_proof__right","name":"app_proof__right","settings":{"_position":"relative","_height":"380","_cssCustom":".app_proof__right { display: flex; align-items: flex-end; justify-content: flex-end; }"}},{"id":"app_proof__card","name":"app_proof__card","settings":{"_position":"absolute","_display":"flex","_direction":"column","_rowGap":"16","_padding":{"top":"24","bottom":"24","left":"24","right":"24"},"_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.10)"}},"_width":"320","_cssCustom":".app_proof__card { transition: transform 0.35s ease; }"}},{"id":"app_proof__card--back","name":"app_proof__card--back","settings":{"_background":{"color":{"hex":"#0f1c18"}},"_cssCustom":".app_proof__card--back { top: 0; left: 0; transform: rotate(-3deg) translateY(-12px); z-index: 1; box-shadow: 0 12px 40px rgba(0,0,0,0.3); } .app_proof__right:hover .app_proof__card--back { transform: rotate(-5deg) translateY(-20px); }"}},{"id":"app_proof__card--front","name":"app_proof__card--front","settings":{"_background":{"color":{"hex":"#ffffff"}},"_cssCustom":".app_proof__card--front { bottom: 0; right: 0; z-index: 2; box-shadow: 0 16px 48px rgba(0,0,0,0.12), 0 0 0 1px rgba(45,200,140,0.15); } .app_proof__right:hover .app_proof__card--front { transform: translateY(-8px); }"}},{"id":"app_proof__card-header","name":"app_proof__card-header","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"10"}},{"id":"app_proof__card-icon","name":"app_proof__card-icon","settings":{"_typography":{"font-size":"16"}}},{"id":"app_proof__card-icon--terminal","name":"app_proof__card-icon--terminal","settings":{"_typography":{"color":{"hex":"#2dc88c"}}}},{"id":"app_proof__card-icon--chart","name":"app_proof__card-icon--chart","settings":{"_typography":{"color":{"hex":"#2dc88c"}}}},{"id":"app_proof__card-label","name":"app_proof__card-label","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"600","color":{"hex":"#6b7f78"}}}},{"id":"app_proof__card-code","name":"app_proof__card-code","settings":{"_typography":{"font-family":"monospace","font-size":"13","line-height":"1.8","color":{"hex":"#c8d8d2"}},"_background":{"color":{"hex":"#161e1b"}},"_padding":{"top":"14","bottom":"14","left":"16","right":"16"},"_border":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}}}},{"id":"app_proof__card-status-row","name":"app_proof__card-status-row","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_justifyContent":"space-between"}},{"id":"app_proof__status-ok","name":"app_proof__status-ok","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"700","color":{"hex":"#2dc88c"}}}},{"id":"app_proof__status-time","name":"app_proof__status-time","settings":{"_typography":{"font-family":"monospace","font-size":"13","color":{"hex":"#4a6b60"}},"_background":{"color":{"hex":"#161e1b"}},"_padding":{"top":"3","bottom":"3","left":"10","right":"10"},"_border":{"radius":{"top":"6","right":"6","bottom":"6","left":"6"}}}},{"id":"app_proof__card-number","name":"app_proof__card-number","settings":{"_typography":{"font-family":"Inter","font-size":"40","font-weight":"900","line-height":"1","color":{"hex":"#0f1c18"}}}},{"id":"app_proof__card-trend","name":"app_proof__card-trend","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"600","color":{"hex":"#2dc88c"}}}},{"id":"sjehiw","name":"app_proof__status-ok--block","settings":{"_direction":"row","_alignItems":"center","_columnGap":"5"},"modified":1773401399,"user_id":1},{"id":"jehiqq","name":"app_proof__status-ok--icon","settings":{"iconSize":"14","_typography":{"color":{"raw":"#2dc88c"}}},"modified":1773401399,"user_id":1},{"id":"tcqnqw","name":"app_proof__card-trend--block","settings":{"_direction":"row","_alignItems":"center","_columnGap":"5","_rowGap":"5"},"modified":1773401399,"user_id":1},{"id":"ofgapx","name":"app_proof__card-trend--icon","settings":{"iconSize":"12","iconColor":{"raw":"#2dc88c"}},"modified":1773401399,"user_id":1}]}
Profile Picture
Akshay Joshi

App Feature Section API

Feature-focused section with visually rich cards highlighting key functionalities, benefits, and use cases in a clean, organized layout
View now
Copy now
{"id":6879,"name":"app-feature-section-api","title":"App Feature Section API","date":"2026-03-19 07:29:28","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\/app-feature-section-api\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"dfb1f2","name":"section","parent":0,"children":["302986","49427f"],"settings":{"_cssGlobalClasses":["feature__section"]},"label":"Feature Section API"},{"id":"302986","name":"container","parent":"dfb1f2","children":["955e03","1a7ee5"],"settings":{"_cssGlobalClasses":["feature__header-container"]},"label":"Header Row"},{"id":"955e03","name":"block","parent":"302986","children":["1a347c","1b3e3d"],"settings":{"_cssGlobalClasses":["feature__header-left"]},"label":"Left Column"},{"id":"1a347c","name":"text-basic","parent":"955e03","children":[],"settings":{"text":"FEATURES","tag":"span","_cssGlobalClasses":["feature__badge"]},"label":"Badge"},{"id":"1b3e3d","name":"heading","parent":"955e03","children":[],"settings":{"text":"Everything your API needs","tag":"h2","_cssGlobalClasses":["feature__heading"]},"label":"Main Heading"},{"id":"1a7ee5","name":"block","parent":"302986","children":["b0ad70"],"settings":{"_cssGlobalClasses":["feature__header-right"]},"label":"Right Column"},{"id":"b0ad70","name":"text-basic","parent":"1a7ee5","children":[],"settings":{"text":"From schema to production in minutes. Every tool, every safeguard, every insight \u2014 in one platform.","tag":"p","_cssGlobalClasses":["feature__description"]},"label":"Description"},{"id":"49427f","name":"container","parent":"dfb1f2","children":["f62bb7","b44515"],"settings":{"_cssGlobalClasses":["feature__cards-container"]},"label":"Cards Row"},{"id":"f62bb7","name":"block","parent":"49427f","children":["816461","08dd56","dd5e01"],"settings":{"_cssGlobalClasses":["feature__card"]},"label":"Card 1 - Auto-Generated Docs"},{"id":"816461","name":"block","parent":"f62bb7","children":["29c12c"],"settings":{"_cssGlobalClasses":["feature__card-icon-wrap"]},"label":"Card 1 Icon Wrapper"},{"id":"29c12c","name":"icon","parent":"816461","children":[],"settings":{"icon":{"library":"themify","icon":"ti-pencil-alt"},"_cssGlobalClasses":["feature__card-icon"]},"label":"Icon Docs","themeStyles":[]},{"id":"08dd56","name":"heading","parent":"f62bb7","children":[],"settings":{"text":"Auto-Generated Docs","tag":"h3","_cssGlobalClasses":["feature__card-title"]},"label":"Card 1 Title"},{"id":"dd5e01","name":"text-basic","parent":"f62bb7","children":[],"settings":{"text":"Your API schema becomes beautiful, interactive documentation \u2014 automatically. Always in sync, never outdated.","tag":"p","_cssGlobalClasses":["feature__card-text"]},"label":"Card 1 Text"},{"id":"b44515","name":"block","parent":"49427f","children":["31750e","1d5007","2e5133"],"settings":{"_cssGlobalClasses":["feature__card"]},"label":"Card 2 - Instant SDK Generation"},{"id":"31750e","name":"block","parent":"b44515","children":["8215db"],"settings":{"_cssGlobalClasses":["feature__card-icon-wrap"]},"label":"Card 2 Icon Wrapper"},{"id":"8215db","name":"icon","parent":"31750e","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-barcode"},"_cssGlobalClasses":["feature__card-icon"]},"label":"Icon SDK","themeStyles":[]},{"id":"1d5007","name":"heading","parent":"b44515","children":[],"settings":{"text":"Instant SDK Generation","tag":"h3","_cssGlobalClasses":["feature__card-title"]},"label":"Card 2 Title"},{"id":"2e5133","name":"text-basic","parent":"b44515","children":[],"settings":{"text":"One click generates type-safe SDKs for TypeScript, Python, Go, Ruby, and more. Ship client libraries without writing them.","tag":"p","_cssGlobalClasses":["feature__card-text"]},"label":"Card 2 Text"}],"templateType":"section","global_classes":[{"id":"feature__section","name":"feature__section","settings":{"_background":{"color":{"hex":"#edf4f2"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_rowGap":"60"}},{"id":"feature__header-container","name":"feature__header-container","settings":{"_display":"flex","_direction":"row","_alignItems":"flex-end","_justifyContent":"space-between","_columnGap":"40","_widthMax":"100%","_width":"1240","_direction:tablet_portrait":"column","_alignItems:tablet_portrait":"flex-start"}},{"id":"feature__header-left","name":"feature__header-left","settings":{"_width":"55%","_rowGap":"16","_width:tablet_portrait":"100%"}},{"id":"feature__badge","name":"feature__badge","settings":{"_typography":{"font-size":"13","font-weight":"600","letter-spacing":"0.08em","text-transform":"uppercase","color":{"hex":"#2daa85"}},"_background":{"color":{"hex":"#d4ede7"}},"_padding":{"top":"6","bottom":"6","left":"14","right":"14"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_display":"inline-block"}},{"id":"feature__heading","name":"feature__heading","settings":{"_typography":{"font-family":"Inter","font-size":"58","font-weight":"800","line-height":"1.1","color":{"hex":"#0f1c18"}},"_typography:tablet_portrait":{"font-size":"44"},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"30"}}},{"id":"feature__header-right","name":"feature__header-right","settings":{"_width":"30%","_width:tablet_portrait":"100%"}},{"id":"feature__description","name":"feature__description","settings":{"_typography":{"font-size":"18","font-family":"Inter","font-weight":"400","line-height":"1.6","color":{"hex":"#6b7280"},"text-align":"right"},"_typography:tablet_portrait":{"text-align":"left"}}},{"id":"feature__cards-container","name":"feature__cards-container","settings":{"_display":"grid","_gridTemplateColumns":"repeat(2, 1fr)","_gridGap":"24","_widthMax":"100%","_width":"1240","_gridTemplateColumns:tablet_portrait":"repeat(1, 1fr)","_gridTemplateColumns:mobile_landscape":"repeat(1, 1fr)"}},{"id":"feature__card","name":"feature__card","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"32","bottom":"40","left":"32","right":"32"},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"2","blur":"12","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.06)"}},"_rowGap":"16","_display":"flex","_direction":"column","_cssCustom":".feature__card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.10); transform: translateY(-2px); } .feature__card { transition: box-shadow 0.3s ease, transform 0.3s ease; position: relative; }","_position":"relative"},"modified":1772824568,"user_id":1},{"id":"feature__card-icon-wrap","name":"feature__card-icon-wrap","settings":{"_background":{"color":{"hex":"#d4ede7"}},"_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"}},"_padding":{"top":"14","bottom":"14","left":"14","right":"14"},"_width":"52","_height":"52","_display":"flex","_alignItems":"center","_justifyContent":"center"}},{"id":"feature__card-icon","name":"feature__card-icon","settings":{"_typography":{"font-size":"22","color":{"hex":"#2daa85"}}}},{"id":"feature__card-title","name":"feature__card-title","settings":{"_typography":{"font-family":"Inter","font-size":"22","font-weight":"700","line-height":"1.3","color":{"hex":"#0f1c18"}},"_margin":{"top":"8"}}},{"id":"feature__card-text","name":"feature__card-text","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","line-height":"1.65","color":{"hex":"#6b7280"}}}}]}

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