Profile Picture
Julian Galluzzo

PostPilot CTA Section

A contrasting blue CTA section from the PostPilot website.
Copy component
Download JSON
{"content":[{"id":"xlhalw","name":"section","parent":0,"children":["wgkcrj","jhkocg"],"settings":{"_cssGlobalClasses":["nweqpe","gvycbe"],"_position":"relative","_justifyContent":"center"},"label":"Sky Section"},{"id":"wgkcrj","name":"container","parent":"xlhalw","children":["vwzifg"],"settings":{"_cssGlobalClasses":["dccpwx"]},"label":"Sky Container"},{"id":"vwzifg","name":"div","parent":"wgkcrj","children":["qtaybd","dctfos"],"settings":{"_cssGlobalClasses":["ibjysu"],"_alignItemsGrid":"flex-end"},"label":"Grid 2 Col"},{"id":"qtaybd","name":"div","parent":"vwzifg","children":["bbeqhp","syxjaq","jxsbbl","xcxwbd"],"settings":{"_cssGlobalClasses":[],"_padding":{"bottom":"125","top":"125"},"_position":"relative","_zIndex":"1","_width:mobile_landscape":"100%","_padding:mobile_landscape":{"bottom":"0"}}},{"id":"bbeqhp","name":"div","parent":"qtaybd","children":["rzwtfi","urqlkx","tdomwi"],"settings":{"_cssGlobalClasses":["dzvijm"],"_margin":{"bottom":"30","left":"auto","right":"auto"}},"label":"Rating"},{"id":"rzwtfi","name":"svg","parent":"bbeqhp","children":[],"settings":{"signature":"08325a2439d2c8fd7398a5e158c89641","user_id":1,"time":1737369926,"file":{"id":131,"filename":"shopify_logo_whitebg.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/shopify_logo_whitebg.svg"},"_height":"24px","_margin":{"right":"10"}},"themeStyles":[]},{"id":"urqlkx","name":"div","parent":"bbeqhp","children":["inyubp","ghpqlk","acpblq","qgppys","jdbmms"],"settings":{"_cssGlobalClasses":["uymsvy"]}},{"id":"inyubp","name":"icon","parent":"urqlkx","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"_cssGlobalClasses":["vacymq"]},"themeStyles":[],"label":"Star"},{"id":"ghpqlk","name":"icon","parent":"urqlkx","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"_cssGlobalClasses":["vacymq"]},"themeStyles":[],"label":"Star"},{"id":"acpblq","name":"icon","parent":"urqlkx","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"_cssGlobalClasses":["vacymq"]},"themeStyles":[],"label":"Star"},{"id":"qgppys","name":"icon","parent":"urqlkx","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"_cssGlobalClasses":["vacymq"]},"themeStyles":[],"label":"Star"},{"id":"jdbmms","name":"icon","parent":"urqlkx","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-star"},"_cssGlobalClasses":["vacymq"]},"themeStyles":[],"label":"Star"},{"id":"tdomwi","name":"text-basic","parent":"bbeqhp","children":[],"settings":{"text":"5.0","_cssGlobalClasses":["htwgzp"],"_typography":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}}}},{"id":"syxjaq","name":"heading","parent":"qtaybd","children":[],"settings":{"text":"Try PostPilotRisk-Free","_cssGlobalClasses":["nqfpij"],"_widthMax":"750px","_margin":{"top":"25"},"_typography":{"font-size":"65"},"_typography:mobile_portrait":{"font-size":"50"}},"label":"H2"},{"id":"jxsbbl","name":"text-basic","parent":"qtaybd","children":[],"settings":{"text":"No contracts or minimums. Incredible results.","_cssGlobalClasses":["ztnvmt"],"_margin":{"bottom":"30","top":"15"}}},{"id":"xcxwbd","name":"text-link","parent":"qtaybd","children":[],"settings":{"text":"Try it risk-free","_cssGlobalClasses":["kzgewl"]},"themeStyles":[]},{"id":"dctfos","name":"image","parent":"vwzifg","children":[],"settings":{"image":{"id":165,"filename":"hand.avif","size":"large","full":"https://postpilot.local/wp-content/uploads/2025/01/hand.avif","url":"https://postpilot.local/wp-content/uploads/2025/01/hand-1024x1002.avif"},"_position":"relative","_zIndex":"1"}},{"id":"jhkocg","name":"svg","parent":"xlhalw","children":[],"settings":{"file":{"id":13,"filename":"66f14b25a707363026887052_PostPilot-logo-mark.svg","url":"http://postpilot.local/wp-content/uploads/2025/01/66f14b25a707363026887052_PostPilot-logo-mark.svg"},"_cssGlobalClasses":["zzcdtp"]},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.11.1.1","globalClasses":[{"id":"nweqpe","name":"sky-section","settings":{"_background":{"color":{"hex":"#bbdeff","id":"tigemx","name":"Color #7"}}},"modified":1737382996,"user_id":1},{"id":"gvycbe","name":"section-padding-side","settings":{"_padding":{"left":"5%","right":"5%"}},"modified":1737219324,"user_id":1},{"id":"dccpwx","name":"container-width","settings":{"_width":"100%","_widthMax":"1300px"}},{"id":"ibjysu","name":"grid-2-col","settings":{"_width":"100%","_display":"grid","_gridTemplateColumns":"1fr 1fr","_gridGap":"125","_alignItemsGrid":"center","_display:mobile_landscape":"flex","_direction:mobile_landscape":"column","_columnGap:mobile_landscape":"75","_rowGap:mobile_landscape":"75"},"modified":1737373612,"user_id":1},{"id":"dzvijm","name":"rating","settings":{"_display":"flex","_justifyContent":"flex-start","_alignItems":"center"},"modified":1737370371,"user_id":1},{"id":"uymsvy","name":"rating__star-wrap","settings":{"_display":"flex","_justifyContent":"center","_columnGap":"2px"}},{"id":"vacymq","name":"rating__star--dark","settings":{"iconSize":"20","iconColor":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}}},{"id":"htwgzp","name":"rating__number","settings":{"_typography":{"font-weight":"600","color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"_margin":{"left":"10"}},"modified":1737370371,"user_id":1},{"id":"nqfpij","name":"h2","settings":{"_typography":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"},"font-family":"Merriweather","font-size":"50","font-weight":"400"},"_typography:mobile_portrait":{"font-size":"30"}},"modified":1737219727,"user_id":1},{"id":"ztnvmt","name":"paragraph","settings":{"_typography":{"font-size":"18"}},"modified":1737382996,"user_id":1},{"id":"kzgewl","name":"button--blue","settings":{"_typography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"font-size":"18px","text-transform":"uppercase","font-weight":"600"},"_background":{"color":{"hex":"#6ab1f3","id":"vqhiae","name":"Color #1"}},"_padding":{"left":"25","right":"25","bottom":"15","top":"15"},"_cssTransition":"all 200ms ease","_background:hover":{"color":{"hex":"#208bee"}}}},{"id":"zzcdtp","name":"hero__svg","settings":{"_pointerEvents":"none","_opacity":"0.15","_position":"absolute","_right":"-3%","_zIndex":"0","_height":"75%","_top:mobile_portrait":"auto","_right:mobile_portrait":"-3%","_bottom:mobile_portrait":"10%","_height:mobile_portrait":"100%","_display:mobile_landscape":"none"}}],"globalElements":[]}

Our notes on this component

This CTA section contains a contrasting background behind a heading, paragraph, and a button. Along with that, it contains an SVG with the PostPilot logo as a faint background detail.

The design from this component was taken from the PostPilot website – so the images are more than likely all owned by them!

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