Profile Picture
Akshay Joshi

Estatein kit – CTA Section

Simple CTA section with dark background
Copy component
Download JSON
{"id":1521,"name":"estatein-cta-section","title":"Estatein - CTA Section","date":"2025-06-13 18:27:10","date_formatted":"June 13, 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\/estatein-cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"682799","name":"section","parent":0,"children":["18fc3f"],"settings":{"_cssGlobalClasses":["qcvyzw","ycbctq"]},"label":"CTA Section"},{"id":"18fc3f","name":"container","parent":"682799","children":["298744","4e72f2"],"settings":{"_cssGlobalClasses":["wglmeq","ngqqhe"],"_direction":"row"}},{"id":"298744","name":"block","parent":"18fc3f","children":["56f906","bd0cbb"],"settings":{"_cssGlobalClasses":["kjaezl"]},"label":"Column"},{"id":"56f906","name":"heading","parent":"298744","children":[],"settings":{"text":"Start Your Real Estate Journey Today","tag":"h2","_cssGlobalClasses":["mvihif"]}},{"id":"bd0cbb","name":"text-basic","parent":"298744","children":[],"settings":{"text":"Your dream property is just a click away. Whether you're looking for a new home, a strategic investment, or expert real estate advice, Estatein is here to assist you every step of the way. Take the first step towards your real estate goals and explore our available properties or get in touch with our team for personalized assistance.","_cssGlobalClasses":["sfstmx"]}},{"id":"4e72f2","name":"block","parent":"18fc3f","children":["74d6d3"],"settings":{"_cssGlobalClasses":["yxmueh"]},"label":"Column"},{"id":"74d6d3","name":"button","parent":"4e72f2","children":[],"settings":{"text":"Explore Properties","_cssGlobalClasses":["xggucw"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"qcvyzw","name":"estatein-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"8%","right":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","left":"5%","right":"5%"}},"modified":1749740692,"user_id":1},{"id":"wglmeq","name":"estatein-default-container","settings":{"_direction:mobile_landscape":"row","_width":"1596"},"modified":1749711177,"user_id":1},{"id":"ycbctq","name":"estatein-cta-section","settings":{"_background":{"position":"bottom center","repeat":"repeat-x","image":{"id":1363,"filename":"CTA-1-scaled.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/CTA-1-scaled.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/CTA-1-scaled.png"},"color":{"hex":"#141414"},"size":"contain"},"_gradient":[],"_heightMin":"263","_width":"100%","_border":{"width":{"top":"1","bottom":"1"},"style":"solid","color":{"hex":"#262626"}}},"modified":1748600265,"user_id":1},{"id":"ngqqhe","name":"estate-cta-container","settings":{"_justifyContent":"center","_alignItems":"center","_direction:mobile_landscape":"column","_rowGap:mobile_landscape":"20"},"modified":1748526561,"user_id":1},{"id":"mvihif","name":"estatein-h2-whte","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"48","font-weight":"600"},"_typography:mobile_landscape":{"font-size":"28"}},"modified":1748526561,"user_id":1},{"id":"kjaezl","name":"estatein-cta-content__col","settings":{"_width":"67%","_width:mobile_landscape":"100%","_rowGap":"30"}},{"id":"yxmueh","name":"estatein-cta-btn__col","settings":{"_width":"33%","_justifyContent":"center","_alignItems":"flex-end","_width:mobile_landscape":"100%","_alignItems:mobile_landscape":"flex-start"}},{"id":"sfstmx","name":"estatein__body-text","settings":{"_typography":{"color":{"hex":"#999999"},"font-size":"clamp(16px, calc(16px + (4 * ((100vw - 1440px) \/ 480))), 18px);"},"_typography:mobile_landscape":{"font-size":"14"},"_typography:tablet_portrait":{"font-size":"16"}}},{"id":"xggucw","name":"estatein-btn_purple","settings":{"_background":{"color":{"hex":"#703bf7"}},"_typography":{"color":{"hex":"#ffffff"},"font-size":"clamp(14px, calc(14px + (4 * ((100vw - 1440px) \/ 480))), 18px);"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#703bf7"}},"_padding":{"top":"18","bottom":"18","right":"3.5%","left":"3.5%"},"_padding:tablet_portrait":{"top":"14","bottom":"14"},"_typography:tablet_portrait":{"font-size":"14"},"_background:hover":{"color":{"hex":"#292929"}}},"modified":1749805439,"user_id":1}]}

Similar components

Profile Picture
Akshay Joshi

Sunzen Kit – Minimalist CTA Block

CTA with heading
View now
Copy now
{"id":974,"name":"cta","title":"CTA","date":"2025-05-28 21:22:56","date_formatted":"May 28, 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\/cta\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"47a9eb","name":"section","parent":0,"children":["978c3f"],"settings":{"_cssGlobalClasses":["qflssy","drsbvb"]},"label":"CTA"},{"id":"978c3f","name":"container","parent":"47a9eb","children":["9dd1fb","a9fb34"],"settings":{"_cssGlobalClasses":["jjcpci","dsmrdf"]}},{"id":"9dd1fb","name":"heading","parent":"978c3f","children":[],"settings":{"text":"Reserve your space","_cssGlobalClasses":["fuuwae"],"tag":"h2"}},{"id":"a9fb34","name":"button","parent":"978c3f","children":[],"settings":{"text":"Sign up now","style":"primary","_cssGlobalClasses":["fwtdtj","unqjse"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"qflssy","name":"sunzen-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"},"_padding:mobile_landscape":{"top":"80","bottom":"80"},"_padding:mobile_portrait":{"top":"60","bottom":"60"},"_rowGap":"64","_rowGap:mobile_portrait":"40"}},{"id":"jjcpci","name":"sunzen-default-container","settings":{"_width":"1248","_rowGap":"64","_rowGap:mobile_landscape":"30"}},{"id":"fwtdtj","name":"sunzen-primary-btn","settings":{"_background":{"color":{"hex":"#e9e591"}},"_border":{"radius":{"top":"1000","right":"1000","left":"1000","bottom":"1000"}},"_typography":{"color":{"hex":"#111111"},"font-weight":"700","font-size":"18","font-family":"Manrope"},"_padding":{"right":"32","left":"32","top":"5","bottom":"5"},"_padding:mobile_portrait":{"right":"24","left":"24"},"_typography:mobile_portrait":{"font-size":"16"},"_heightMin":"60px","_heightMin:mobile_portrait":"48px","_background:hover":{"color":{"hex":"#bab562"}}}},{"id":"fuuwae","name":"sunzen__h2","settings":{"_typography":{"font-size":"42","font-family":"Manrope","font-weight":"600","color":{"hex":"#111111"}},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"24"}}},{"id":"unqjse","name":"sunzen__btn-black","settings":{"_background":{"color":{"hex":"#111111"}},"_typography":{"color":{"hex":"#ffffff"}},"_background:hover":{"color":{"hex":"#363534"}}},"modified":1748467181,"user_id":1},{"id":"drsbvb","name":"sunzen__bg-yellow","settings":{"_background":{"color":{"hex":"#e9e591"}}}},{"id":"dsmrdf","name":"sunzen__cta-container","settings":{"_justifyContent":"center","_alignItems":"center","_alignSelf":"center","_rowGap":"30"}}]}
Profile Picture
Akshay Joshi

Metric CTA 2

Call-to-action section with an email subscription form.
View now
Copy now
{"id":796,"name":"metric-cta-section-2-2","title":"Metric CTA Section 2","date":"2025-05-24 13:35:58","date_formatted":"May 24, 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\/metric-cta-section-2-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"90f713","name":"section","parent":0,"children":["a5ebd3"],"settings":{"_cssGlobalClasses":["vneohb"]},"label":"CTA Section"},{"id":"a5ebd3","name":"container","parent":"90f713","children":["1181cb","8d16ca"],"settings":{"_cssGlobalClasses":["qresdr","epcoql"]}},{"id":"1181cb","name":"block","parent":"a5ebd3","children":["d493bc","5f0d91","16d11d"],"settings":{"_cssGlobalClasses":["rwcdbh","kxpjro"]},"label":"Left Column"},{"id":"d493bc","name":"block","parent":"1181cb","children":["58966c"],"settings":{"_cssGlobalClasses":["gvwtyk"]},"label":"Heading Block"},{"id":"58966c","name":"heading","parent":"d493bc","children":[],"settings":{"text":"Join 15,000+ tech marketers and founders getting actionable growth insights every week","tag":"h2","_cssGlobalClasses":["jxomuc","suzrzk"]}},{"id":"5f0d91","name":"block","parent":"1181cb","children":["afcd7f","d357f8"],"settings":{"_cssGlobalClasses":["kyasjy"],"_border:mobile_landscape":{"width":{"bottom":"0"}}}},{"id":"afcd7f","name":"block","parent":"5f0d91","children":["004034","1c2c23"],"settings":{"_cssGlobalClasses":["pwidhq"]}},{"id":"004034","name":"image","parent":"afcd7f","children":[],"settings":{"_cssGlobalClasses":["odtzmx"],"image":{"id":750,"filename":"Testimonial-Image.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Testimonial-Image.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Testimonial-Image.svg"}},"themeStyles":[]},{"id":"1c2c23","name":"heading","parent":"afcd7f","children":[],"settings":{"text":"Rachel Kumar, SEO Lead at CloudStack","_cssGlobalClasses":["xidqdh"],"tag":"custom","customTag":"span"},"label":"Title"},{"id":"d357f8","name":"text-basic","parent":"5f0d91","children":[],"settings":{"text":"Finally, B2B marketing advice that actually drives revenue.","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"16d11d","name":"block","parent":"1181cb","children":["501128","7da818"],"settings":{"_cssGlobalClasses":["kyasjy"],"_border:mobile_landscape":{"width":{"bottom":"0"}}}},{"id":"501128","name":"block","parent":"16d11d","children":["0853eb","7a999c"],"settings":{"_cssGlobalClasses":["pwidhq"]}},{"id":"0853eb","name":"image","parent":"501128","children":[],"settings":{"_cssGlobalClasses":["odtzmx"],"image":{"id":737,"filename":"Testimonial-Image.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Testimonial-Image.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Testimonial-Image.png"}},"themeStyles":[]},{"id":"7a999c","name":"heading","parent":"501128","children":[],"settings":{"text":"Mark Thompson, CEO at Data Sphere","_cssGlobalClasses":["xidqdh"],"tag":"custom","customTag":"span"},"label":"Title"},{"id":"7da818","name":"text-basic","parent":"16d11d","children":[],"settings":{"text":"The only newsletter I read every week. Clear insights without the fluff.","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"8d16ca","name":"block","parent":"a5ebd3","children":["4350bd"],"settings":{"_cssGlobalClasses":["wlbkbx"]},"label":"Right Column"},{"id":"4350bd","name":"form","parent":"8d16ca","children":[],"settings":{"fields":[{"type":"email","placeholder":"Work Email","required":true,"id":"817e57","label":"Email"},{"type":"checkbox","label":"Term","id":"nmpdff","options":"I agree that Metric can store my submitted information as outlined in our Privacy Policy. I understand I can request deletion of my data at any time via support@metric.com."}],"actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["tamhog"],"submitButtonText":"Subscribe"},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"vneohb","name":"metric-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"},"_padding:mobile_landscape":{"top":"80","bottom":"80"},"_padding:mobile_portrait":{"top":"60","bottom":"60"}}},{"id":"qresdr","name":"metric-default-container","settings":{"_width":"1728","_rowGap":"45"}},{"id":"jxomuc","name":"metric-h2-white","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"48","font-weight":"400"},"_typography:mobile_portrait":{"font-size":"32"},"_typography:tablet_portrait":{"font-size":"40"},"_typography:mobile_landscape":{"font-size":"40"}}},{"id":"xidqdh","name":"metric-case-study__title","settings":{"_typography":{"color":{"hex":"#909090"},"font-size":"20","font-weight":"400"},"_typography:tablet_portrait":{"font-size":"16"},"_typography:mobile_landscape":{"font-size":"20"},"_typography:mobile_portrait":{"font-size":"16"}}},{"id":"pmslul","name":"metric-case-study__desc","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"20","font-weight":"400","line-height":"1.2"},"_typography:mobile_portrait":{"font-size":"16"}}},{"id":"pwidhq","name":"metric-case-study__inner-block","settings":{"_direction":"row","_flexWrap":"nowrap","_alignItems":"center","_columnGap":"15"}},{"id":"odtzmx","name":"metric-case-study__photo","settings":{"_width":"56","_border":{"radius":{"right":"50%","bottom":"50%","left":"50%","top":"50%"}}}},{"id":"gvwtyk","name":"metric-cta-section_list-block","settings":{"_rowGap":"64"}},{"id":"wlbkbx","name":"metric-cta-section_form-column","settings":[]},{"id":"tamhog","name":"metric-cta-section_form","settings":{"submitButtonBorder":{"radius":{"top":"100","right":"100","left":"100","bottom":"100"}},"fieldBackgroundColor":{"hex":"#171717"},"fieldBorder":{"width":{"top":"0","right":"0","left":"0","bottom":"1"},"style":"solid","color":{"hex":"#ffffff"}},"fieldPadding":{"bottom":"24"},"fieldTypography":{"font-size":"20","color":{"hex":"#ffffff"}},"placeholderTypography":{"color":{"hex":"#ffffff"}},"_cssCustom":".metric-cta-section_form button.bricks-button {\n padding-top: 8px;\n padding-right: 24px;\n padding-bottom: 8px;\n padding-left: 24px;\n min-height: 48px;\n border-radius: 50px;\n background-color: #fff;\n font-size: 16px;\n font-weight: 500;\n color: #171717;\n}\n.metric-cta-section_form span.justterm a {\n color: white;\n text-decoration: underline;\n} \n.metric-cta-section_form ul.options-wrapper {\n padding-bottom: 24px;\n border-bottom: 1px solid #fff;\n margin-bottom: 72px;\n}\n.metric-cta-section_form input {\n margin-bottom: 72px;\n}\n.metric-cta-section_form .justlabel {\n font-size: 20px;\n}\n.metric-cta-section_form ul.options-wrapper li {\n color: #909090;\n font-size: 17px;\n margin-bottom: 16px;\n}\n\n\/* Container UL Styling *\/\n\n\n\/* Hide the default checkbox *\/\n .metric-cta-section_form .options-wrapper input[type=\"checkbox\"] {\n display: none;\n}\n\n\/* Style the label as a block and align checkbox visually *\/\n .metric-cta-section_form .options-wrapper label {\n display: flex;\n align-items: center;\n gap: 16px;\n\n color: #999999;\n cursor: pointer;\n padding: 10px;\n}\n\n\/* Custom checkbox box *\/\n .metric-cta-section_form .options-wrapper input[type=\"checkbox\"] + label::before {\n content: \"\";\n display: inline-block;\n width: 24px;\n height: 25px;\n background-color: #ffffff;\n border-radius: 2px;\n flex-shrink: 0;\n position: relative;\n}\n\n\/* Checkmark when checked *\/\n .metric-cta-section_form .options-wrapper input[type=\"checkbox\"]:checked + label::before {\n content: \"\u2713\";\n font-size: 14px;\n color: black;\n text-align: center;\n line-height: 25px;\n}\n","_cssCustom:mobile_landscape":" .metric-cta-section_form ul.options-wrapper {\n\n margin-bottom: 56px;\n}\n.metric-cta-section_form input {\n margin-bottom: 56px;\n}","_cssCustom:mobile_portrait":" .metric-cta-section_form ul.options-wrapper {\n \n margin-bottom: 44px;\n}\n.metric-cta-section_form input {\n margin-bottom: 44px;\n}\n.metric-cta-section_form .justlabel {\n font-size: 16px;\n}\n.metric-cta-section_form .options-wrapper label {\n \n font-size: 16px;\n}","fieldTypography:mobile_portrait":{"font-size":"16"},"submitButtonTypography":{"font-size":"16","font-weight":"500"},"submitButtonBackgroundColor:hover":{"hex":"#ffffff","rgb":"rgba(255, 255, 255, 0.62)","hsl":"hsla(0, 0%, 100%, 0.62)"}},"modified":1745351607,"user_id":1},{"id":"rwcdbh","name":"metric-cta-section__col","settings":{"_justifyContent":"space-between"}},{"id":"kyasjy","name":"metric-insights-cta-quote_block","settings":{"_rowGap":"24"}},{"id":"kxpjro","name":"metric-insights-cta-section__col","settings":{"_rowGap:mobile_portrait":"32","_rowGap:tablet_portrait":"48","_columnGap:tablet_portrait":"48","_rowGap":"48"}},{"id":"suzrzk","name":"metric-insights-h2-white","settings":{"_typography":{"font-size":"48","color":{"hex":"#ffffff"}},"_typography:tablet_portrait":{"font-size":"40"},"_typography:mobile_landscape":{"font-size":"40"},"_typography:mobile_portrait":{"font-size":"32"}}},{"id":"epcoql","name":"metric-insights-cta-container","settings":{"_columnGap":"96","_alignItems":"flex-end","_padding":{"top":"6%","right":"6%","bottom":"6%","left":"6%"},"_rowGap:mobile_landscape":"50","_padding:mobile_portrait":{"top":"5%","right":"5%","bottom":"5%","left":"5%"},"_background":{"color":{"hex":"#171717"}},"_direction:tablet_portrait":"column","_direction":"row"},"modified":1748030280,"user_id":1}]}
Profile Picture
Julian Galluzzo

Big Bold CTA

Bright red contrasting CTA section with centered text and a button.
View now
Copy now
{"content":[{"id":"rfcxzc","name":"section","parent":0,"children":["fnkoqv"],"settings":{},"label":"CTA"},{"id":"fnkoqv","name":"container","parent":"rfcxzc","children":["epwyxl"],"settings":[]},{"id":"epwyxl","name":"block","parent":"fnkoqv","children":["bfksml","tbludk","julqwi"],"settings":{"_cssGlobalClasses":["ncnzgj"]}},{"id":"bfksml","name":"heading","parent":"epwyxl","children":[],"settings":{"_cssGlobalClasses":["yjlhff"],"text":"Level up your future","tag":"h3","_margin":{"bottom":"20"}}},{"id":"tbludk","name":"text-basic","parent":"epwyxl","children":[],"settings":{"text":"You won't learn the skills if you never get started - so, what are you waiting for? Slap that big ol' button below to enroll in this course today.","_margin":{"bottom":"40"},"_typography":{"font-size":"20"},"_widthMax":"550"}},{"id":"julqwi","name":"button","parent":"epwyxl","children":[],"settings":{"text":"Enroll now","style":"primary","_cssGlobalClasses":["xruzrw","qzejao"],"link":{"type":"external","url":"#brxe-lcwket"}}}],"source":"bricksCopiedElements","sourceUrl":"https://online-course-template.local","version":"1.12.4","globalClasses":[{"id":"ncnzgj","name":"cta__block","settings":{"_background":{"color":{"raw":"var(--brand-color)"}},"_typography":{"color":{"hex":"#ffffff"},"text-align":"center"},"_alignItems":"center","_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_padding":{"bottom":"75","top":"75","left":"5%","right":"5%"}}},{"id":"yjlhff","name":"h1","settings":{"_typography":{"font-size":"55","font-family":"Lusitana"},"_typography:mobile_portrait":{"font-size":"40","line-height":"45px"}}},{"id":"xruzrw","name":"button","settings":{"_background":{"color":{"hex":"#f44336","raw":"var(--brand-color)"}},"_typography":{"color":{"hex":"#ffffff"},"font-size":"18"},"_padding":{"top":"13","bottom":"13","left":"25","right":"25"},"_boxShadow":{"values":{"offsetY":"5","blur":"0"},"color":{"hex":"#c21a0a"}},"_border":{"radius":{"top":"100","right":"100","bottom":"100","left":"100"}},"_background:hover":{"color":{"hex":"#e52c0b"}},"_cssTransition":"0.2s","_cursor":"pointer"},"modified":1747125364,"user_id":1},{"id":"qzejao","name":"button--secondary","settings":{"_background":{"color":{"hex":"#ffffff"}},"_typography":{"color":{"hex":"#000000"}},"_boxShadow":{"color":{"hex":"#ffc2c2","raw":"var(--shadow-fake)"},"values":{"offsetY":"5","blur":"0"}},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"raw":"var(--border-base)"}},"_background:hover":{"color":{"hex":"#f5f5f5"}}}}],"globalElements":[]}

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