Header 16

ImageFormButtons2 Columns33 nodes · 26 styles

Description

A hero section with two-column header featuring heading on left, description with email signup form on right, and full-width edge-to-edge image below.

Detailed Analysis

This component combines lead capture with visual impact through a stacked layout. The header section splits into bold heading on the left and supporting content on the right including paragraph text, inline email input field, Sign Up button, and terms/conditions disclaimer link. Below, a full-width image extends edge-to-edge with no side margins, creating maximum visual impact. The light gray placeholder with centered image icon indicates where hero imagery would go. Clean typography hierarchy guides users from headline to form. Ideal for newsletter signups, waitlists, or product launches requiring email capture above the fold.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroemail signupnewsletterlead captureformfull-width imageedge-to-edgetwo-columnwaitlistsubscriptionCTAterms conditionslanding pagemarketing

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": "3b2abcc6-07c0-7fe7-1004-40d62cb81b30",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "25a52557-ab8c-e0e8-fee5-91fef7ad3e71"
        ],
        "children": [
          "3b2abcc6-07c0-7fe7-1004-40d62cb81b31"
        ]
      },
      {
        "_id": "3b2abcc6-07c0-7fe7-1004-40d62cb81b31",
        "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": [
          "3b2abcc6-07c0-7fe7-1004-40d62cb81b32"
        ]
      },
      {
        "_id": "3b2abcc6-07c0-7fe7-1004-40d62cb81b32",
        "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": "3b2abcc6-07c0-7fe7-1004-40d62cb81b30", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "25a52557-ab8c-e0e8-fee5-91fef7ad3e71" ], "children": [ "3b2abcc6-07c0-7fe7-1004-40d62cb81b31" ] }, { "_id": "3b2abcc6-07c0-7fe7-1004-40d62cb81b31", "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": [ "3b2abcc6-07c0-7fe7-1004-40d62cb81b32" ] }, { "_id": "3b2abcc6-07c0-7fe7-1004-40d62cb81b32", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)