Header 18

ImageFormLightboxButtons2 Columns36 nodes · 29 styles

Description

A hero section combining email signup with video content, featuring two-column header with form and edge-to-edge video lightbox below.

Detailed Analysis

This component merges lead capture and video engagement in a stacked layout. The header section features bold heading on the left with supporting content on the right including paragraph text, inline email input with Sign Up button, and terms disclaimer link. Below, a dark gray video placeholder extends edge-to-edge with no side margins, featuring a centered play button for lightbox functionality. The darker video area creates visual weight and draws attention to the media content. The combination of email capture above video is effective for webinar signups, course enrollments, or product launches where video preview drives signups. Clean white background with generous spacing maintains professional appearance.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

herovideoemail signuplightboxnewsletterlead captureformedge-to-edgetwo-columnplay buttonwebinarcoursesubscriptiondark 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": "1c845c65-5386-bda3-42e7-0ea932a8e1d2",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "03597d0a-3382-96ce-e642-43f29c67dee2"
        ],
        "children": [
          "1c845c65-5386-bda3-42e7-0ea932a8e1d3"
        ]
      },
      {
        "_id": "1c845c65-5386-bda3-42e7-0ea932a8e1d3",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "1c845c65-5386-bda3-42e7-0ea932a8e1d4"
        ]
      },
      {
        "_id": "1c845c65-5386-bda3-42e7-0ea932a8e1d4",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
      
... (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": "1c845c65-5386-bda3-42e7-0ea932a8e1d2", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "03597d0a-3382-96ce-e642-43f29c67dee2" ], "children": [ "1c845c65-5386-bda3-42e7-0ea932a8e1d3" ] }, { "_id": "1c845c65-5386-bda3-42e7-0ea932a8e1d3", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "b0934d9a-875a-bb42-0630-12090a77fc73" ], "children": [ "1c845c65-5386-bda3-42e7-0ea932a8e1d4" ] }, { "_id": "1c845c65-5386-bda3-42e7-0ea932a8e1d4", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)