Header 147

ImageLightboxButtons23 nodes · 23 styles

Description

A centered hero section with headline, text, and dual CTA buttons above a full-width video player placeholder on dark background.

Detailed Analysis

This header combines text content with video media in a vertically stacked arrangement. The upper portion features centered headline, descriptive paragraph, and two action buttons (primary filled, secondary outlined). Below sits a full-width video player placeholder on a dark charcoal/gray background with a centered play button icon. The dark video area creates visual weight and contrast against the white content section, making it ideal for showcasing product demos, explainer videos, or promotional content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheadervideovideo playerplay buttonCTA buttonscentered layoutdark backgroundproduct demoexplainer videomultimedialanding pagefull-width video

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": "aee9a9ce-a025-adcd-9f9f-748f2cb551df",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "129adaa1-926f-bd85-f023-743be494fa60"
        ],
        "children": [
          "0af50f41-9ed5-9c29-4337-b2c8ae538df3"
        ]
      },
      {
        "_id": "0af50f41-9ed5-9c29-4337-b2c8ae538df3",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "1d741000-8a68-7428-ab93-726ba30ecf78"
        ],
        "children": [
          "0af50f41-9ed5-9c29-4337-b2c8ae538df4",
          "0af50f41-9ed5-9c29-4337-b2c8ae538e04"
        ]
      },
      {
        "_id": "0af50f41-9ed5-9c29-4337-b2c8ae538df4",
        "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": "aee9a9ce-a025-adcd-9f9f-748f2cb551df", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "129adaa1-926f-bd85-f023-743be494fa60" ], "children": [ "0af50f41-9ed5-9c29-4337-b2c8ae538df3" ] }, { "_id": "0af50f41-9ed5-9c29-4337-b2c8ae538df3", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "1d741000-8a68-7428-ab93-726ba30ecf78" ], "children": [ "0af50f41-9ed5-9c29-4337-b2c8ae538df4", "0af50f41-9ed5-9c29-4337-b2c8ae538e04" ] }, { "_id": "0af50f41-9ed5-9c29-4337-b2c8ae538df4", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], ... (truncated)