Chargement du composant...

Chargement

Plus de composants

Voir tout
Une partie de

Simple 2 Button Banner CTA

Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Simple 2 Button Banner CTA
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e76d019e-6d26-af8e-3252-23bfb763e480","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb"],"children":["e76d019e-6d26-af8e-3252-23bfb763e481"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e481","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["e76d019e-6d26-af8e-3252-23bfb763e482"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e482","type":"Block","tag":"div","classes":["12fbbd8d-885d-44ef-9e46-4d463910b03a"],"children":["e76d019e-6d26-af8e-3252-23bfb763e483","e76d019e-6d26-af8e-3252-23bfb763e485","e76d019e-6d26-af8e-3252-23bfb763e487"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e483","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["e76d019e-6d26-af8e-3252-23bfb763e484"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e484","text":true,"v":"Ready to get started?"},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e485","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["e76d019e-6d26-af8e-3252-23bfb763e486"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e486","text":true,"v":"Lorem ipsum dolor sit amet. Rem quidem blanditiis aut quia dolorem ut facere voluptatem non delectus natus. Non praesentium error qui dolor quia aut repudiandae sequi nam facere veniam."},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e487","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["e76d019e-6d26-af8e-3252-23bfb763e488","e76d019e-6d26-af8e-3252-23bfb763e48a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e488","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":["e76d019e-6d26-af8e-3252-23bfb763e489"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e489","text":true,"v":"Get started"},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e48a","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["e76d019e-6d26-af8e-3252-23bfb763e48b"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e48b","text":true,"v":"Book a demo"}],"styles":[{"_id":"b32d8fd6-52b9-d38b-9724-211b4b536ecb","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 50px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; flex-direction: column; align-items: center;","variants":{},"children":["034f2ed8-4e31-e61b-62a5-921b96716937"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3c6e9671-3c33-33e0-9671-41ce3f20247f","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"12fbbd8d-885d-44ef-9e46-4d463910b03a","fake":false,"type":"class","name":"content-wrap_center_m700","namespace":"","comb":"","styleLess":"display: flex; max-width: 700px; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"72892e61-f174-061c-779c-bdab5e8e9ece","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; color: hsla(0, 0.00%, 10.00%, 1.00); font-weight: 500;","variants":{},"children":["bd73952d-7fae-c233-299f-d1a4770f8055"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"813629e8-969c-cce3-2226-ebd6b34fb488","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 20px; color: hsla(0, 0.00%, 10.00%, 1.00); font-size: 16px; line-height: 1.6; font-weight: 300;","variants":{},"children":["a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","6f0b4856-89f4-1220-56b4-265410032c16"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c038548f-a5f0-6dc6-8afb-9510943c1414","fake":false,"type":"class","name":"wrap_2-buttons","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3fef1df7-3a28-3b76-5ed6-e926368fc29c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["0a88df8e-a852-6cbb-bf1b-6d4604c49466","db8f9202-97eb-420b-8524-4baa61e3977e"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0a88df8e-a852-6cbb-bf1b-6d4604c49466","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); background-color: transparent; color: hsla(0, 0.00%, 10.00%, 1.00);","variants":{},"children":["94686e60-c9a6-e2fa-022d-83efef601083"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Cloner dans Webflow
Composant de copie
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e76d019e-6d26-af8e-3252-23bfb763e480","type":"Section","tag":"section","classes":["b32d8fd6-52b9-d38b-9724-211b4b536ecb"],"children":["e76d019e-6d26-af8e-3252-23bfb763e481"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e481","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["e76d019e-6d26-af8e-3252-23bfb763e482"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e482","type":"Block","tag":"div","classes":["12fbbd8d-885d-44ef-9e46-4d463910b03a"],"children":["e76d019e-6d26-af8e-3252-23bfb763e483","e76d019e-6d26-af8e-3252-23bfb763e485","e76d019e-6d26-af8e-3252-23bfb763e487"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e483","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["e76d019e-6d26-af8e-3252-23bfb763e484"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e484","text":true,"v":"Ready to get started?"},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e485","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["e76d019e-6d26-af8e-3252-23bfb763e486"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e486","text":true,"v":"Lorem ipsum dolor sit amet. Rem quidem blanditiis aut quia dolorem ut facere voluptatem non delectus natus. Non praesentium error qui dolor quia aut repudiandae sequi nam facere veniam."},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e487","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["e76d019e-6d26-af8e-3252-23bfb763e488","e76d019e-6d26-af8e-3252-23bfb763e48a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e488","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":["e76d019e-6d26-af8e-3252-23bfb763e489"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e489","text":true,"v":"Get started"},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e48a","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["e76d019e-6d26-af8e-3252-23bfb763e48b"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"e76d019e-6d26-af8e-3252-23bfb763e48b","text":true,"v":"Book a demo"}],"styles":[{"_id":"b32d8fd6-52b9-d38b-9724-211b4b536ecb","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 50px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; flex-direction: column; align-items: center;","variants":{},"children":["034f2ed8-4e31-e61b-62a5-921b96716937"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3c6e9671-3c33-33e0-9671-41ce3f20247f","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"12fbbd8d-885d-44ef-9e46-4d463910b03a","fake":false,"type":"class","name":"content-wrap_center_m700","namespace":"","comb":"","styleLess":"display: flex; max-width: 700px; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"72892e61-f174-061c-779c-bdab5e8e9ece","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; color: hsla(0, 0.00%, 10.00%, 1.00); font-weight: 500;","variants":{},"children":["bd73952d-7fae-c233-299f-d1a4770f8055"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"813629e8-969c-cce3-2226-ebd6b34fb488","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 20px; color: hsla(0, 0.00%, 10.00%, 1.00); font-size: 16px; line-height: 1.6; font-weight: 300;","variants":{},"children":["a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","6f0b4856-89f4-1220-56b4-265410032c16"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c038548f-a5f0-6dc6-8afb-9510943c1414","fake":false,"type":"class","name":"wrap_2-buttons","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3fef1df7-3a28-3b76-5ed6-e926368fc29c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["0a88df8e-a852-6cbb-bf1b-6d4604c49466","db8f9202-97eb-420b-8524-4baa61e3977e"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0a88df8e-a852-6cbb-bf1b-6d4604c49466","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); background-color: transparent; color: hsla(0, 0.00%, 10.00%, 1.00);","variants":{},"children":["94686e60-c9a6-e2fa-022d-83efef601083"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Navigateur non pris en charge. Utilisez
CC Chrome ou SS Safari.

A propos de ce composant

Généré par l'IA

Description du composant (générée par l'IA)

The Simple 2 Button Banner CTA is a visually appealing call-to-action component designed to engage users with two prominent buttons. It effectively combines a compelling message with actionable links to drive conversions.

Caractéristiques principales :

  • Includes two customizable buttons for user interaction
  • Responsive design suitable for various screen sizes
  • Centered layout for enhanced visibility
  • Stylish typography and color scheme
  • Easy integration into existing Webflow projects

Éléments de conception :

  • Flexbox layout for alignment and spacing
  • Max-width constraints for content readability
  • Modern color palette with contrasting button styles
  • Clear and concise messaging with a headline and supporting text

Cas d'utilisation potentiels :

  • Landing pages for product launches
  • Promotional banners for services or events
  • Lead generation forms for businesses
  • E-commerce sites looking to boost sales
  • Portfolio sites to encourage client inquiries

Conclusion: The Simple 2 Button Banner CTA is a versatile and effective component that can enhance user engagement and drive conversions across various types of websites.

Commencer à construire

Commencez à construire vos rêves

Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.