Header 14

ImageFormLightboxButtons2 Columns36 nodes · 29 styles

Description

A stacked hero layout with full-width video lightbox area (play button) above and a two-column section below featuring heading on left and email signup form with Terms consent on right.

Detailed Analysis

This hero combines video lightbox presentation with lead capture. The top section features a prominent full-width dark gray area with a centered play button for video modal engagement. The video area occupies significant viewport height. Below, a white content section uses a two-column grid: the left column contains a large bold heading, while the right column holds descriptive text, an inline email signup form with button, and Terms and Conditions consent. This layout effectively drives both video engagement and email capture simultaneously, ideal for video-based marketing with signup goals.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheadervideo lightboxplay buttonemail signuptwo columnnewsletterlead captureformvideo modalterms consentmultimediasignup

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": "14cce417-922c-a5dc-5e60-b8b3295136b5",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "5ca5d7ad-0a38-e7fc-1682-a0a825e4a4fd"
        ],
        "children": [
          "14cce417-922c-a5dc-5e60-b8b3295136b6"
        ]
      },
      {
        "_id": "14cce417-922c-a5dc-5e60-b8b3295136b6",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "e23713c0-6bcb-e4b4-4779-6a134d63ba3c"
        ],
        "children": [
          "14cce417-922c-a5dc-5e60-b8b3295136b7",
          "14cce417-922c-a5dc-5e60-b8b3295136bb"
        ]
      },
      {
        "_id": "14cce417-922c-a5dc-5e60-b8b3295136b7",
        "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": "14cce417-922c-a5dc-5e60-b8b3295136b5", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "5ca5d7ad-0a38-e7fc-1682-a0a825e4a4fd" ], "children": [ "14cce417-922c-a5dc-5e60-b8b3295136b6" ] }, { "_id": "14cce417-922c-a5dc-5e60-b8b3295136b6", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "e23713c0-6bcb-e4b4-4779-6a134d63ba3c" ], "children": [ "14cce417-922c-a5dc-5e60-b8b3295136b7", "14cce417-922c-a5dc-5e60-b8b3295136bb" ] }, { "_id": "14cce417-922c-a5dc-5e60-b8b3295136b7", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], ... (truncated)