Profile Picture
Julian Galluzzo

InvestKit News Section

Show off what's happening in your company with this bento-grid style news or features section!
Copy component
Download JSON
{"content":[{"id":"sqmxle","name":"section","parent":0,"children":["tbgoxr"],"settings":{"_cssGlobalClasses":["upnjxa"]},"label":"News"},{"id":"tbgoxr","name":"container","parent":"sqmxle","children":["kkwizb","tpzfxw"],"settings":[]},{"id":"kkwizb","name":"block","parent":"tbgoxr","children":["uhpqyi","oioltg","bcsvqd"],"settings":{"_cssGlobalClasses":["fgspxo"]},"label":"Header Wrap"},{"id":"uhpqyi","name":"icon","parent":"kkwizb","children":[],"settings":{"icon":{"library":"svg","svg":{"id":32,"filename":"Group-54.svg","url":"https://investkit-ui.local/wp-content/uploads/2025/03/Group-54.svg"},"height":"30","width":"30"},"_cssGlobalClasses":["shswkx"]},"themeStyles":[]},{"id":"oioltg","name":"heading","parent":"kkwizb","children":[],"settings":{"text":"Stay up to date","tag":"h2","_cssGlobalClasses":["nvamro"],"_margin":{"bottom":"15"}}},{"id":"bcsvqd","name":"text-basic","parent":"kkwizb","children":[],"settings":{"text":"Want the latest news from Company?","_cssGlobalClasses":["fjolnv"],"_widthMax":"450"},"label":"Paragraph"},{"id":"tpzfxw","name":"block","parent":"tbgoxr","children":["yljsyk","woxeoh","whyyzi","zmxoqg","aztfie","zkdiij"],"settings":{"_cssGlobalClasses":["zbwlsj"]},"label":"Grid"},{"id":"yljsyk","name":"block","parent":"tpzfxw","children":["cmiymx"],"settings":{"_cssGlobalClasses":["oxqtho"]},"label":"Picture Card"},{"id":"cmiymx","name":"block","parent":"yljsyk","children":["yhjnyq"],"settings":{"_cssGlobalClasses":["vhzldg"]},"label":"Picture Card Inner"},{"id":"yhjnyq","name":"block","parent":"cmiymx","children":["lcvcgb","drxkzu","avdlns"],"settings":{"_cssGlobalClasses":["tfaiof"]},"label":"Content Wrap"},{"id":"lcvcgb","name":"heading","parent":"yhjnyq","children":[],"settings":{"text":"Register for Company Event 2025","_cssGlobalClasses":["ulvodx","gseghp"]}},{"id":"drxkzu","name":"text-basic","parent":"yhjnyq","children":[],"settings":{"text":"Our premier conference on global payments is hosted in New York, Tokyo, and Barcelona.","_cssGlobalClasses":["fjolnv","rrnxgh"]}},{"id":"avdlns","name":"button","parent":"yhjnyq","children":[],"settings":{"text":"Register","style":"primary","_cssGlobalClasses":["setizc"]}},{"id":"woxeoh","name":"block","parent":"tpzfxw","children":["xdfoah","yjfwzs","cnjxcm"],"settings":{"_cssGlobalClasses":["osfrob"]},"label":"Card"},{"id":"xdfoah","name":"heading","parent":"woxeoh","children":[],"settings":{"text":"Stay updated!","_cssGlobalClasses":["ulvodx","gseghp"]}},{"id":"yjfwzs","name":"text-basic","parent":"woxeoh","children":[],"settings":{"text":"Interested in the latest updates from the company?","_cssGlobalClasses":["fjolnv","hfpviz"]}},{"id":"cnjxcm","name":"button","parent":"woxeoh","children":[],"settings":{"text":"Visit our blog","style":"primary","_cssGlobalClasses":["setizc","btwqut"]}},{"id":"whyyzi","name":"block","parent":"tpzfxw","children":["trdvdf","xdjijw","xtxdnz"],"settings":{"_cssGlobalClasses":["osfrob"]},"label":"Card"},{"id":"trdvdf","name":"heading","parent":"whyyzi","children":[],"settings":{"text":"Why we teamed up with Google","_cssGlobalClasses":["ulvodx","gseghp"]}},{"id":"xdjijw","name":"text-basic","parent":"whyyzi","children":[],"settings":{"text":"The partnership aims to accelerate innovation and enhance capabilities.","_cssGlobalClasses":["fjolnv","hfpviz"]}},{"id":"xtxdnz","name":"button","parent":"whyyzi","children":[],"settings":{"text":"Learn more","style":"primary","_cssGlobalClasses":["setizc","btwqut"]}},{"id":"zmxoqg","name":"block","parent":"tpzfxw","children":["gslfyp"],"settings":{"_cssGlobalClasses":["oxqtho"],"_background":{"image":{"id":69,"filename":"modern-building.jpeg","size":"large","full":"https://investkit-ui.local/wp-content/uploads/2025/03/modern-building.jpeg","url":"https://investkit-ui.local/wp-content/uploads/2025/03/modern-building-1024x768.jpeg"}}},"label":"Picture Card"},{"id":"gslfyp","name":"block","parent":"zmxoqg","children":["yoslaw"],"settings":{"_cssGlobalClasses":["vhzldg"]},"label":"Picture Card Inner"},{"id":"yoslaw","name":"block","parent":"gslfyp","children":["nxbbwp","jtsizv","cxgdee"],"settings":{"_cssGlobalClasses":["tfaiof"]},"label":"Content Wrap"},{"id":"nxbbwp","name":"heading","parent":"yoslaw","children":[],"settings":{"text":"Global Payments Innovation Summit 2023","_cssGlobalClasses":["ulvodx","gseghp"]}},{"id":"jtsizv","name":"text-basic","parent":"yoslaw","children":[],"settings":{"text":"In 2023, our company hosted the \"Global Payments Innovation Summit,\" bringing together leaders from finance and technology.","_cssGlobalClasses":["fjolnv","rrnxgh"]}},{"id":"cxgdee","name":"button","parent":"yoslaw","children":[],"settings":{"text":"Register","style":"primary","_cssGlobalClasses":["setizc"]}},{"id":"aztfie","name":"block","parent":"tpzfxw","children":["labddw"],"settings":{"_cssGlobalClasses":["oxqtho"],"_background":{"image":{"id":70,"filename":"office.jpeg","size":"large","full":"https://investkit-ui.local/wp-content/uploads/2025/03/office.jpeg","url":"https://investkit-ui.local/wp-content/uploads/2025/03/office-1024x683.jpeg"}}},"label":"Picture Card"},{"id":"labddw","name":"block","parent":"aztfie","children":["zmmtmq"],"settings":{"_cssGlobalClasses":["vhzldg"]},"label":"Picture Card Inner"},{"id":"zmmtmq","name":"block","parent":"labddw","children":["mwaxyd","arhhhc","ipbian"],"settings":{"_cssGlobalClasses":["tfaiof"]},"label":"Content Wrap"},{"id":"mwaxyd","name":"heading","parent":"zmmtmq","children":[],"settings":{"text":"About us","_cssGlobalClasses":["ulvodx","gseghp"]}},{"id":"arhhhc","name":"text-basic","parent":"zmmtmq","children":[],"settings":{"text":"Find out how Company began, what we specialize in, and who we partner with.","_cssGlobalClasses":["rrnxgh"]}},{"id":"ipbian","name":"button","parent":"zmmtmq","children":[],"settings":{"text":"Learn more","style":"primary","_cssGlobalClasses":["setizc"]}},{"id":"zkdiij","name":"block","parent":"tpzfxw","children":["kyjcrg","mxfoef","morooc"],"settings":{"_cssGlobalClasses":["osfrob"]},"label":"Card"},{"id":"kyjcrg","name":"heading","parent":"zkdiij","children":[],"settings":{"_cssGlobalClasses":["ulvodx","gseghp"],"text":"Achievements we're proud of"}},{"id":"mxfoef","name":"text-basic","parent":"zkdiij","children":[],"settings":{"text":"In 2023, we expanded to 50+ countries, improving cross-border payments and setting new security standards.","_cssGlobalClasses":["fjolnv","hfpviz"]}},{"id":"morooc","name":"button","parent":"zkdiij","children":[],"settings":{"text":"Learn more","style":"primary","_cssGlobalClasses":["setizc","btwqut"]}}],"source":"bricksCopiedElements","sourceUrl":"https://investkit-ui.local","version":"1.12.3","globalClasses":[{"id":"upnjxa","name":"section-default","settings":{"_background":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"}},"_typography":{"color":{"hex":"#ffffff","id":"xtezot","name":"Color #2"},"font-family":"Inter"},"_padding":{"bottom":"75","top":"75","left":"5%","right":"5%"}}},{"id":"fgspxo","name":"header-wrap--center","settings":{"_widthMax":"600","_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_typography":{"text-align":"center"},"_margin":{"bottom":"50"}}},{"id":"shswkx","name":"swirl-icon","settings":{"_margin":{"bottom":"20"},"iconSize":"30"}},{"id":"nvamro","name":"h2","settings":{"_typography":{"font-family":"Bricolage Grotesque","font-size":"45","line-height":"50px","font-weight":"700"},"_typography:mobile_portrait":{"font-size":"40","line-height":"45px"}}},{"id":"fjolnv","name":"paragraph","settings":{"_opacity":"0.7"}},{"id":"zbwlsj","name":"news__grid","settings":{"_display":"grid","_gridGap":"30","_gridTemplateColumns":"1fr 1fr 1fr","_display:mobile_landscape":"flex"},"modified":1742295652,"user_id":1},{"id":"oxqtho","name":"news__picture-card","settings":{"_cssCustom":".news__picture-card {\n grid-column: span 2;\n}","_background":{"image":{"id":65,"filename":"leaves.jpeg","size":"full","full":"https://investkit-ui.local/wp-content/uploads/2025/03/leaves.jpeg","url":"https://investkit-ui.local/wp-content/uploads/2025/03/leaves.jpeg"}},"_gradient":[],"_overflow":"clip","_border":{"radius":{"top":"7","right":"7","bottom":"7","left":"7"}},"_height":"400"},"modified":1742295197,"user_id":1},{"id":"vhzldg","name":"news__picture-card-inner","settings":{"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.5)","hsl":"hsla(0, 0%, 0%, 0.5)"}},"_width":"100%","_height":"100%","_alignItems":"flex-start","_justifyContent":"flex-end","_padding":{"top":"30","right":"30","bottom":"30","left":"30"}},"modified":1742295197,"user_id":1},{"id":"tfaiof","name":"news__content-wrap","settings":{"_widthMax":"460"}},{"id":"ulvodx","name":"h3","settings":{"_typography":{"font-family":"Bricolage Grotesque","font-size":"35","line-height":"50px"}}},{"id":"gseghp","name":"h3--benefits","settings":{"_margin":{"bottom":"15"}}},{"id":"rrnxgh","name":"paragraph--news","settings":{"_margin":{"bottom":"25"},"_typography":{"color":{"hex":"#ffffff","id":"xtezot","name":"Color #2"}},"_opacity":"1"},"modified":1742295197,"user_id":1},{"id":"setizc","name":"button","settings":{"_background":{"color":{"hex":"#00fe4a","id":"darnpu","name":"Color #3"}},"_typography":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"},"font-family":"Bricolage Grotesque","font-weight":"400"},"_padding":{"bottom":"15","top":"15","left":"30","right":"30"},"_border":{"radius":{"right":"50","top":"50","bottom":"50","left":"50"}},"_opacity:hover":"0.7","_cssTransition":"0.25s"}},{"id":"osfrob","name":"news__card","settings":{"_background":{"color":{"hex":"#1a393e","id":"cvszxc","name":"Color #4"}},"_border":{"radius":{"top":"7","right":"7","bottom":"7","left":"7"}},"_justifyContent":"flex-end","_alignItems":"flex-start","_padding":{"bottom":"30","top":"30","left":"30","right":"30"}},"modified":1742295197,"user_id":1},{"id":"hfpviz","name":"paragraph--benefits","settings":{"_margin":{"bottom":"25"}}},{"id":"btwqut","name":"button--secondary","settings":{"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}},"_typography":{"color":{"hex":"#ffffff","id":"xtezot","name":"Color #2"}},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#00fe4a","id":"darnpu","name":"Color #3"}}}}],"globalElements":[]}

Similar components

Profile Picture
Akshay Joshi

Bento Expertise Card Section

Colorful showcase cards highlighting key expertise and skills in a visually engaging layout.
View now
Copy now
{"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":[]}]}
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

Bento Grid Section

Bento-style grid section featuring icon cards, image-based cards, statistic highlights, and visually structured content blocks.
View now
Copy now
{"id":7644,"name":"bento-grid-section-2","title":"Bento Grid Section","date":"2026-05-01 12:33:13","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-grid-section-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"f3d120","name":"section","parent":0,"children":["26d39b"],"settings":{"_cssGlobalClasses":["bento__section"]},"label":"Bento Grid Section"},{"id":"26d39b","name":"container","parent":"f3d120","children":["eecc7e","34d6d9"],"settings":{"_cssGlobalClasses":["bento__inner","wrredp"]},"label":"Inner"},{"id":"eecc7e","name":"container","parent":"26d39b","children":["f266d8","e421cb","47d840"],"settings":{"_cssGlobalClasses":["xwroce"]}},{"id":"f266d8","name":"block","parent":"eecc7e","children":["1befb1","47ee90","88eee5","013070"],"settings":{"_cssGlobalClasses":["bento__card","bento__card--article","bento__card--span2"],"_gridItemColumnSpan":"1 \/ 2","_gridItemRowSpan":"1 \/ 3","_gridItemColumnSpan:mobile_landscape":"1 \/ 2","_gridItemRowSpan:mobile_landscape":"1 \/ 2"},"label":"Card: Scroll Animations That Feel Al"},{"id":"1befb1","name":"image","parent":"f266d8","children":[],"settings":{"image":{"id":6905,"filename":"69722431993ac6c1d54b6f4e_c54210726554d12ec3d9cf840c3dd75b_hero_image_1-1-scaled.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/69722431993ac6c1d54b6f4e_c54210726554d12ec3d9cf840c3dd75b_hero_image_1-1-scaled.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/69722431993ac6c1d54b6f4e_c54210726554d12ec3d9cf840c3dd75b_hero_image_1-1-scaled.webp"},"_cssGlobalClasses":["bento__card-img"]},"label":"Img: Man silhouette against orange ","themeStyles":[]},{"id":"47ee90","name":"text-basic","parent":"f266d8","children":[],"settings":{"text":"01","tag":"span","_cssGlobalClasses":["bento__card-num"]},"label":"Number"},{"id":"88eee5","name":"text-basic","parent":"f266d8","children":[],"settings":{"text":"MOTION","tag":"span","_cssGlobalClasses":["bento__pill","bento__pill--tag"]},"label":"Tag"},{"id":"013070","name":"block","parent":"f266d8","children":["cec76e","342344"],"settings":{"_cssGlobalClasses":["kaawjy"]}},{"id":"cec76e","name":"block","parent":"013070","children":["5999a1","c6e043","4061d4"],"settings":{"_cssGlobalClasses":["jskfqx"]}},{"id":"5999a1","name":"text-basic","parent":"cec76e","children":[],"settings":{"text":"APR 12, 2026 \u2014 8 MIN","tag":"span","_cssGlobalClasses":["bento__card-meta"]},"label":"Meta"},{"id":"c6e043","name":"heading","parent":"cec76e","children":[],"settings":{"text":"Scroll Animations That Feel Alive","tag":"h3","_cssGlobalClasses":["bento__card-title"],"_padding":{"left":"0","right":"0"}},"label":"Title"},{"id":"4061d4","name":"text-basic","parent":"cec76e","children":[],"settings":{"text":"Most scroll animations feel like afterthoughts. Here is how to make them feel intentional, responsive, and genuinely delightful using GSAP ScrollTrigger and modern techniques.","tag":"p","_cssGlobalClasses":["bento__card-excerpt"],"_padding":{"left":"0","right":"0"}},"label":"Excerpt"},{"id":"342344","name":"button","parent":"013070","children":[],"settings":{"text":"READ ARTICLE \u2192","link":{"type":"external","url":"#"},"_cssGlobalClasses":["bento__card-link"],"_cssTransition":"ease .2s","_typography:hover":{"color":{"hex":"#d9ff3f"}}},"label":"Read Link"},{"id":"e421cb","name":"block","parent":"eecc7e","children":["1fb1ca","513a00","f1faf1","a18a35"],"settings":{"_cssGlobalClasses":["bento__card","bento__card--profile"]},"label":"Card: Profile"},{"id":"1fb1ca","name":"image","parent":"e421cb","children":[],"settings":{"image":{"id":6949,"filename":"6968cfcb2e32c0680bd32be0_59cb32d7b6fef7a7b3a2215c76f78a8c_Placeholder-Image.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/6968cfcb2e32c0680bd32be0_59cb32d7b6fef7a7b3a2215c76f78a8c_Placeholder-Image.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/6968cfcb2e32c0680bd32be0_59cb32d7b6fef7a7b3a2215c76f78a8c_Placeholder-Image-1024x501.webp"},"_cssGlobalClasses":["bento__profile-avatar"]},"label":"Avatar"},{"id":"513a00","name":"heading","parent":"e421cb","children":[],"settings":{"text":"Alex Chen","tag":"h3","_cssGlobalClasses":["bento__profile-name"]},"label":"Name"},{"id":"f1faf1","name":"text-basic","parent":"e421cb","children":[],"settings":{"text":"Design engineer obsessed with making the web feel tangible. Writing about interfaces, motion, and the details that matter.","tag":"p","_cssGlobalClasses":["bento__card-excerpt"]},"label":"Bio"},{"id":"a18a35","name":"block","parent":"e421cb","children":["feefb9","df33ed"],"settings":{"_cssGlobalClasses":["jfuulu"]}},{"id":"feefb9","name":"text-basic","parent":"a18a35","children":[],"settings":{"text":"\u25cf Open to work","tag":"span","_cssGlobalClasses":["bento__status-pill"]},"label":"Status"},{"id":"df33ed","name":"block","parent":"a18a35","children":["35066a","a3a122","7f2b8c"],"settings":{"_cssGlobalClasses":["vmuvij"]}},{"id":"35066a","name":"button","parent":"df33ed","children":[],"settings":{"text":"X","link":{"type":"external","url":"#"},"_cssGlobalClasses":["bento__social-btn"],"_cssTransition":"ease .2s","_background:hover":{"color":{"hex":"#d9ff3f"}},"_typography:hover":{"color":{"hex":"#05070a"}}},"label":"Social X"},{"id":"a3a122","name":"button","parent":"df33ed","children":[],"settings":{"text":"GH","link":{"type":"external","url":"#"},"_cssGlobalClasses":["bento__social-btn"],"_cssTransition":"ease .2s","_background:hover":{"color":{"hex":"#d9ff3f"}},"_typography:hover":{"color":{"hex":"#05070a"}}},"label":"Social GH"},{"id":"7f2b8c","name":"button","parent":"df33ed","children":[],"settings":{"text":"LI","link":{"type":"external","url":"#"},"_cssGlobalClasses":["bento__social-btn"],"_cssTransition":"ease .2s","_background:hover":{"color":{"hex":"#d9ff3f"}},"_typography:hover":{"color":{"hex":"#05070a"}}},"label":"Social LI"},{"id":"47d840","name":"block","parent":"eecc7e","children":["6ba9a5","d2f288","bbc70c","ee1980"],"settings":{"_cssGlobalClasses":["bento__card","bento__card--nl"]},"label":"Card: Newsletter"},{"id":"6ba9a5","name":"icon","parent":"47d840","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-shapes"},"_cssGlobalClasses":["bento__nl-icon"]},"label":"NL Icon","themeStyles":[]},{"id":"d2f288","name":"heading","parent":"47d840","children":[],"settings":{"text":"Weekly deep dives","tag":"h3","_cssGlobalClasses":["bento__card-title"]},"label":"NL Heading"},{"id":"bbc70c","name":"text-basic","parent":"47d840","children":[],"settings":{"text":"One focused article per week. No fluff, just craft. Join 2,400+ readers.","tag":"p","_cssGlobalClasses":["bento__card-excerpt"]},"label":"NL Body"},{"id":"ee1980","name":"form","parent":"47d840","children":[],"settings":{"_cssGlobalClasses":["bento__nl-form"],"fields":[{"id":"5bec3b","type":"email","label":"","placeholder":"you@email.com","required":"1","width":"80"}],"submitButton":{"text":"Join","style":"primary"},"actions":["email"]},"label":"NL Form"},{"id":"34d6d9","name":"block","parent":"26d39b","children":["e12041","2ce63d","e73dd5","88dd6d","fa1df8","5cdec2"],"settings":{"_cssGlobalClasses":["bento__grid-main"]},"label":"Bento Grid"},{"id":"e12041","name":"block","parent":"34d6d9","children":["0dd51d","a8c8ad","0cb92b","46d9b8"],"settings":{"_cssGlobalClasses":["bento__card","bento__card--article"]},"label":"Card: The Bento Grid: A Deep Dive"},{"id":"0dd51d","name":"image","parent":"e12041","children":[],"settings":{"image":{"id":6982,"filename":"695fac507a6273bd6d738572_CTA_Image_3.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/695fac507a6273bd6d738572_CTA_Image_3.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/695fac507a6273bd6d738572_CTA_Image_3.webp"},"_cssGlobalClasses":["bento__card-img"]},"label":"Img: Black leather handbag minimali","themeStyles":[]},{"id":"a8c8ad","name":"text-basic","parent":"e12041","children":[],"settings":{"text":"02","tag":"span","_cssGlobalClasses":["bento__card-num"]},"label":"Number"},{"id":"0cb92b","name":"text-basic","parent":"e12041","children":[],"settings":{"text":"MOTION","tag":"span","_cssGlobalClasses":["bento__pill","bento__pill--tag"]},"label":"Tag"},{"id":"46d9b8","name":"block","parent":"e12041","children":["f56714","40c093"],"settings":{"_cssGlobalClasses":["kaawjy"]}},{"id":"f56714","name":"block","parent":"46d9b8","children":["a3218b","c17155","ba694b"],"settings":{"_cssGlobalClasses":["jskfqx"]}},{"id":"a3218b","name":"text-basic","parent":"f56714","children":[],"settings":{"text":"APR 8, 2026 \u2014 12 MIN","tag":"span","_cssGlobalClasses":["bento__card-meta"]},"label":"Meta"},{"id":"c17155","name":"heading","parent":"f56714","children":[],"settings":{"text":"The Bento Grid: A Deep Dive","tag":"h3","_cssGlobalClasses":["bento__card-title"],"_padding":{"left":"0","right":"0"}},"label":"Title"},{"id":"ba694b","name":"text-basic","parent":"f56714","children":[],"settings":{"text":"Apple made it famous. Now every portfolio uses it. Let us break down the CSS Grid magic behind bento layouts.","tag":"p","_cssGlobalClasses":["bento__card-excerpt"],"_padding":{"left":"0","right":"0"}},"label":"Excerpt"},{"id":"40c093","name":"button","parent":"46d9b8","children":[],"settings":{"text":"READ ARTICLE \u2192","link":{"type":"external","url":"#"},"_cssGlobalClasses":["bento__card-link"],"_cssTransition":"ease .2s","_typography:hover":{"color":{"hex":"#d9ff3f"}}},"label":"Read Link"},{"id":"2ce63d","name":"block","parent":"34d6d9","children":["150e90","9898bc","848483","60a676","7b2168"],"settings":{"_cssGlobalClasses":["bento__card","bento__card--stats"]},"label":"Card: Stats"},{"id":"150e90","name":"text-basic","parent":"2ce63d","children":[],"settings":{"text":"\/\/ STATS","tag":"span","_cssGlobalClasses":["bento__card-meta"]},"label":"Stats Label"},{"id":"9898bc","name":"block","parent":"2ce63d","children":["0de769","a1585d"],"settings":{"_cssGlobalClasses":["grbjdi"]}},{"id":"0de769","name":"heading","parent":"9898bc","children":[],"settings":{"text":"48","tag":"span","_cssGlobalClasses":["bento__stat-number"]},"label":"Stat 48"},{"id":"a1585d","name":"text-basic","parent":"9898bc","children":[],"settings":{"text":"Articles","tag":"span","_cssGlobalClasses":["bento__stat-label"]},"label":"Label Articles"},{"id":"848483","name":"block","parent":"2ce63d","children":["a5d387","58fe02"],"settings":{"_cssGlobalClasses":["grbjdi"]}},{"id":"a5d387","name":"heading","parent":"848483","children":[],"settings":{"text":"12K","tag":"span","_cssGlobalClasses":["bento__stat-number"]},"label":"Stat 48"},{"id":"58fe02","name":"text-basic","parent":"848483","children":[],"settings":{"text":"Monthly readers","tag":"span","_cssGlobalClasses":["bento__stat-label"]},"label":"Label Articles"},{"id":"60a676","name":"block","parent":"2ce63d","children":["0788ba","ed3589"],"settings":{"_cssGlobalClasses":["grbjdi"]}},{"id":"0788ba","name":"heading","parent":"60a676","children":[],"settings":{"text":"2.4K","tag":"span","_cssGlobalClasses":["bento__stat-number"]},"label":"Stat 48"},{"id":"ed3589","name":"text-basic","parent":"60a676","children":[],"settings":{"text":"Subscribers","tag":"span","_cssGlobalClasses":["bento__stat-label"]},"label":"Label Articles"},{"id":"7b2168","name":"block","parent":"2ce63d","children":["3da72d","ee8211"],"settings":{"_cssGlobalClasses":["grbjdi"]}},{"id":"3da72d","name":"heading","parent":"7b2168","children":[],"settings":{"text":"5Yr.","tag":"span","_cssGlobalClasses":["bento__stat-number"]},"label":"Stat 48"},{"id":"ee8211","name":"text-basic","parent":"7b2168","children":[],"settings":{"text":"Writing","tag":"span","_cssGlobalClasses":["bento__stat-label"]},"label":"Label Articles"},{"id":"e73dd5","name":"block","parent":"34d6d9","children":["e4870e","0e01c1","787d5f","992b2b"],"settings":{"_cssGlobalClasses":["bento__card","bento__card--article"]},"label":"Card: Dark Mode Beyond Color Inversi"},{"id":"e4870e","name":"image","parent":"e73dd5","children":[],"settings":{"image":{"id":6924,"filename":"697076e22c449fbf79933ece_project_main_image.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697076e22c449fbf79933ece_project_main_image.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697076e22c449fbf79933ece_project_main_image-1024x614.webp"},"_cssGlobalClasses":["bento__card-img"]},"label":"Img: Man with bright smile portrait"},{"id":"0e01c1","name":"text-basic","parent":"e73dd5","children":[],"settings":{"text":"03","tag":"span","_cssGlobalClasses":["bento__card-num"]},"label":"Number"},{"id":"787d5f","name":"text-basic","parent":"e73dd5","children":[],"settings":{"text":"DESIGN","tag":"span","_cssGlobalClasses":["bento__pill","bento__pill--tag"]},"label":"Tag"},{"id":"992b2b","name":"block","parent":"e73dd5","children":["d760a4","d09588"],"settings":{"_cssGlobalClasses":["kaawjy"]}},{"id":"d760a4","name":"block","parent":"992b2b","children":["feaf0b","44fb95","8f6088"],"settings":{"_cssGlobalClasses":["jskfqx"]}},{"id":"feaf0b","name":"text-basic","parent":"d760a4","children":[],"settings":{"text":"MAR 30, 2026 \u2014 6 MIN","tag":"span","_cssGlobalClasses":["bento__card-meta"]},"label":"Meta"},{"id":"44fb95","name":"heading","parent":"d760a4","children":[],"settings":{"text":"Dark Mode Beyond Color Inversion","tag":"h3","_cssGlobalClasses":["bento__card-title"],"_padding":{"left":"0","right":"0"}},"label":"Title"},{"id":"8f6088","name":"text-basic","parent":"d760a4","children":[],"settings":{"text":"Dark mode is not just a CSS filter. Proper dark themes need adjusted contrast ratios, warm grays, and intentional shadows.","tag":"p","_cssGlobalClasses":["bento__card-excerpt"],"_padding":{"left":"0","right":"0"}},"label":"Excerpt"},{"id":"d09588","name":"button","parent":"992b2b","children":[],"settings":{"text":"READ ARTICLE \u2192","link":{"type":"external","url":"#"},"_cssGlobalClasses":["bento__card-link"],"_cssTransition":"ease .2s","_typography:hover":{"color":{"hex":"#d9ff3f"}}},"label":"Read Link"},{"id":"88dd6d","name":"block","parent":"34d6d9","children":["ebd6ac","ddd3ac","74fa9a","42f497"],"settings":{"_cssGlobalClasses":["bento__card","bento__card--article"]},"label":"Card: React Server Components in 202"},{"id":"ebd6ac","name":"image","parent":"88dd6d","children":[],"settings":{"_cssGlobalClasses":["bento__card-img"],"image":{"id":6981,"filename":"695fac5053634b2c8ecab542_CTA_Image_2.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/695fac5053634b2c8ecab542_CTA_Image_2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/695fac5053634b2c8ecab542_CTA_Image_2.webp"}},"label":"Img: Yellow geometric cube 3D abstr"},{"id":"ddd3ac","name":"text-basic","parent":"88dd6d","children":[],"settings":{"_cssGlobalClasses":["bento__card-num"],"text":"04","tag":"span"},"label":"Number"},{"id":"74fa9a","name":"text-basic","parent":"88dd6d","children":[],"settings":{"text":"REACT","tag":"span","_cssGlobalClasses":["bento__pill","bento__pill--tag"]},"label":"Tag"},{"id":"42f497","name":"block","parent":"88dd6d","children":["c7df50","919281"],"settings":{"_cssGlobalClasses":["kaawjy"]}},{"id":"c7df50","name":"block","parent":"42f497","children":["d46cc8","a0e3b3","8f1c4b"],"settings":{"_cssGlobalClasses":["jskfqx"]}},{"id":"d46cc8","name":"text-basic","parent":"c7df50","children":[],"settings":{"text":"MAR 22, 2026 \u2014 15 MIN","tag":"span","_cssGlobalClasses":["bento__card-meta"]},"label":"Meta"},{"id":"a0e3b3","name":"heading","parent":"c7df50","children":[],"settings":{"text":"React Server Components in 2026","tag":"h3","_cssGlobalClasses":["bento__card-title"],"_padding":{"left":"0","right":"0"}},"label":"Title"},{"id":"8f1c4b","name":"text-basic","parent":"c7df50","children":[],"settings":{"text":"RSCs changed how we think about rendering. Here is what I learned after shipping three production apps.","tag":"p","_cssGlobalClasses":["bento__card-excerpt"],"_padding":{"left":"0","right":"0"}},"label":"Excerpt"},{"id":"919281","name":"button","parent":"42f497","children":[],"settings":{"text":"READ ARTICLE \u2192","link":{"type":"external","url":"#"},"_cssGlobalClasses":["bento__card-link"],"_cssTransition":"ease .2s","_typography:hover":{"color":{"hex":"#d9ff3f"}}},"label":"Read Link"},{"id":"fa1df8","name":"block","parent":"34d6d9","children":["53a7f4","c036d3","f20e22","0a6079"],"settings":{"_cssGlobalClasses":["bento__card","bento__card--article"]},"label":"Card: Typography That Actually Speak"},{"id":"53a7f4","name":"image","parent":"fa1df8","children":[],"settings":{"image":{"id":6952,"filename":"6961ef9473c926d983625c48_fad2410f1ac383a85571b5f35d6528d6_Award_Image_2.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/6961ef9473c926d983625c48_fad2410f1ac383a85571b5f35d6528d6_Award_Image_2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/6961ef9473c926d983625c48_fad2410f1ac383a85571b5f35d6528d6_Award_Image_2-1024x501.webp"},"_cssGlobalClasses":["bento__card-img"]},"label":"Img: Woman with backpack jumping jo"},{"id":"c036d3","name":"text-basic","parent":"fa1df8","children":[],"settings":{"text":"05","tag":"span","_cssGlobalClasses":["bento__card-num"]},"label":"Number"},{"id":"f20e22","name":"text-basic","parent":"fa1df8","children":[],"settings":{"text":"TYPE","tag":"span","_cssGlobalClasses":["bento__pill","bento__pill--tag"]},"label":"Tag"},{"id":"0a6079","name":"block","parent":"fa1df8","children":["62a72f","b8c6a2"],"settings":{"_cssGlobalClasses":["kaawjy"]}},{"id":"62a72f","name":"block","parent":"0a6079","children":["c2bbc4","fb9852","707a10"],"settings":{"_cssGlobalClasses":["jskfqx"]}},{"id":"c2bbc4","name":"text-basic","parent":"62a72f","children":[],"settings":{"text":"MAR 15, 2026 \u2014 7 MIN","tag":"span","_cssGlobalClasses":["bento__card-meta"]},"label":"Meta"},{"id":"fb9852","name":"heading","parent":"62a72f","children":[],"settings":{"text":"Typography That Actually Speaks","tag":"h3","_cssGlobalClasses":["bento__card-title"],"_padding":{"left":"0","right":"0"}},"label":"Title"},{"id":"707a10","name":"text-basic","parent":"62a72f","children":[],"settings":{"text":"Inter is safe. But safe is boring. A guide to pairing typefaces that give your site personality without sacrificing readability.","tag":"p","_cssGlobalClasses":["bento__card-excerpt"],"_padding":{"left":"0","right":"0"}},"label":"Excerpt"},{"id":"b8c6a2","name":"button","parent":"0a6079","children":[],"settings":{"text":"READ ARTICLE \u2192","link":{"type":"external","url":"#"},"_cssGlobalClasses":["bento__card-link"],"_cssTransition":"ease .2s","_typography:hover":{"color":{"hex":"#d9ff3f"}}},"label":"Read Link"},{"id":"5cdec2","name":"block","parent":"34d6d9","children":["8e374a","7744fb","4277e2","569556"],"settings":{"_cssGlobalClasses":["bento__card","bento__card--article"]},"label":"Card: When Speed Becomes the Feature"},{"id":"8e374a","name":"image","parent":"5cdec2","children":[],"settings":{"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"},"_cssGlobalClasses":["bento__card-img"]},"label":"Img: Woman with colorful glasses fa"},{"id":"7744fb","name":"text-basic","parent":"5cdec2","children":[],"settings":{"text":"06","tag":"span","_cssGlobalClasses":["bento__card-num"]},"label":"Number"},{"id":"4277e2","name":"text-basic","parent":"5cdec2","children":[],"settings":{"text":"PERF","tag":"span","_cssGlobalClasses":["bento__pill","bento__pill--tag"]},"label":"Tag"},{"id":"569556","name":"block","parent":"5cdec2","children":["60532d","abeba5"],"settings":{"_cssGlobalClasses":["kaawjy"]}},{"id":"60532d","name":"block","parent":"569556","children":["7f1b8c","e2c2d5","f3621d"],"settings":{"_cssGlobalClasses":["jskfqx"]}},{"id":"7f1b8c","name":"text-basic","parent":"60532d","children":[],"settings":{"text":"MAR 8, 2026 \u2014 10 MIN","tag":"span","_cssGlobalClasses":["bento__card-meta"]},"label":"Meta"},{"id":"e2c2d5","name":"heading","parent":"60532d","children":[],"settings":{"text":"When Speed Becomes the Feature","tag":"h3","_cssGlobalClasses":["bento__card-title"],"_padding":{"left":"0","right":"0"}},"label":"Title"},{"id":"f3621d","name":"text-basic","parent":"60532d","children":[],"settings":{"text":"Your site loads in 1.2 seconds? Mine loads in 0.4. Here is every trick I used to get there and which ones actually matter.","tag":"p","_cssGlobalClasses":["bento__card-excerpt"],"_padding":{"left":"0","right":"0"}},"label":"Excerpt"},{"id":"abeba5","name":"button","parent":"569556","children":[],"settings":{"text":"READ ARTICLE \u2192","link":{"type":"external","url":"#"},"_cssGlobalClasses":["bento__card-link"],"_cssTransition":"ease .2s","_typography:hover":{"color":{"hex":"#d9ff3f"}}},"label":"Read Link"}],"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__pill","name":"bento__pill","settings":{"_display":"inline-block","_padding":{"top":"6","bottom":"6","left":"12","right":"12"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"#ffffff"}},"_typography":{"font-size":"12","color":{"raw":"#ffffff"}}}},{"id":"bento__stat-number","name":"bento__stat-number","settings":{"_typography":{"font-size":"64","font-weight":"800","color":{"hex":"#d9ff3f"},"line-height":"1.0"},"_typography:tablet_portrait":{"font-size":"52"},"_typography:mobile_landscape":{"font-size":"36"}}},{"id":"bento__stat-label","name":"bento__stat-label","settings":{"_typography":{"font-size":"12","color":{"hex":"#9ca3af"}}}},{"id":"bento__grid-main","name":"bento__grid-main","settings":{"_display":"grid","_gridTemplateColumns":"repeat(3, 1fr)","_gridGap":"16","_gridTemplateColumns:tablet_portrait":"repeat(2, 1fr)","_gridTemplateColumns:mobile_portrait":"repeat(1, 1fr)"},"_exists":false},{"id":"bento__card","name":"bento__card","settings":{"_background":{"color":{"hex":"#0b0f14"}},"_border":{"radius":{"top":"16","right":"16","bottom":"16","left":"16"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#1f2933"}},"_padding":{"top":"0","bottom":"0","left":"0","right":"0"},"_display:mobile_landscape":"flex","_direction:mobile_landscape":"row","_height:mobile_landscape":"max-content"},"_exists":false,"modified":1776951190,"user_id":1},{"id":"bento__card--article","name":"bento__card--article","settings":{"_position":"relative"},"_exists":false},{"id":"bento__card--span2","name":"bento__card--span2","settings":[],"_exists":false},{"id":"bento__card-img","name":"bento__card-img","settings":{"_width":"100%","_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"}}},"_exists":false},{"id":"bento__card-num","name":"bento__card-num","settings":{"_position":"absolute","_typography":{"font-size":"80","font-weight":"800","color":{"hex":"rgba(255,255,255,0.06)"},"line-height":"1"},"_cssCustom":".bento__card-num { top: 12px; right: 20px; pointer-events: none; }"},"_exists":false},{"id":"bento__pill--tag","name":"bento__pill--tag","settings":{"_position":"absolute","_cssCustom":".bento__pill--tag { top: 16px; left: 16px; z-index: 5; color: #d9ff3f; border-color: rgba(217,255,63,0.3); background: rgba(217,255,63,0.08);}"},"_exists":false},{"id":"bento__card-meta","name":"bento__card-meta","settings":{"_typography":{"font-size":"11","color":{"hex":"#6b7280"},"letter-spacing":"0.04em"},"_padding":{"left":"0","top":"0","right":"0"}},"_exists":false},{"id":"bento__card-title","name":"bento__card-title","settings":{"_typography":{"font-size":"18","font-weight":"600","color":{"hex":"#ffffff"}},"_padding":{"left":"0","right":"0"}},"_exists":false},{"id":"bento__card-excerpt","name":"bento__card-excerpt","settings":{"_typography":{"font-size":"13","color":{"hex":"#9ca3af"},"line-height":"1.6"},"_cssCustom":".bento__card-excerpt { display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }"},"_exists":false},{"id":"bento__card-link","name":"bento__card-link","settings":{"_background":{"color":{"hex":"transparent"}},"_typography":{"font-size":"12","font-weight":"600","color":{"hex":"#9ca3af"},"letter-spacing":"0.06em"},"_padding":{"top":"0","bottom":"0","left":"0","right":"0"},"_border":{"width":{"top":"0","right":"0","bottom":"0","left":"0"}},"_cssTransition":"ease .2s","_typography:hover":{"color":{"hex":"#d9ff3f"}},"_alignSelf":"flex-start"},"_exists":false},{"id":"bento__card--profile","name":"bento__card--profile","settings":{"_padding":{"top":"24","bottom":"24","left":"24","right":"24"},"_rowGap":"12","_cssCustom":".bento__card--profile { justify-content: space-between; }","_direction:mobile_landscape":"column","_justifyContent:mobile_landscape":"flex-start"},"_exists":false,"modified":1776951190,"user_id":1},{"id":"bento__profile-avatar","name":"bento__profile-avatar","settings":{"_width":"52","_height":"52","_objectFit":"cover","_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_flexShrink":"0"},"_exists":false},{"id":"bento__profile-name","name":"bento__profile-name","settings":{"_typography":{"font-size":"18","font-weight":"700","color":{"hex":"#ffffff"}}},"_exists":false},{"id":"bento__status-pill","name":"bento__status-pill","settings":{"_typography":{"font-size":"12","color":{"hex":"#4ade80"}},"_background":{"color":{"hex":"rgba(74,222,128,0.08)"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"rgba(74,222,128,0.2)"}},"_padding":{"top":"4","bottom":"4","left":"10","right":"10"},"_display":"inline-block"},"_exists":false},{"id":"bento__social-btn","name":"bento__social-btn","settings":{"_background":{"color":{"hex":"rgba(255,255,255,0.06)"}},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#2a2f36"}},"_typography":{"font-size":"12","font-weight":"600","color":{"hex":"#9ca3af"},"letter-spacing":"0.04em"},"_padding":{"top":"6","bottom":"6","left":"12","right":"12"},"_cssTransition":"ease .2s","_background:hover":{"color":{"hex":"#d9ff3f"}},"_typography:hover":{"color":{"hex":"#05070a"}}},"_exists":false},{"id":"bento__card--nl","name":"bento__card--nl","settings":{"_padding":{"top":"28","bottom":"28","left":"28","right":"28"},"_rowGap":"16","_justifyContent":"space-between","_direction:mobile_landscape":"column","_justifyContent:mobile_landscape":"flex-start"},"_exists":false,"modified":1776951190,"user_id":1},{"id":"bento__nl-icon","name":"bento__nl-icon","settings":{"_width":"36","_height":"36","_background":{"color":{"hex":"#d9ff3f"}},"_border":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"_display":"flex","_alignItems":"center","_justifyContent":"center","_typography":{"font-size":"16","color":{"hex":"#05070a"}},"_flexShrink":"0"},"_exists":false},{"id":"bento__nl-form","name":"bento__nl-form","settings":{"_cssCustom":".bento__nl-form .brxe-form { display:flex; flex-direction:row; gap:0; }.bento__nl-form input[type=email] { flex:1; padding:10px 14px; background:rgba(255,255,255,0.06); border:1px solid #2a2f36; border-right:none; border-radius:8px 0 0 8px; color:#fff; font-size:13px; outline:none; transition:border-color ease .2s;}.bento__nl-form input::placeholder { color:rgba(255,255,255,0.3); }.bento__nl-form input:focus { border-color:rgba(217,255,63,0.5); }.bento__nl-form button[type=submit] { padding:10px 18px; background:#d9ff3f; color:#05070a; font-size:13px; font-weight:700; border:none; border-radius:0 8px 8px 0; cursor:pointer; transition:background ease .2s; white-space:nowrap;}.bento__nl-form button[type=submit]:hover { background:#c5f135; }","submitButtonWidth":"20","fieldMargin":{"bottom":"0"},"fieldPadding":{"bottom":"0","top":"0"},"submitButtonTypography":{"line-height":"1.6"}},"_exists":false,"modified":1776951190,"user_id":1},{"id":"bento__card--stats","name":"bento__card--stats","settings":{"_padding":{"top":"28","bottom":"28","left":"28","right":"28"},"_direction:mobile_portrait":"column","_display":"flex","_rowGap":"40"},"_exists":false,"modified":1776951190,"user_id":1},{"id":"kaawjy","name":"bento__card--inner-block","settings":{"_padding":{"top":"20","bottom":"20","right":"20","left":"20"},"_justifyContent":"space-between","_rowGap":"20","_height":"100%","_justifyContent:mobile_landscape":"flex-start"}},{"id":"jskfqx","name":"bento__card--inner","settings":{"_columnGap":"10","_rowGap":"5"}},{"id":"xwroce","name":"bento__grid-one--container","settings":{"_display":"grid","_gridTemplateColumns":"minmax(0, 1fr) minmax(0, 1fr)","_cssCustom":"\/** VISUAL GRID BUILDER - START **\/\n\n\/** zlyaoc - 3 **\/\n.bento__grid-one--container :nth-child(3) {\n grid-column: 2 \/ 3;\n grid-row: 2 \/ 3;\n}\n\/** gxsjzp - 1 **\/\n.bento__grid-one--container :nth-child(1) {\n grid-column: 1 \/ 2;\n grid-row: 1 \/ 3;\n}\n\n\/** VISUAL GRID BUILDER - END **\/","_gridGap":"16","_gridTemplateRows:mobile_landscape":"minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)","_gridTemplateColumns:mobile_landscape":"minmax(0, 1fr)","_cssCustom:mobile_landscape":"\/** VISUAL GRID BUILDER - START **\/\n\n\/** grzwgz - 2 **\/\n.bento__grid-one--container :nth-child(2) {\n grid-column: 1 \/ 2;\n grid-row: 2 \/ 3;\n}\n\n\/** gxsjzp - 1 **\/\n.bento__grid-one--container :nth-child(1) {\n grid-column: 1 \/ 2;\n grid-row: 1 \/ 2;\n}\n\/** zlyaoc - 3 **\/\n.bento__grid-one--container :nth-child(3) {\n grid-column: 1 \/ 2;\n grid-row: 3 \/ 4;\n}\n\n\/** VISUAL GRID BUILDER - END **\/","_margin":{"left":"0","right":"0"},"_width":"100%","_display:mobile_landscape":"flex"},"modified":1776951190,"user_id":1},{"id":"wrredp","name":"bento__grid-container","settings":{"_columnGap":"16","_rowGap":"16"}},{"id":"jfuulu","name":"bento__card--profile-social","settings":{"_direction":"row","_justifyContent":"space-between","_padding":{"top":"20","bottom":"5"},"_border":{"width":{"top":"1"},"style":"solid","color":{"raw":"#1f2933"}}},"modified":1776951190,"user_id":1},{"id":"vmuvij","name":"bento__card--profile-social-inner","settings":{"_alignItems":"flex-end","_direction":"row","_justifyContent":"flex-end","_width":"max-content","_columnGap":"16"},"modified":1776951190,"user_id":1},{"id":"grbjdi","name":"bento__card--stats--inner-block","settings":{"_direction":"row","_alignItems":"flex-end","_rowGap":"20","_columnGap":"20"}}]}

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