Profile Picture
Joe Warren

CTA Banner

Simple CTA banner with a heading, text and a button
Copy component
Download JSON
{"content":[{"id":"wmnbpc","name":"section","parent":0,"children":["icjqsu"],"settings":{"_cssGlobalClasses":["qbqcae","iweoxy"]},"label":"Banner"},{"id":"icjqsu","name":"container","parent":"wmnbpc","children":["mjprkw"],"settings":{}},{"id":"mjprkw","name":"block","parent":"icjqsu","children":["nwldgz","ehftmj"],"settings":{"_cssGlobalClasses":["faevoa"]}},{"id":"nwldgz","name":"block","parent":"mjprkw","children":["dojlhm","cgmcpo"],"settings":{"_cssGlobalClasses":["okxcic"]}},{"id":"dojlhm","name":"heading","parent":"nwldgz","children":[],"settings":{"_cssGlobalClasses":["behkmk"],"tag":"h2","text":"Ready for radiant skin?"}},{"id":"cgmcpo","name":"text-basic","parent":"nwldgz","children":[],"settings":{"text":"Book your personalized skincare session today and discover your natural glow.","_typography:mobile_portrait":{"text-align":"center"}}},{"id":"ehftmj","name":"block","parent":"mjprkw","children":["jpbqep"],"settings":{"_cssGlobalClasses":["upiwtu"]}},{"id":"jpbqep","name":"button","parent":"ehftmj","children":[],"settings":{"text":"Book an appointment","style":"primary","_cssGlobalClasses":["dljujd"],"icon":{"library":"svg","svg":{"id":151,"filename":"Phone.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Phone.svg"},"height":"18","width":"18"},"iconPosition":"left","link":{"type":"external","url":"#"}}}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"qbqcae","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"}}},{"id":"iweoxy","name":"background--cream-light","settings":{"_background":{"color":{"hex":"#fff9f6"}}}},{"id":"faevoa","name":"banner","settings":{"_background":{"color":{"hex":"#fee0d9"}},"_border":{"radius":{"top":"200","right":"200","bottom":"200","left":"200"}},"_display":"grid","_gridTemplateColumns":"repeat(2, 1fr)","_padding":{"top":"75","right":"150","bottom":"75","left":"150"},"_padding:tablet_portrait":{"left":"50","right":"50","top":"50","bottom":"50"},"_gridTemplateColumns:mobile_portrait":"1fr","_border:mobile_landscape":{"radius":{"top":"150","right":"150","bottom":"150","left":"150"}}}},{"id":"okxcic","name":"banner__content","settings":{"_padding:tablet_portrait":{"bottom":"60","top":"60","right":"0","left":"0"},"_justifyContent:tablet_portrait":"center","_rowGap":"10","_padding:mobile_landscape":{"top":"22","bottom":"22","left":"0","right":"0"}},"modified":1744615411,"user_id":1},{"id":"behkmk","name":"banner__heading","settings":{"_typography":{"font-size":"42"},"_typography:tablet_portrait":{"font-size":"36"},"_typography:mobile_portrait":{"text-align":"center","font-size":"30"}}},{"id":"upiwtu","name":"banner__button-wrap","settings":{"_alignItems":"flex-end","_justifyContent":"center","_alignItems:mobile_portrait":"center"}},{"id":"dljujd","name":"button-primary","settings":{"_background":{"color":{"hex":"#ff835a"}},"_typography":{"font-weight":"700"},"_padding":{"left":"40","right":"40","bottom":"14","top":"14"},"_border":{"radius":{"right":"20"}},"_background:hover":{"color":{"hex":"#512729"}},"_typography:hover":{"color":{"hex":"#ffffff"}},"_cssTransition":"all 0.2s ease","_cssCustom":".button-primary:hover svg {\n stroke: #ffffff;\n}"}}],"globalElements":[]}

Similar components

Profile Picture
Akshay Joshi

Construction Kit – CTA section

Simple CTA section
View now
Copy now
{"id":3352,"name":"construction-kit-cta-section","title":"Construction Kit - CTA section","date":"2025-08-20 17:40:27","date_formatted":"August 20, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/construction-kit-cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"c56d13","name":"section","parent":0,"children":["73e207"],"settings":{"_cssGlobalClasses":["ecvdox","rocynw","okzltd"],"_background":{"image":{"id":2872,"filename":"Rectangle-11.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Rectangle-11.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Rectangle-11.webp"}}},"label":"CTA section"},{"id":"73e207","name":"container","parent":"c56d13","children":["deaa78","ea2dac","22c65b","54ff67"],"settings":{"_cssGlobalClasses":["imymyf","kzdlvy","gcmjhr"]}},{"id":"deaa78","name":"divider","parent":"73e207","children":[],"settings":{"_cssGlobalClasses":["lwoswp"]}},{"id":"ea2dac","name":"heading","parent":"73e207","children":[],"settings":{"text":"We\u2019ve Been Building For Over 20 years","_cssGlobalClasses":["sfvrne","rzofye","ljzyjk"],"tag":"h2"}},{"id":"22c65b","name":"text-basic","parent":"73e207","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lectus erat consectetur eu sapien eget, rhoncus consectetur sem.","_cssGlobalClasses":["sfvrne","wyotfr","nyfjpi"]}},{"id":"54ff67","name":"button","parent":"73e207","children":[],"settings":{"_cssGlobalClasses":["sbbeyt"],"link":{"type":"external","url":"#"},"text":"about us"}}],"templateType":"section","global_classes":[{"id":"ecvdox","name":"construction-default-section","settings":{"_padding":{"top":"100","bottom":"100","right":"8%","left":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","right":"5%","left":"5%"}}},{"id":"imymyf","name":"construction-default-container","settings":[]},{"id":"kzdlvy","name":"construction-full-width-container","settings":{"_width":"100%","_direction":"row"}},{"id":"rocynw","name":"construction-fullwidth-section","settings":{"_padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},{"id":"lwoswp","name":"construction__divider","settings":{"height":"6","width":"46","style":"solid","justifyContent":"center","color":{"hex":"#ffb400"}}},{"id":"gcmjhr","name":"construction-main-cta-container","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_heightMin":"600","_direction":"column","_rowGap":"20","_columnGap":"20","_widthMax":"700","_heightMin:mobile_landscape":"400","_padding:mobile_portrait":{"top":"75","bottom":"75"}},"modified":1755711577,"user_id":1},{"id":"sfvrne","name":"construction-text__white","settings":{"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"wyotfr","name":"construction-body_font_big","settings":{"_typography":{"font-size":"22"},"_typography:mobile_landscape":{"font-size":"17"}},"modified":1755695502,"user_id":1},{"id":"rzofye","name":"construction-h2_big","settings":{"_typography":{"font-size":"52","font-family":"Rubik"},"_typography:tablet_portrait":{"font-size":"46"},"_margin:tablet_portrait":{"bottom":"0"},"_typography:mobile_landscape":{"font-size":"36"}}},{"id":"ljzyjk","name":"construction-main-cta-container_heading","settings":{"_typography":{"text-align":"center"}}},{"id":"nyfjpi","name":"construction-main-cta-container_text","settings":{"_typography":{"text-align":"center"}}},{"id":"sbbeyt","name":"construction__btn","settings":{"_background":{"color":{"hex":"#ffb400"}},"_typography":{"color":{"hex":"#ffffff"},"font-weight":"600","font-size":"14","text-transform":"uppercase"},"_padding":{"left":"40","top":"14","right":"40","bottom":"14"},"_background:hover":{"color":{"hex":"#c28b00"}}}},{"id":"okzltd","name":"construction-cta-section","settings":{"_gradient":{"applyTo":"overlay","colors":[{"id":"uhuhrk","color":{"hex":"#212121","rgb":"rgba(33, 33, 33, 0.8)","hsl":"hsla(0, 0%, 13%, 0.8)"}},{"id":"uhuhrk","color":{"hex":"#212121","rgb":"rgba(33, 33, 33, 0.8)","hsl":"hsla(0, 0%, 13%, 0.8)"}}]},"_padding:mobile_landscape":{"left":"20","right":"20"}}}]}
Profile Picture
Akshay Joshi

illustrake-kit- Black ribbon

Simple black colored ribbon
View now
Copy now
{"id":3032,"name":"illustrake-kit-black-ribbon","title":"Illustrake kit - Black ribbon","date":"2025-08-07 07:23:19","date_formatted":"August 7, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/illustrake-kit-black-ribbon\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"ca4c22","name":"section","parent":0,"children":["5acb42"],"settings":{"_cssGlobalClasses":["fypsgy","tmfckp"]},"label":"Black ribbon"},{"id":"5acb42","name":"container","parent":"ca4c22","children":["0262dd"],"settings":{"_cssGlobalClasses":["mirvgy","jfjmxe"],"_direction":"row"}},{"id":"0262dd","name":"heading","parent":"5acb42","children":[],"settings":{"_cssGlobalClasses":["ewlpmb","amrhnq"],"text":"MORE THAN 23 CRORE AD BUDGET MANAGED ACROSS 5+ PLATFORMS IN LAST 6 MONTHS.."}}],"templateType":"section","global_classes":[{"id":"fypsgy","name":"illustrake-default-section","settings":{"_padding":{"top":"100","right":"5%","bottom":"100","left":"5%"},"_padding:tablet_portrait":{"top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"50","bottom":"50"}},"modified":1754548072,"user_id":1},{"id":"mirvgy","name":"illustrake-default-container","settings":{"_columnGap":"80","_rowGap":"80","_width":"100%","_widthMax":"1232","_columnGap:tablet_portrait":"60","_rowGap:tablet_portrait":"60"},"modified":1754404514,"user_id":1},{"id":"ewlpmb","name":"illustrake-h3","settings":{"_typography":{"text-align":"center","color":{"hex":"#ffffff"},"font-size":"clamp(22px, calc(24px + (4 * ((100vw - 1440px) \/ 480))), 25px);"}}},{"id":"jfjmxe","name":"illustrake-home-build-container","settings":{"_width:tablet_portrait":"100%","_flexWrap:tablet_portrait":"wrap","_padding:tablet_portrait":{"left":"40","right":"40"},"_padding:mobile_landscape":{"right":"30","left":"30"},"_alignItems":"center","_justifyContent":"center","_alignSelf":"center"},"modified":1754404514,"user_id":1},{"id":"amrhnq","name":"illustrake-home-build-full-width-container__block-text","settings":{"_typography":{"text-align":"center","color":{"hex":"#ffffff"}}}},{"id":"tmfckp","name":"illustrake-home-build-black-section","settings":{"_background":{"color":{"hex":"#000000"}},"_padding":{"top":"10","bottom":"10"}}}]}
Profile Picture
Akshay Joshi

illustrake-kit- CTA 2

CTA section 2
View now
Copy now
{"id":3034,"name":"illustrake-kit-cta-2","title":"Illustrake kit - CTA 2","date":"2025-08-07 07:24:20","date_formatted":"August 7, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/illustrake-kit-cta-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"c127db","name":"section","parent":0,"children":["e7a84d"],"settings":{"_cssGlobalClasses":["fypsgy","ffedny"]},"label":"CTA 2"},{"id":"e7a84d","name":"container","parent":"c127db","children":["e99484","eeb5bc"],"settings":{"_cssGlobalClasses":["mirvgy","rfuhrt"],"_background":{"image":{"id":2831,"filename":"Mask-group-2-1.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Mask-group-2-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Mask-group-2-1-1024x312.webp"}},"_direction":"row"}},{"id":"e99484","name":"block","parent":"e7a84d","children":["e26167","75f6d2"],"settings":{"_cssGlobalClasses":["iesyvo"]},"label":"Column"},{"id":"e26167","name":"heading","parent":"e99484","children":[],"settings":{"text":"Want to schedule a meeting with our experts?","_cssGlobalClasses":["jeecrm","mxoboh","dktnak"],"tag":"h2"}},{"id":"75f6d2","name":"text-basic","parent":"e99484","children":[],"settings":{"text":"Let\u2019s talk Clear. Concise. Compelling ideas for your brand!","_cssGlobalClasses":["sjulhp","mxoboh","vatdel"]}},{"id":"eeb5bc","name":"block","parent":"e7a84d","children":["45f64f"],"settings":{"_cssGlobalClasses":["hqzstp"]},"label":"Column"},{"id":"45f64f","name":"button","parent":"eeb5bc","children":[],"settings":{"text":"Get Started","_cssGlobalClasses":["mhsbkx","lusnqn","jkivly"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"fypsgy","name":"illustrake-default-section","settings":{"_padding":{"top":"100","right":"5%","bottom":"100","left":"5%"},"_padding:tablet_portrait":{"top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"50","bottom":"50"}},"modified":1754548072,"user_id":1},{"id":"mirvgy","name":"illustrake-default-container","settings":{"_columnGap":"80","_rowGap":"80","_width":"100%","_widthMax":"1232","_columnGap:tablet_portrait":"60","_rowGap:tablet_portrait":"60"},"modified":1754404514,"user_id":1},{"id":"mhsbkx","name":"illustrake-default_button","settings":{"_padding":{"top":"10","bottom":"10","right":"30","left":"30"},"_widthMin":"134px","_heightMin":"49px","_typography":{"font-size":"18","font-weight":"400"},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid"}}},{"id":"lusnqn","name":"illustrake-default_button-green","settings":{"_background":{"color":{"hex":"#11b979"}},"_typography":{"color":{"hex":"#ffffff"}},"_typography:hover":{"color":{"hex":"#4b4b4b"}},"_background:hover":{"color":{"hex":"#ffffff"}},"_border:hover":{"color":{"hex":"#11b979"},"style":"solid","width":{"top":"1","right":"1","bottom":"1","left":"1"}},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#10b979"}}}},{"id":"jeecrm","name":"illustrake-h2_big","settings":{"_typography":{"font-size":"50px","font-family":"Poppins","font-weight":"500"},"_typography:mobile_landscape":{"font-size":"36px"}}},{"id":"sjulhp","name":"illustrake-body_regular","settings":{"_typography":{"font-size":"18px","font-weight":"300","font-family":"Poppins"},"_typography:mobile_landscape":{"font-size":"16px"}}},{"id":"mxoboh","name":"illustrake-text__white","settings":{"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"ffedny","name":"illustrake-home-bottom-cta-section","settings":[]},{"id":"rfuhrt","name":"illustrake-home-bottom-cta-container","settings":{"_border":{"radius":{"top":"40","right":"40","bottom":"40","left":"40"}},"_heightMin":"366","_gradient":{"applyTo":"overlay","colors":[{"id":"afzzve","color":{"hex":"#050505","rgb":"rgba(5, 5, 5, 0.66)","hsl":"hsla(0, 0%, 2%, 0.66)"}},{"id":"afzzve","color":{"hex":"#050505","rgb":"rgba(5, 5, 5, 0.66)","hsl":"hsla(0, 0%, 2%, 0.66)"}}]},"_overflow":"hidden","_alignItems":"center","_justifyContent":"center","_padding":{"left":"50","top":"50","right":"50","bottom":"50"},"_flexWrap:tablet_portrait":"wrap","_justifyContent:tablet_portrait":"center","_alignItems:tablet_portrait":"center","_width:tablet_portrait":"100%","_alignSelf:tablet_portrait":"center","_alignItems:mobile_portrait":"center","_justifyContent:mobile_portrait":"center","_alignSelf:mobile_portrait":"center","_direction:tablet_portrait":"column","_padding:mobile_landscape":{"left":"30","right":"30"}}},{"id":"jkivly","name":"illustrake-home-bottom-cta-container_btn","settings":[]},{"id":"hqzstp","name":"illustrake-home-bottom-cta-container_btn-col","settings":{"_alignItems":"flex-end","_width:tablet_portrait":"100%","_alignItems:tablet_portrait":"center","_justifyContent:mobile_portrait":"center","_alignSelf:mobile_portrait":"center","_alignSelf:tablet_portrait":"center","_justifyContent:tablet_portrait":"center","_alignItems:mobile_landscape":"center","_width":"20%"}},{"id":"dktnak","name":"illustrake-home-bottom-cta-container_heading","settings":{"_typography:tablet_portrait":{"text-align":"center"}}},{"id":"vatdel","name":"illustrake-home-bottom-cta-container_text","settings":{"_typography:mobile_landscape":{"text-align":"center"}}},{"id":"iesyvo","name":"illustrake-home-bottom-cta-container_text-col","settings":{"_width:tablet_portrait":"100%","_width":"80%","_alignItems:tablet_portrait":"center","_rowGap":"30"}}]}

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