Profile Picture
Akshay Joshi

Bento CTA Section

A highly unique and visually striking CTA section designed to capture attention and drive engagement.
Copy component
Download JSON
{"id":7651,"name":"bento-cta-section","title":"Bento CTA Section","date":"2026-05-01 12:37:31","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-cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"6a6208","name":"section","parent":0,"children":["fdc898"],"settings":{"_cssGlobalClasses":["bento__section"],"_padding:mobile_landscape":{"top":"60"}},"label":"Bento CTA Section"},{"id":"fdc898","name":"container","parent":"6a6208","children":["5d5275","d4bcc2","b03017"],"settings":{"_cssGlobalClasses":["bento__inner"]},"label":"Inner"},{"id":"5d5275","name":"block","parent":"fdc898","children":["6242cc","959b18"],"settings":{"_cssGlobalClasses":["bento__h2-wrap","bento__anim-fadein-left"],"tag":"h2"},"label":"Heading"},{"id":"6242cc","name":"heading","parent":"5d5275","settings":{"_cssGlobalClasses":["bento__h2--outline"],"text":"HAVE A","tag":"span"}},{"id":"959b18","name":"heading","parent":"5d5275","settings":{"text":"PROJECT?","tag":"span","_cssGlobalClasses":["bento__h2--accent"]}},{"id":"d4bcc2","name":"container","parent":"fdc898","children":["3659f4","9090a8","50317d"],"settings":{"_cssGlobalClasses":["bento__services-grid"]},"label":"Cards"},{"id":"3659f4","name":"block","parent":"d4bcc2","children":["dd7f65","55875a"],"settings":{"_cssGlobalClasses":["bento__service-card","bento__anim-fadein-up"]}},{"id":"dd7f65","name":"block","parent":"3659f4","children":["9d3f88","abccb5"],"settings":{"_display":"flex","_alignItems":"center","_cssGlobalClasses":["bqdfjy"]}},{"id":"9d3f88","name":"icon","parent":"dd7f65","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-circle"},"_cssGlobalClasses":["urjryf"],"iconColor":{"raw":"hsl(220, 87%, 45%)"}},"themeStyles":[]},{"id":"abccb5","name":"text-basic","parent":"dd7f65","settings":{"_cssGlobalClasses":["bento__card-label"],"text":"DESIGN ENGINEERING"}},{"id":"55875a","name":"text-basic","parent":"3659f4","settings":{"_cssGlobalClasses":["bento__card-desc","bento__body"],"text":"Pixel-perfect interfaces with motion"}},{"id":"9090a8","name":"block","parent":"d4bcc2","children":["6e528a","7360cf"],"settings":{"_cssGlobalClasses":["bento__service-card","bento__anim-fadein-up"]}},{"id":"6e528a","name":"block","parent":"9090a8","children":["bacd88","7f39f5"],"settings":{"_display":"flex","_alignItems":"center","_cssGlobalClasses":["bqdfjy"],"_flexWrap":"nowrap"}},{"id":"bacd88","name":"icon","parent":"6e528a","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-circle"},"_cssGlobalClasses":["urjryf"],"iconColor":{"raw":"hsl(133, 69%, 68%)"}},"themeStyles":[]},{"id":"7f39f5","name":"text-basic","parent":"6e528a","settings":{"_cssGlobalClasses":["bento__card-label"],"text":"CREATIVE DEVELOPMENT"},"children":[]},{"id":"7360cf","name":"text-basic","parent":"9090a8","settings":{"_cssGlobalClasses":["bento__card-desc","bento__body"],"text":"WebGL, shaders, and interactive experiences"},"children":[]},{"id":"50317d","name":"block","parent":"d4bcc2","children":["54b95b","88249e"],"settings":{"_cssGlobalClasses":["bento__service-card","bento__anim-fadein-up"]}},{"id":"54b95b","name":"block","parent":"50317d","children":["fe9654","f651d9"],"settings":{"_display":"flex","_alignItems":"center","_cssGlobalClasses":["bqdfjy"]}},{"id":"fe9654","name":"icon","parent":"54b95b","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-circle"},"_cssGlobalClasses":["urjryf"],"iconColor":{"raw":"hsl(280, 61%, 44%)"}},"themeStyles":[]},{"id":"f651d9","name":"text-basic","parent":"54b95b","settings":{"_cssGlobalClasses":["bento__card-label"],"text":"CONSULTING"},"children":[]},{"id":"88249e","name":"text-basic","parent":"50317d","settings":{"_cssGlobalClasses":["bento__card-desc","bento__body"],"text":"Pixel-perfect interfaces with motion"},"children":[]},{"id":"b03017","name":"button","parent":"fdc898","settings":{"_cssGlobalClasses":["bento__btn-primary","bento__anim-fadein-up"],"text":"Start a conversation \u2192"}}],"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__services-grid","name":"bento__services-grid","settings":{"_margin":{"top":"40","bottom":"40"},"_columnGap":"20","_rowGap":"20","_display":"flex","_direction":"row","_alignItems":"stretch","_width":"100%"}},{"id":"bento__service-card","name":"bento__service-card","settings":{"_background":{"color":{"hex":"#0b0f14"}},"_padding":{"top":"24","bottom":"24","left":"24","right":"24"},"_border":{"radius":{"top":"16","right":"16","bottom":"16","left":"16"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#1f2933"}},"_border:hover":{"color":{"raw":"hsla(110, 86%, 72%, 0.13)"}}},"modified":1777037673,"user_id":1},{"id":"bento__card-label","name":"bento__card-label","settings":{"_typography":{"font-size":"16","letter-spacing":"0.08em","color":{"hex":"#ffffff"},"text-transform":"uppercase"},"_margin":{"top":"0"}}},{"id":"bento__h2-wrap","name":"bento__h2-wrap","settings":{"_display":"flex","_flexWrap":"wrap","_alignItems":"flex-start","_columnGap":"28","_rowGap":"8","_typography":{"font-family":"Avenir Next","font-size":"138","font-weight":"900","line-height":"0.86","letter-spacing":"-3.8px","text-transform":"uppercase"}}},{"id":"bento__h2--outline","name":"bento__h2--outline","settings":{"_customCss":"color: transparent; -webkit-text-stroke: 2px #6d6879; text-stroke: 2px #6d6879;","_typography":{"font-size":"7vw"}},"modified":1776775968,"user_id":1},{"id":"bento__h2--accent","name":"bento__h2--accent","settings":{"_typography":{"color":{"hex":"#cbff2e"},"font-size":"7vw"},"_typography:mobile_landscape":{"letter-spacing":"1"},"_typography:mobile_portrait":{"font-size":"40"}}},{"id":"bento__card-desc","name":"bento__card-desc","settings":{"_typography":{"font-family":"Avenir Next","font-weight":"400","line-height":"1.3","letter-spacing":"-0.03em","color":{"hex":"#e5e7eb","id":"dvxksf","name":"Color #3"}}}},{"id":"bento__btn-primary","name":"bento__btn-primary","settings":{"_background":{"color":{"hex":"#cbff2e"}},"_padding":{"top":"12","bottom":"12","left":"34","right":"34"},"_border":{"radius":{"top":"100","right":"100","bottom":"100","left":"100"}},"_typography":{"font-family":"Avenir Next","font-size":"20","font-weight":"700","letter-spacing":"-0.02em","color":{"hex":"#09080f"}},"_typography:tablet_portrait":{"font-size":"18"}}},{"id":"urjryf","name":"bento__service-icon","settings":{"iconSize":"14"}},{"id":"bqdfjy","name":"bento__service-card--top","settings":{"_direction":"row","_columnGap":"10","_flexWrap":"nowrap"}}]}

Similar components

Profile Picture
Akshay Joshi

Branda CTA Section

A bold H1-sized heading section with a minimalist design, tailored for a sleek and modern dark template. Design credits: Olivia12 – Portfolio & Agency Website Template by UI Bucket.
View now
Copy now
{"id":7013,"name":"branda-cta-section","title":"Branda CTA Section","date":"2026-03-27 17:38:09","date_formatted":"March 27, 2026","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/branda-cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"167ea6","name":"section","parent":0,"children":["a5cff4","265c6c"],"settings":{"_cssGlobalClasses":["branda__section","branda__cta-section"]},"label":"Branda CTA Section"},{"id":"a5cff4","name":"container","parent":"167ea6","children":["5eba84","d42111","fa71b4"],"settings":{"_cssGlobalClasses":["branda__inner","branda__cta-inner"]},"label":"Inner"},{"id":"5eba84","name":"heading","parent":"a5cff4","children":[],"settings":{"text":"Anything in Mind?","tag":"h2","_cssGlobalClasses":["branda__h1","branda__anim-fadein-down"],"_typography":{"text-align":"center"}},"label":"CTA H1"},{"id":"d42111","name":"heading","parent":"a5cff4","children":[],"settings":{"text":"Let's Talk","tag":"h2","_cssGlobalClasses":["branda__h1","branda__h1--muted","branda__anim-fadein-down","branda__anim-delay-100"]},"label":"CTA H1 Muted"},{"id":"fa71b4","name":"button","parent":"a5cff4","children":[],"settings":{"text":"Let's Discuss","link":{"type":"external","url":"#"},"_cssGlobalClasses":["branda__btn--outline","branda__anim-fadein-up"],"_cssTransition":"ease .3s"},"label":"CTA Button"},{"id":"265c6c","name":"block","parent":"167ea6","children":["688ab5","bd8899","e6dad2"],"settings":{"_cssGlobalClasses":["branda__cta-photos"],"_background":{"image":{"id":6978,"filename":"6965f2f218c3ec76f843e65b_fc68f1b3c4e46270486697f07ba96471_CTA_bg_Image.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/6965f2f218c3ec76f843e65b_fc68f1b3c4e46270486697f07ba96471_CTA_bg_Image.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/6965f2f218c3ec76f843e65b_fc68f1b3c4e46270486697f07ba96471_CTA_bg_Image.webp"},"position":"center center","repeat":"no-repeat"},"_gradient":[],"_alignSelf:mobile_portrait":"center","_justifyContent:mobile_portrait":"center","_alignItems:mobile_portrait":"center","_justifyContent:mobile_landscape":"center","_alignItems:mobile_landscape":"center","_alignSelf:mobile_landscape":"center"},"label":"Photos"},{"id":"688ab5","name":"image","parent":"265c6c","children":[],"settings":{"_cssGlobalClasses":["branda__cta-photo","branda__cta-photo--1"],"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"}},"themeStyles":[]},{"id":"bd8899","name":"image","parent":"265c6c","children":[],"settings":{"_cssGlobalClasses":["branda__cta-photo","branda__cta-photo--2"],"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":"e6dad2","name":"image","parent":"265c6c","children":[],"settings":{"_cssGlobalClasses":["branda__cta-photo","branda__cta-photo--3"],"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"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"branda__section","name":"branda__section","settings":{"_background":{"color":{"hex":"#0a0a0a"}},"_padding":{"top":"80","bottom":"80","left":"60","right":"60"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}}},{"id":"branda__inner","name":"branda__inner","settings":{"_display":"flex","_direction":"column","_rowGap":"48","_widthMax":"100%","_width":"1400"}},{"id":"branda__h1","name":"branda__h1","settings":{"_typography":{"font-family":"Inter","font-size":"160","font-weight":"900","color":{"hex":"#ffffff"},"line-height":"1","letter-spacing":"-0.03em"},"_typography:tablet_portrait":{"font-size":"100"},"_typography:mobile_portrait":{"font-size":"43"},"_typography:mobile_landscape":{"font-size":"60"}},"modified":1774611096,"user_id":1},{"id":"branda__anim-fadein-up","name":"branda__anim-fadein-up","settings":{"_interactions":[{"id":"1ae879","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"branda__anim-fadein-down","name":"branda__anim-fadein-down","settings":{"_interactions":[{"id":"60114f","trigger":"enterView","action":"startAnimation","animationType":"fadeInDown","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"branda__anim-delay-100","name":"branda__anim-delay-100","settings":{"_cssCustom":".branda__anim-delay-100 { animation-delay: 0.1s !important; }"}},{"id":"branda__cta-section","name":"branda__cta-section","settings":{"_padding":{"left":"0","right":"0"},"_rowGap":"80"}},{"id":"branda__cta-inner","name":"branda__cta-inner","settings":{"_alignItems":"center","_textAlign":"center","_rowGap":"32"}},{"id":"branda__h1--muted","name":"branda__h1--muted","settings":{"_typography":{"color":{"hex":"#333333"}}}},{"id":"branda__btn--outline","name":"branda__btn--outline","settings":{"_background":{"color":{"hex":"transparent"}},"_typography":{"font-family":"Inter","font-size":"15","font-weight":"600","color":{"hex":"#ffffff"}},"_padding":{"top":"14","bottom":"14","left":"36","right":"36"},"_border":{"radius":{"top":"0","right":"0","bottom":"0","left":"0"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#ffffff"}},"_cssTransition":"ease .3s","_background:hover":{"color":{"hex":"#ffffff"}},"_typography:hover":{"color":{"hex":"#0a0a0a"}}}},{"id":"branda__cta-photos","name":"branda__cta-photos","settings":{"_position":"relative","_height":"340","_width":"100%","_gradient":{"applyTo":"overlay","gradientType":"radial","colors":[{"id":"zkbsud","color":{"raw":"#000"}},{"id":"lvbdpk","color":{"raw":"rgba(0, 0, 0, 0.1)"}},{"id":"mmvohf","color":{"raw":"#000"}}]}}},{"id":"branda__cta-photo","name":"branda__cta-photo","settings":{"_position":"absolute","_width":"260","_height":"340","_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"}},"_overflow":"hidden","_width:mobile_portrait":"160","_objectFit":"cover","_height:mobile_portrait":"260"}},{"id":"branda__cta-photo--1","name":"branda__cta-photo--1","settings":{"_cssCustom":".branda__cta-photo--1 { left:calc(50% - 280px); transform:rotate(-8deg) translateY(20px); z-index:1; }","_left:mobile_portrait":"35","_right:mobile_portrait":"unset","_right:mobile_landscape":"unset","_left:mobile_landscape":"35"}},{"id":"branda__cta-photo--2","name":"branda__cta-photo--2","settings":{"_cssCustom":".branda__cta-photo--2 { left:calc(50% - 130px); z-index:3; }","_right:mobile_portrait":"unset","_left:mobile_portrait":"unset","_position:mobile_portrait":"relative","_position:mobile_landscape":"relative","_right:mobile_landscape":"unset","_left:mobile_landscape":"unset"}},{"id":"branda__cta-photo--3","name":"branda__cta-photo--3","settings":{"_cssCustom":".branda__cta-photo--3 { left:calc(50% + 20px); transform:rotate(8deg) translateY(20px); z-index:2; }","_right:mobile_portrait":"35","_left:mobile_portrait":"unset","_right:mobile_landscape":"35","_left:mobile_landscape":"unset"}}]}
Profile Picture
Akshay Joshi

App CTA Section

Clean CTA section with a strong call-to-action, using a SPAN tag to apply gradient styling to highlighted text if not applied
View now
Copy now
{"id":6882,"name":"appcta-section","title":"AppCTA Section","date":"2026-03-19 07:32: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\/appcta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"0dadad","name":"section","parent":0,"children":["d6a67e","b66bbb"],"settings":{"_cssGlobalClasses":["app_cta__section"]},"label":"CTA Section"},{"id":"d6a67e","name":"block","parent":"0dadad","children":[],"settings":{"_cssGlobalClasses":["app_cta__deco-box"]},"label":"Decorative Box"},{"id":"b66bbb","name":"container","parent":"0dadad","children":["9b349c","81f4af","582abe","fa6c3f"],"settings":{"_cssGlobalClasses":["app_cta__inner"]},"label":"CTA Inner"},{"id":"9b349c","name":"block","parent":"b66bbb","children":["4911b7","53b7b2"],"settings":{"_cssGlobalClasses":["app_cta__badge"]},"label":"Badge"},{"id":"4911b7","name":"icon","parent":"9b349c","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-flash"},"_cssGlobalClasses":["app_cta__badge-icon"]},"label":"Badge Icon","themeStyles":[]},{"id":"53b7b2","name":"text-basic","parent":"9b349c","children":[],"settings":{"tag":"span","_cssGlobalClasses":["app_cta__badge-text"],"text":"Free tier includes 1,000 requests\/day"},"label":"Badge Text"},{"id":"81f4af","name":"block","parent":"b66bbb","children":["3439a7"],"settings":{"_cssGlobalClasses":["app_cta__heading-wrap"]},"label":"Heading Block"},{"id":"3439a7","name":"heading","parent":"81f4af","children":[],"settings":{"tag":"h2","_cssGlobalClasses":["app_cta__heading","app_cta__heading--white","app_cta__heading--gradient"],"text":"Start shipping better APIs"},"label":"Heading Line 1"},{"id":"582abe","name":"text-basic","parent":"b66bbb","children":[],"settings":{"tag":"p","_cssGlobalClasses":["app_cta__subtext"],"text":"Join 4,200+ engineering teams who chose a faster way to build, ship, and scale their APIs. Free to start."},"label":"Subtext"},{"id":"fa6c3f","name":"block","parent":"b66bbb","children":["b50b91","3800db"],"settings":{"_cssGlobalClasses":["app_cta__buttons"]},"label":"Buttons Row"},{"id":"b50b91","name":"button","parent":"fa6c3f","children":[],"settings":{"style":"primary","link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_cta__btn","app_cta__btn--primary"],"text":"\u2192 Start Building \u2014 Free"},"label":"Primary CTA"},{"id":"3800db","name":"button","parent":"fa6c3f","children":[],"settings":{"style":"secondary","link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_cta__btn","app_cta__btn--ghost"],"text":"Talk to Sales"},"label":"Ghost CTA"}],"templateType":"section","global_classes":[{"id":"app_cta__section","name":"app_cta__section","settings":{"_background":{"color":{"hex":"#0d1512"}},"_padding":{"top":"10%","bottom":"10%","left":"5%","right":"5%"},"_position":"relative","_overflow":"hidden","_cssCustom":".app_cta__section { overflow: hidden; } .app_cta__section::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; height: 500px; background: radial-gradient(ellipse at center, rgba(45, 200, 140, 0.13) 0%, transparent 70%); pointer-events: none; z-index: 0; border-radius: 50%; }"}},{"id":"app_cta__deco-box","name":"app_cta__deco-box","settings":{"_position":"absolute","_top":"32","_left":"32","_width":"68","_height":"68","_border":{"radius":{"top":"14","right":"14","bottom":"14","left":"14"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#ffffff","rgb":"rgba(255,255,255,0.10)"}},"_zIndex":"1","_cssCustom":".app_cta__deco-box { pointer-events: none; }","_display":"none"},"modified":1773396758,"user_id":1},{"id":"app_cta__inner","name":"app_cta__inner","settings":{"_display":"flex","_direction":"column","_alignItems":"center","_rowGap":"28","_widthMax":"100%","_width":"780","_textAlign":"center","_position":"relative","_zIndex":"2","_justifyContent":"center","_alignSelf":"center"}},{"id":"app_cta__badge","name":"app_cta__badge","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"8","_background":{"color":{"hex":"#1a2420"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#ffffff","rgb":"rgba(255,255,255,0.12)"}},"_padding":{"top":"9","bottom":"9","left":"18","right":"18"},"_width":"max-content"}},{"id":"app_cta__badge-icon","name":"app_cta__badge-icon","settings":{"_typography":{"font-size":"13","color":{"hex":"#2dc88c"}}}},{"id":"app_cta__badge-text","name":"app_cta__badge-text","settings":{"_typography":{"font-family":"Inter","font-size":"14","font-weight":"500","color":{"hex":"#b0c4bc"}}}},{"id":"app_cta__heading-wrap","name":"app_cta__heading-wrap","settings":{"_display":"flex","_direction":"column","_alignItems":"center","_rowGap":"0"}},{"id":"app_cta__heading","name":"app_cta__heading","settings":{"_typography":{"font-family":"Inter","font-size":"80","font-weight":"900","line-height":"1.05","text-align":"center"},"_typography:tablet_portrait":{"font-size":"60"},"_typography:mobile_landscape":{"font-size":"44"},"_typography:mobile_portrait":{"font-size":"36"}}},{"id":"app_cta__heading--white","name":"app_cta__heading--white","settings":{"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"app_cta__heading--gradient","name":"app_cta__heading--gradient","settings":{"_cssCustom":".app_cta__heading--gradient span { background: linear-gradient(90deg, #2dc88c 0%, #1ab8d4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; }"}},{"id":"app_cta__subtext","name":"app_cta__subtext","settings":{"_typography":{"font-family":"Inter","font-size":"18","font-weight":"400","line-height":"1.7","text-align":"center","color":{"hex":"#7a9088"}},"_typography:mobile_landscape":{"font-size":"16"}}},{"id":"app_cta__buttons","name":"app_cta__buttons","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"16","_margin":{"top":"8"},"_direction:mobile_portrait":"column","_rowGap":"12","_justifyContent":"center"}},{"id":"app_cta__btn","name":"app_cta__btn","settings":{"_padding":{"top":"18","bottom":"18","left":"36","right":"36"},"_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"}},"_typography":{"font-family":"Inter","font-size":"17","font-weight":"700"},"_cssCustom":".app_cta__btn { transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease; } .app_cta__btn:hover { transform: translateY(-2px); }"}},{"id":"app_cta__btn--primary","name":"app_cta__btn--primary","settings":{"_background":{"color":{"hex":"#2dc88c"}},"_typography":{"color":{"hex":"#ffffff"}},"_cssCustom":".app_cta__btn--primary:hover { box-shadow: 0 8px 32px rgba(45, 200, 140, 0.40); background-color: #25b07c; }"}},{"id":"app_cta__btn--ghost","name":"app_cta__btn--ghost","settings":{"_background":{"color":{"hex":"#0d1512"}},"_border":{"width":{"top":"0","right":"0","bottom":"0","left":"0"},"style":"none"},"_typography":{"color":{"hex":"#c8d8d2"},"font-weight":"600"},"_cssCustom":".app_cta__btn--ghost:hover { color: #ffffff; opacity: 1; }"}}]}
Profile Picture
Akshay Joshi

PH CTA Section

A clean call-to-action section featuring a gradient background.
View now
Copy now
{"id":6870,"name":"ph-cta-section","title":"PH CTA Section","date":"2026-03-16 13:34:50","date_formatted":"March 16, 2026","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/ph-cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"f3fde7","name":"section","parent":0,"children":["1ab8ec"],"settings":{"_cssGlobalClasses":["meateh","hunt__section"],"_gradient":[]},"label":"CTA Section"},{"id":"1ab8ec","name":"container","parent":"f3fde7","children":["140f0e","6299f8","b309eb","819803"],"settings":{"_cssGlobalClasses":["hunt__inner","hunt__inner--col"]},"label":"Inner"},{"id":"140f0e","name":"text-basic","parent":"1ab8ec","children":[],"settings":{"text":"GET STARTED","tag":"span","_cssGlobalClasses":["hunt__badge--white","hunt__anim-fadein-down"]},"label":"Badge"},{"id":"6299f8","name":"heading","parent":"1ab8ec","children":[],"settings":{"text":"Crush your nextProduct Hunt launch","tag":"h2","_cssGlobalClasses":["hunt__cta-heading","hunt__anim-fadein-up"]},"label":"Heading"},{"id":"b309eb","name":"text-basic","parent":"1ab8ec","children":[],"settings":{"text":"Join 2,400+ founders who trust HuntReady to win on launch day.","tag":"p","_cssGlobalClasses":["hunt__cta-sub","hunt__anim-fadein-up"]},"label":"Sub"},{"id":"819803","name":"button","parent":"1ab8ec","children":[],"settings":{"text":"Start for free \u2192","link":{"type":"external","url":"#"},"_cssGlobalClasses":["hunt__btn--white"],"_cssTransition":"ease .3s"},"label":"CTA Button"}],"templateType":"section","global_classes":[{"id":"hunt__section","name":"hunt__section","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"100","bottom":"100","left":"24","right":"24"},"_padding:mobile_landscape":{"top":"60","bottom":"60"}},"modified":1773493462,"user_id":1},{"id":"hunt__inner","name":"hunt__inner","settings":{"_display":"flex","_direction":"column","_alignItems":"center","_rowGap":"28","_widthMax":"100%","_width":"1280","_textAlign":"center"},"modified":1773479545,"user_id":1},{"id":"hunt__anim-fadein-down","name":"hunt__anim-fadein-down","settings":{"_interactions":[{"id":"6bb309","trigger":"enterView","action":"startAnimation","animationType":"fadeInDown","animationDuration":"0.6s","animationDelay":"0s","target":"self","runOnce":true}]}},{"id":"hunt__anim-fadein-up","name":"hunt__anim-fadein-up","settings":{"_interactions":[{"id":"192518","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0s","target":"self","runOnce":true}]}},{"id":"hunt__inner--col","name":"hunt__inner--col","settings":{"_display":"flex","_direction":"column","_alignItems":"center","_rowGap":"48"}},{"id":"hunt__badge--white","name":"hunt__badge--white","settings":{"_typography":{"font-family":"Inter","font-size":"12","font-weight":"700","color":{"hex":"#5B4FE8"},"letter-spacing":"0.08em","text-transform":"uppercase"},"_background":{"color":{"hex":"#ffffff"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_padding":{"top":"6","bottom":"6","left":"14","right":"14"},"_display":"inline-block","_interactions":[{"id":"b5a12c","trigger":"enterView","action":"startAnimation","animationType":"fadeInDown","animationDuration":"0.5s","animationDelay":"0s","target":"self"}]}},{"id":"hunt__cta-heading","name":"hunt__cta-heading","settings":{"_typography":{"font-family":"Inter","font-size":"52","font-weight":"900","color":{"raw":"#ffffff"},"text-align":"center","line-height":"1.1"},"_typography:tablet_portrait":{"font-size":"38"},"_typography:mobile_portrait":{"font-size":"30"},"_interactions":[{"id":"12368a","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0.1s","target":"self","runOnce":true}]}},{"id":"hunt__cta-sub","name":"hunt__cta-sub","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","color":{"raw":"#ffffff"},"text-align":"center"},"_interactions":[{"id":"2c7253","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0.2s","target":"self","runOnce":true}]}},{"id":"hunt__btn--white","name":"hunt__btn--white","settings":{"_background":{"color":{"hex":"#ffffff"}},"_typography":{"font-family":"Inter","font-size":"16","font-weight":"700","color":{"hex":"#5B4FE8"}},"_padding":{"top":"16","bottom":"16","left":"32","right":"32"},"_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"},"width":{"top":"0","right":"0","bottom":"0","left":"0"}},"_cssTransition":"ease .3s","_background:hover":{"color":{"hex":"#f0eeff"}},"_transform:hover":"translateY(-2px)","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"8","blur":"24","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.2)"}}}},{"id":"meateh","name":"hunt_cta-section","settings":{"_padding":{"top":"100","bottom":"100","left":"24","right":"24"},"_gradient":{"applyTo":"background","colors":[{"id":"estemi","color":{"raw":"#5B4FE8"}},{"id":"estemi","color":{"raw":"hsl(216, 100%, 65%)"}}]}}}]}

Categories

CTAs

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