Header 1

ImageButtons2 ColumnsImage/Video Right20 nodes · 18 styles

Description

Two-column hero section with heading, description, dual CTA buttons, and large image placeholder.

Detailed Analysis

This classic hero layout uses a two-column grid. The left column contains content stacked vertically: a large bold heading, a supporting paragraph description, and two CTA buttons side by side (primary black filled, secondary outlined). The right column displays a large rectangular image placeholder with a centered image icon. The layout is evenly balanced with the text content aligned to the left and vertically centered against the image.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

herosection headertwo columnsheadingdescriptiondual buttonsCTAimage rightsplit layoutlanding pageabove foldbalanced

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": "8818b3b3-4317-46af-c53a-6f6f11e492e1",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "33e2a206-2477-dda0-9fd9-59c141bc3ce8"
        ],
        "children": [
          "3b9a4897-e148-2112-e746-2a1ae9806cae"
        ]
      },
      {
        "_id": "3b9a4897-e148-2112-e746-2a1ae9806cae",
        "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": [
          "3b4c4d7c-1753-491e-46ad-63d7f409ea0b"
        ]
      },
      {
        "_id": "3b4c4d7c-1753-491e-46ad-63d7f409ea0b",
        "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": "8818b3b3-4317-46af-c53a-6f6f11e492e1", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "33e2a206-2477-dda0-9fd9-59c141bc3ce8" ], "children": [ "3b9a4897-e148-2112-e746-2a1ae9806cae" ] }, { "_id": "3b9a4897-e148-2112-e746-2a1ae9806cae", "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": [ "3b4c4d7c-1753-491e-46ad-63d7f409ea0b" ] }, { "_id": "3b4c4d7c-1753-491e-46ad-63d7f409ea0b", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)