Header 12

Background VideoVideoFormButtonsBackground Image2 Columns34 nodes · 28 styles

Description

A stacked hero layout with full-width dark video area 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-first presentation with lead capture functionality. The top section features a full-width dark gray video or image area without a centered placeholder, allowing for clean background media. 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, and Terms and Conditions consent. The dark-to-light visual transition creates dramatic contrast. This layout is effective for video product demos combined with immediate signup capability.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheaderstacked layoutfull width videoemail signuptwo columnnewsletterlead capturedark mediaformterms consentvideo herosignup

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": "a639eef2-d3a5-1169-7131-b5d2630084ca",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "f92cd37e-2131-d11e-7e42-b73cc87bbbb7"
        ],
        "children": [
          "a639eef2-d3a5-1169-7131-b5d2630084cb"
        ]
      },
      {
        "_id": "a639eef2-d3a5-1169-7131-b5d2630084cb",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "e6081f29-4d7a-9001-e34e-de1aa1dc55d7"
        ],
        "children": [
          "a639eef2-d3a5-1169-7131-b5d2630084cc",
          "a639eef2-d3a5-1169-7131-b5d2630084d0"
        ]
      },
      {
        "_id": "a639eef2-d3a5-1169-7131-b5d2630084cc",
        "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": "a639eef2-d3a5-1169-7131-b5d2630084ca", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "f92cd37e-2131-d11e-7e42-b73cc87bbbb7" ], "children": [ "a639eef2-d3a5-1169-7131-b5d2630084cb" ] }, { "_id": "a639eef2-d3a5-1169-7131-b5d2630084cb", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "e6081f29-4d7a-9001-e34e-de1aa1dc55d7" ], "children": [ "a639eef2-d3a5-1169-7131-b5d2630084cc", "a639eef2-d3a5-1169-7131-b5d2630084d0" ] }, { "_id": "a639eef2-d3a5-1169-7131-b5d2630084cc", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], ... (truncated)