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

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