Content 16

ImageLightbox4 ColumnsCards45 nodes · 20 styles

Description

Content section with full-width video player at top, four-column label grid, and multi-paragraph text below

Detailed Analysis

This video-first component opens with a large full-width video placeholder featuring a dark gray background and centered play button with rounded rectangle styling. Below the video area is a horizontal four-column grid of labeled items, each with bold label heading and description. The section concludes with three paragraphs of body text. The prominent video placement ensures multimedia content receives primary visual attention.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

video firstfull width videolabel gridfour columnsplay buttoncontent sectionvideo playerstatistics belowparagraph textmultimedia leaddata griddark backgroundvideo thumbnail

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": "40d65717-069f-19a4-39cd-5787a9e01db8",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "fcb6d91b-4eae-1177-be29-caae1d8731ec"
        ],
        "children": [
          "40d65717-069f-19a4-39cd-5787a9e01db9"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01db9",
        "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": [
          "40d65717-069f-19a4-39cd-5787a9e01dba"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01dba",
        "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": "40d65717-069f-19a4-39cd-5787a9e01db8", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "fcb6d91b-4eae-1177-be29-caae1d8731ec" ], "children": [ "40d65717-069f-19a4-39cd-5787a9e01db9" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01db9", "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": [ "40d65717-069f-19a4-39cd-5787a9e01dba" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01dba", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)