Content 11

ImageLightbox23 nodes · 18 styles

Description

Content section with full-width video player at top and heading with multi-paragraph text below

Detailed Analysis

This component inverts the typical content-then-media pattern by placing a large full-width video player with play button at the top of the section. Below the video area, a bold heading introduces three paragraphs of body text. The dark gray video placeholder dominates the upper portion with a centered play button, creating a video-first content experience that draws immediate attention to multimedia content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

video firstcontent sectionfull width videoplay buttonheadingparagraph textmedia above textvideo playercontent blockmultimedia sectionvideo thumbnailinverted layout

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-5787a9e01cf2",
        "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-caae1d8731d1"
        ],
        "children": [
          "40d65717-069f-19a4-39cd-5787a9e01cf3"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01cf3",
        "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-5787a9e01cf4"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01cf4",
        "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-5787a9e01cf2", "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-caae1d8731d1" ], "children": [ "40d65717-069f-19a4-39cd-5787a9e01cf3" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01cf3", "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-5787a9e01cf4" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01cf4", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)