Layout 115

ImageLightboxButtons2 ColumnsImage/Video Left29 nodes · 28 styles

Description

A two-column layout section with an icon and heading on the left, featuring a description paragraph with dual call-to-action buttons on the right, followed by a full-width video player below.

Detailed Analysis

This layout component uses a two-column structure where the left column displays a decorative icon above a medium-length heading. The right column contains an extended description paragraph followed by a dual CTA button pair consisting of a primary outlined button and a text link with arrow. Below spans a full-width video player with a centered play button on a gray background. The combination of icon branding, descriptive content, CTAs, and video makes this ideal for product demos, feature showcases, or any section where video content demonstrates the value proposition.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

layouttwo-columniconvideodual CTAbuttonsvideo playercontent sectionfeature showcaseproduct demolanding pagemarketingprimary buttontext linkicon heading

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": "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c648",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "886b7b9e-a1ec-3991-d20a-923f4b81d9a1"
        ],
        "children": [
          "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c649"
        ]
      },
      {
        "_id": "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c649",
        "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": [
          "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c64a"
        ]
      },
      {
        "_id": "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c64a",
        "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": "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c648", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "886b7b9e-a1ec-3991-d20a-923f4b81d9a1" ], "children": [ "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c649" ] }, { "_id": "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c649", "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": [ "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c64a" ] }, { "_id": "f1a2c6e0-2e3c-f3b6-6a2f-60497e47c64a", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)