Header 151

ImageLightboxButtons22 nodes · 20 styles

Description

A left-aligned hero section with long headline, description, and dual CTA buttons above a full-width video player placeholder.

Detailed Analysis

This header combines editorial-style left-aligned text with video content. The upper section features a multi-line bold heading, supporting paragraph, and two horizontally arranged action buttons (primary filled, secondary outlined) positioned to the left. Below is a full-width video player placeholder with a centered play button on a dark charcoal/gray background. The asymmetric text placement creates visual interest while the prominent video area supports product demos or explainer content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheaderleft-alignedvideovideo playerplay buttonCTA buttonslong headlinedark backgroundeditorialproduct demomultimedialanding page

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": "062dbc19-1405-cced-6728-75cbbc70e79b",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "7b5f1c99-2412-c0c1-993b-9f21b7b6747c"
        ],
        "children": [
          "062dbc19-1405-cced-6728-75cbbc70e79c"
        ]
      },
      {
        "_id": "062dbc19-1405-cced-6728-75cbbc70e79c",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "7b5f1c99-2412-c0c1-993b-9f21b7b6747d"
        ],
        "children": [
          "062dbc19-1405-cced-6728-75cbbc70e79d",
          "062dbc19-1405-cced-6728-75cbbc70e7ac"
        ]
      },
      {
        "_id": "062dbc19-1405-cced-6728-75cbbc70e79d",
        "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": "062dbc19-1405-cced-6728-75cbbc70e79b", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "7b5f1c99-2412-c0c1-993b-9f21b7b6747c" ], "children": [ "062dbc19-1405-cced-6728-75cbbc70e79c" ] }, { "_id": "062dbc19-1405-cced-6728-75cbbc70e79c", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "7b5f1c99-2412-c0c1-993b-9f21b7b6747d" ], "children": [ "062dbc19-1405-cced-6728-75cbbc70e79d", "062dbc19-1405-cced-6728-75cbbc70e7ac" ] }, { "_id": "062dbc19-1405-cced-6728-75cbbc70e79d", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], ... (truncated)