Cta 61

ImageButtons2 Columns20 nodes · 17 styles

Description

Two-column CTA section with left-aligned heading, right-aligned description text and dual action buttons, plus full-width image placeholder below

Detailed Analysis

A call-to-action section featuring a two-column layout in the top portion with a bold heading on the left and supporting description text with two buttons on the right. Below this content area is a large full-width gray image placeholder that spans the entire section width. The design uses white background for the text area and provides clear visual hierarchy between the heading and action elements.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

ctacall-to-actiontwo-columnsplit-layoutdual-buttonsfull-width-imageheadingwhite-backgroundimage-placeholderconversionaction-sectionresponsive

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": "7500c0d9-08f8-15d0-ce57-95a1345ec513",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "c2d1d263-a78d-2b98-c9fd-8e5c70cc1f0a"
        ],
        "children": [
          "7500c0d9-08f8-15d0-ce57-95a1345ec514"
        ]
      },
      {
        "_id": "7500c0d9-08f8-15d0-ce57-95a1345ec514",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "c2d1d263-a78d-2b98-c9fd-8e5c70cc1f0b"
        ],
        "children": [
          "7500c0d9-08f8-15d0-ce57-95a1345ec515",
          "7500c0d9-08f8-15d0-ce57-95a1345ec525"
        ]
      },
      {
        "_id": "7500c0d9-08f8-15d0-ce57-95a1345ec515",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
     
... (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": "7500c0d9-08f8-15d0-ce57-95a1345ec513", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "c2d1d263-a78d-2b98-c9fd-8e5c70cc1f0a" ], "children": [ "7500c0d9-08f8-15d0-ce57-95a1345ec514" ] }, { "_id": "7500c0d9-08f8-15d0-ce57-95a1345ec514", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "c2d1d263-a78d-2b98-c9fd-8e5c70cc1f0b" ], "children": [ "7500c0d9-08f8-15d0-ce57-95a1345ec515", "7500c0d9-08f8-15d0-ce57-95a1345ec525" ] }, { "_id": "7500c0d9-08f8-15d0-ce57-95a1345ec515", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], ... (truncated)