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

Magnifico CTA

Simple CTA with heading and textarea
View now
Copy now
{"id":4184,"name":"magnifico-cta","title":"Magnifico CTA","date":"2025-10-08 07:33:08","date_formatted":"October 8, 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\/magnifico-cta\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"694c1a","name":"section","parent":0,"children":["618a0e"],"settings":{"_cssGlobalClasses":["cjidkr"],"_padding:mobile_landscape":{"top":"0","left":"0","right":"0"}},"label":"Magnifico CTA"},{"id":"618a0e","name":"container","parent":"694c1a","children":["b6bcf9","53d40c","82cd3e"],"settings":{"_cssGlobalClasses":["iosyld","tdqciq"]}},{"id":"b6bcf9","name":"heading","parent":"618a0e","children":[],"settings":{"text":"Join the community today","_cssGlobalClasses":["zguzvi","igghhj"],"tag":"h2"}},{"id":"53d40c","name":"text-basic","parent":"618a0e","children":[],"settings":{"text":"Egestas fringilla aliquam leo, habitasse arcu varius lorem elit. Neque pellentesque donec et tellus ac varius tortor, bibendum. Nulla felis ac turpis at amet. Purus malesuada placerat arcu at enim elit in accumsan.","_cssGlobalClasses":["zguzvi","mpcdmr"],"_typography":{"text-align":"center"}}},{"id":"82cd3e","name":"button","parent":"618a0e","children":[],"settings":{"text":"sign up free","_cssGlobalClasses":["bxdord","tknnhp"],"icon":{"library":"ionicons","icon":"ion-ios-arrow-round-forward"},"link":{"type":"external","url":"#"},"_typography:mobile_landscape":{"font-size":"18"}}}],"templateType":"section","global_classes":[{"id":"cjidkr","name":"magnifico-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"},"_rowGap:mobile_landscape":"32","_columnGap:mobile_landscape":"32"},"modified":1758811901,"user_id":1},{"id":"tdqciq","name":"magnifico-default-container","settings":{"_widthMax":"1440px","_width":"100%","_rowGap":"80","_columnGap":"80","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40","_alignItems":"stretch"}},{"id":"mpcdmr","name":"magnifico-p","settings":{"_typography":{"font-size":"18"}}},{"id":"igghhj","name":"magnifico-h2","settings":{"_typography":{"font-size":"56","line-height":"110%","font-family":"Roboto","font-weight":"900","color":{"hex":"#0f172a"}},"_typography:mobile_landscape":{"font-size":"40"}},"modified":1758811901,"user_id":1},{"id":"zguzvi","name":"magnifico-text-white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"iosyld","name":"magnifico-cta-2","settings":{"_border":{"radius":{"top":"30","right":"30","bottom":"30","left":"30"}},"_gradient":{"applyTo":"background","colors":[{"id":"myikmu","color":{"hex":"#701a75"}},{"id":"kmggqr","color":{"hex":"#1e3a8a"}},{"id":"vnvijl","color":{"hex":"#1e40af"}},{"id":"ccculd","color":{"hex":"#312e81"}}],"gradientType":"linear","angle":"-90"},"_padding":{"top":"80","right":"80","bottom":"80","left":"80"},"_typography":{"text-align":"center","color":{"hex":"#ffffff"}},"_justifyContent":"center","_alignItems":"center","_columnGap":"24","_rowGap":"24","_padding:mobile_landscape":{"top":"48","bottom":"48","left":"5%","right":"5%"},"_border:mobile_landscape":{"radius":{"top":"0","right":"0","bottom":"0","left":"0"}}},"modified":1759479853,"user_id":1},{"id":"bxdord","name":"magnifico-cta-2_button","settings":{"_boxShadow":{"values":{"offsetX":"0","offsetY":"10","blur":"15","spread":"-3"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.1)","hsl":"hsla(0, 0%, 0%, 0.1)"}},"_padding":{"top":"14","bottom":"14","left":"24","right":"24"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"},"style":"none"},"_typography":{"font-size":"16","font-weight":"500","text-transform":"capitalize","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"line-height":"1.2","text-align":"left","text-wrap":"nowrap"},"_background":{"color":{"hex":"#2563eb"}},"iconGap":"18","iconTypography":{"font-size":"14"},"_background:hover":{"color":{"hex":"#008cff"}}},"modified":1759908341,"user_id":1},{"id":"tknnhp","name":"magnifico-cta__big-btn","settings":{"_typography":{"font-size":"24","font-weight":"700"},"_padding":{"top":"20","left":"24","bottom":"20","right":"24"},"_typography:tablet_portrait":{"font-size":"20"},"iconTypography":{"font-size":"33"},"_padding:tablet_portrait":{"top":"15","bottom":"15"},"_padding:mobile_portrait":{"top":"13","bottom":"13"}},"modified":1759907057,"user_id":1}]}
Profile Picture
Akshay Joshi

Magnifico Banner/CTA

Simple banner section with heading, textarea and cta
View now
Copy now
{"id":4182,"name":"magnifico-banner","title":"Magnifico Banner","date":"2025-10-08 07:32:24","date_formatted":"October 8, 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\/magnifico-banner\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"a6a9d3","name":"section","parent":0,"children":["3111e2"],"settings":{"_cssGlobalClasses":["cjidkr"],"_padding:mobile_landscape":{"top":"0","right":"0","left":"0"}},"label":"Magnifico Banner "},{"id":"3111e2","name":"container","parent":"a6a9d3","children":["696fc3"],"settings":{"_cssGlobalClasses":["tdqciq","erynaw"],"_direction":"row"}},{"id":"696fc3","name":"block","parent":"3111e2","children":["46bd68","ce51d4","99de3f"],"settings":{"_cssGlobalClasses":["sxxxix","gkbyae","smegwl"]},"label":"Column"},{"id":"46bd68","name":"heading","parent":"696fc3","children":[],"settings":{"text":"Problems come and get solved with ease","tag":"h2","_cssGlobalClasses":["igghhj","zguzvi"]}},{"id":"ce51d4","name":"text-basic","parent":"696fc3","children":[],"settings":{"text":"Egestas fringilla aliquam leo, habitasse arcu varius lorem elit. Neque pellentesque donec et tellus ac varius tortor, bibendum. Nulla felis ac turpis at amet. Purus malesuada placerat arcu at enim elit in accumsan.","_cssGlobalClasses":["mpcdmr","zguzvi"]}},{"id":"99de3f","name":"text-link","parent":"696fc3","children":[],"settings":{"text":"Improve workflow","icon":{"library":"ionicons","icon":"ion-ios-arrow-round-forward"},"iconPosition":"right","_cssGlobalClasses":["tkjpti","zguzvi"],"link":{"type":"external","url":"#"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"cjidkr","name":"magnifico-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"},"_rowGap:mobile_landscape":"32","_columnGap:mobile_landscape":"32"},"modified":1758811901,"user_id":1},{"id":"tdqciq","name":"magnifico-default-container","settings":{"_widthMax":"1440px","_width":"100%","_rowGap":"80","_columnGap":"80","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40","_alignItems":"stretch"}},{"id":"sxxxix","name":"magnifico-left-content_col","settings":{"_columnGap":"24","_rowGap":"24","_padding":{"top":"24","bottom":"24"},"_padding:tablet_portrait":{"top":"0","bottom":"0"},"_width":"50%","_justifyContent":"center","_width:mobile_landscape":"100%","_width:tablet_portrait":"100%"},"modified":1759907057,"user_id":1},{"id":"mpcdmr","name":"magnifico-p","settings":{"_typography":{"font-size":"18"}}},{"id":"igghhj","name":"magnifico-h2","settings":{"_typography":{"font-size":"56","line-height":"110%","font-family":"Roboto","font-weight":"900","color":{"hex":"#0f172a"}},"_typography:mobile_landscape":{"font-size":"40"}},"modified":1758811901,"user_id":1},{"id":"tkjpti","name":"magnifico-text-link","settings":{"_typography":{"color":{"hex":"#2563eb"},"font-weight":"500","font-size":"16","line-height":"24px"},"iconSize":"24","gap":"16","_typography:hover":{"color":{"hex":"#008cff"}}},"modified":1759908341,"user_id":1},{"id":"erynaw","name":"magnifico-cta-1","settings":{"_border":{"radius":{"top":"30","right":"30","bottom":"30","left":"30"}},"_gradient":{"applyTo":"overlay","gradientType":"linear","angle":"90","colors":[{"id":"hamjrz","color":{"hex":"#581c87","rgb":"rgba(88, 28, 135, 0.75)","hsl":"hsla(274, 66%, 32%, 0.75)"}},{"id":"hamjrz","color":{"hex":"#581c87","rgb":"rgba(88, 28, 135, 0.75)","hsl":"hsla(274, 66%, 32%, 0.75)"}}]},"_background":{"image":{"id":3919,"filename":"rotate-image-90.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/rotate-image-90.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/rotate-image-90-1024x683.webp"},"position":"center center","repeat":"no-repeat","size":"cover"},"_overflow":"hidden","_alignItems":"flex-end","_padding":{"top":"80","right":"80","bottom":"80","left":"80"},"_border:mobile_landscape":{"radius":{"top":"0","right":"0","bottom":"0","left":"0"}},"_padding:mobile_landscape":{"top":"48","bottom":"48","left":"5%","right":"5%"}},"modified":1759479853,"user_id":1},{"id":"zguzvi","name":"magnifico-text-white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"smegwl","name":"magnifico-cta-1__col","settings":{"_padding":{"left":"50%"},"_width":"100%","_padding:tablet_portrait":{"left":"0"}},"modified":1759907057,"user_id":1}]}
Profile Picture
Akshay Joshi

Construction kit – CTA small

Simple small CTA
View now
Copy now
{"id":3567,"name":"construction-kit-cta-small","title":"Construction kit - CTA small","date":"2025-09-01 17:48:09","date_formatted":"September 1, 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-small\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"11a401","name":"section","parent":0,"children":["03dca4"],"settings":{"_cssGlobalClasses":["ecvdox","pwabpy"]},"label":"CTA small"},{"id":"03dca4","name":"container","parent":"11a401","children":["5c32cf","0f9ca1"],"settings":{"_direction":"row","_cssGlobalClasses":["kzdlvy","gjwlpg"],"_background":{"color":{"hex":"#ffffff"}}}},{"id":"5c32cf","name":"block","parent":"03dca4","children":["bde4b6"],"settings":{"_cssGlobalClasses":["bfmoev"]},"label":"Column"},{"id":"bde4b6","name":"heading","parent":"5c32cf","children":[],"settings":{"text":"Get a Quote For Your Project","tag":"h2","_cssGlobalClasses":["jxypep"]}},{"id":"0f9ca1","name":"block","parent":"03dca4","children":["095f51"],"settings":{"_cssGlobalClasses":["cwugfr"]},"label":"Column"},{"id":"095f51","name":"button","parent":"0f9ca1","children":[],"settings":{"text":"FREE QUOTE","style":"primary","_cssGlobalClasses":["catpbt"],"link":{"type":"external","url":"#"}}}],"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":"kzdlvy","name":"construction-full-width-container","settings":{"_width":"100%","_direction":"row","_alignItems":"stretch"}},{"id":"jxypep","name":"construction-h2","settings":{"_typography:tablet_portrait":{"font-size":"32"},"_typography":{"font-size":"40","font-family":"Rubik","color":{"hex":"#2a2a2a"}},"_typography:mobile_landscape":{"font-size":"28"}}},{"id":"catpbt","name":"construction-yellow-border-button","settings":{"_border":{"width":{"top":"5","right":"5","bottom":"5","left":"5"},"style":"solid","color":{"hex":"#ffb400"}},"_typography":{"color":{"hex":"#ffb400"},"text-transform":"uppercase","font-weight":"500","font-family":"Rubik","font-size":"14"},"_padding":{"top":"15","left":"40","right":"40","bottom":"15"},"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}},"_padding:tablet_portrait":{"left":"10","right":"10"}}},{"id":"gjwlpg","name":"construction-2col-cta-ribbon","settings":{"_alignItems":"center","_rowGap:mobile_landscape":"50"}},{"id":"cwugfr","name":"construction-2col-cta-ribbon-btn-col","settings":{"_padding":{"left":"10%"},"_width":"33%","_width:mobile_landscape":"100%","_padding:mobile_landscape":{"left":"0"},"_width:tablet_portrait":"40%","_alignItems:tablet_portrait":"flex-end","_alignItems:mobile_landscape":"center"}},{"id":"bfmoev","name":"construction-2col-cta-ribbon-content-col","settings":{"_width":"67%","_width:mobile_landscape":"100%","_width:tablet_portrait":"60%","_alignItems:mobile_landscape":"center"}},{"id":"pwabpy","name":"construction__quote-banner","settings":{"_padding":{"top":"50","bottom":"50"}}}]}

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