Cta 13

Buttons2 Columns18 nodes · 15 styles

Description

Light-themed CTA section with two-column layout featuring heading on the left, description with dual action buttons on the right

Detailed Analysis

This clean call-to-action component uses a white background with black text for a professional appearance. The layout divides content into two columns: a large bold heading on the left creates visual impact, while the right column contains a detailed paragraph of supporting text followed by two action buttons - one solid black (primary) and one outlined (secondary). This asymmetric layout draws attention to the heading while providing context and clear action options on the right.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

ctacall-to-actionlight themetwo-columndual buttonswhite backgroundasymmetric layoutheading leftcontent rightprofessionalclean designconversion section

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "9fde22b5-1c99-c079-8dd8-9e13b2ce13f7",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "7c151d0c-b1e2-ad2f-4acf-65c5c9039279"
        ],
        "children": [
          "9fde22b5-1c99-c079-8dd8-9e13b2ce13f8"
        ]
      },
      {
        "_id": "9fde22b5-1c99-c079-8dd8-9e13b2ce13f8",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "9fde22b5-1c99-c079-8dd8-9e13b2ce13f9"
        ]
      },
      {
        "_id": "9fde22b5-1c99-c079-8dd8-9e13b2ce13f9",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [], "actionLists": [], "interactions": [] }, "nodes": [ { "_id": "9fde22b5-1c99-c079-8dd8-9e13b2ce13f7", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "7c151d0c-b1e2-ad2f-4acf-65c5c9039279" ], "children": [ "9fde22b5-1c99-c079-8dd8-9e13b2ce13f8" ] }, { "_id": "9fde22b5-1c99-c079-8dd8-9e13b2ce13f8", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "b0934d9a-875a-bb42-0630-12090a77fc73" ], "children": [ "9fde22b5-1c99-c079-8dd8-9e13b2ce13f9" ] }, { "_id": "9fde22b5-1c99-c079-8dd8-9e13b2ce13f9", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)