Header 152

ImageFormLightboxButtons34 nodes · 27 styles

Description

A left-aligned hero with long headline, email signup form, and full-width video player placeholder on dark background.

Detailed Analysis

This header merges lead generation with video content in an editorial layout. The top section features left-aligned long headline, supporting paragraph, inline email signup form (input + button), and terms agreement text. Below sits a full-width video player placeholder with play button icon on a dark gray background. This hybrid approach combines email capture with video engagement, suitable for product launches where an explainer video complements the signup conversion goal.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheaderleft-alignedemail signupvideo playerformnewsletterdark backgroundlead generationplay buttoneditorialconversionmultimedia

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": "35861338-2e5d-9287-9939-8527c2fa2a09",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "c73a54a3-9a06-abd4-4174-4875a4401e10"
        ],
        "children": [
          "35861338-2e5d-9287-9939-8527c2fa2a0a"
        ]
      },
      {
        "_id": "35861338-2e5d-9287-9939-8527c2fa2a0a",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "c73a54a3-9a06-abd4-4174-4875a4401e11"
        ],
        "children": [
          "35861338-2e5d-9287-9939-8527c2fa2a0b",
          "35861338-2e5d-9287-9939-8527c2fa2a26"
        ]
      },
      {
        "_id": "35861338-2e5d-9287-9939-8527c2fa2a0b",
        "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": "35861338-2e5d-9287-9939-8527c2fa2a09", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "c73a54a3-9a06-abd4-4174-4875a4401e10" ], "children": [ "35861338-2e5d-9287-9939-8527c2fa2a0a" ] }, { "_id": "35861338-2e5d-9287-9939-8527c2fa2a0a", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "c73a54a3-9a06-abd4-4174-4875a4401e11" ], "children": [ "35861338-2e5d-9287-9939-8527c2fa2a0b", "35861338-2e5d-9287-9939-8527c2fa2a26" ] }, { "_id": "35861338-2e5d-9287-9939-8527c2fa2a0b", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], ... (truncated)