Header 10

ImageFormButtonsBackground Image2 Columns34 nodes · 28 styles

Description

A stacked hero layout with full-width image 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 component combines visual impact with lead generation capability. The top section displays a full-width light gray image area with a centered placeholder. Below, a clean white content section uses a two-column grid: the left column contains a large bold heading, while the right column holds descriptive paragraph text, an inline email signup form with button, and Terms and Conditions consent text. The form includes a bordered input field and solid black signup button. This layout effectively balances prominent imagery with immediate email capture, making it ideal for product launches or waitlist pages.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheaderstacked layoutfull width imageemail signuptwo columnnewsletterlead captureformterms consentlight themeimage topsignup form

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": "c613188d-f1cb-ae4f-747d-63f73cd0ffc9",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "422b5c0b-8a44-3d47-7502-1d26a3f85ba9"
        ],
        "children": [
          "c613188d-f1cb-ae4f-747d-63f73cd0ffca"
        ]
      },
      {
        "_id": "c613188d-f1cb-ae4f-747d-63f73cd0ffca",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "960aa559-efa6-9a17-98b1-6dc642e92779"
        ],
        "children": [
          "c613188d-f1cb-ae4f-747d-63f73cd0ffcb",
          "c613188d-f1cb-ae4f-747d-63f73cd0ffcf"
        ]
      },
      {
        "_id": "c613188d-f1cb-ae4f-747d-63f73cd0ffcb",
        "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": "c613188d-f1cb-ae4f-747d-63f73cd0ffc9", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "422b5c0b-8a44-3d47-7502-1d26a3f85ba9" ], "children": [ "c613188d-f1cb-ae4f-747d-63f73cd0ffca" ] }, { "_id": "c613188d-f1cb-ae4f-747d-63f73cd0ffca", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "960aa559-efa6-9a17-98b1-6dc642e92779" ], "children": [ "c613188d-f1cb-ae4f-747d-63f73cd0ffcb", "c613188d-f1cb-ae4f-747d-63f73cd0ffcf" ] }, { "_id": "c613188d-f1cb-ae4f-747d-63f73cd0ffcb", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], ... (truncated)