Header 20

ImageFormButtons2 ColumnsImage/Video Left32 nodes · 25 styles

Description

A two-column hero section with image on the left and content with email signup form on the right in a side-by-side layout.

Detailed Analysis

This component uses a horizontal two-column layout with visual content on the left and lead capture on the right. The left column contains a tall image placeholder with light gray background. The right column features vertically centered content including a bold heading, paragraph text, inline email input field with Sign Up button, and terms/conditions disclaimer link. The even 50/50 split creates balanced visual weight between imagery and form. Clean white background with generous spacing. This layout is effective for combining visual storytelling with immediate lead capture, ideal for newsletter signups, early access, or product waitlists where the image supports the value proposition.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

herotwo-columnemail signupimage leftnewsletterlead captureformside-by-sidewaitlistsubscription50-50 splitlanding pagemarketingcontent right

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": "442dc9af-28a6-e219-2e13-bcfbdb9ff976",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "e5d123f5-2165-2f45-9a38-4fb787cbe368"
        ],
        "children": [
          "442dc9af-28a6-e219-2e13-bcfbdb9ff977"
        ]
      },
      {
        "_id": "442dc9af-28a6-e219-2e13-bcfbdb9ff977",
        "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": [
          "442dc9af-28a6-e219-2e13-bcfbdb9ff978"
        ]
      },
      {
        "_id": "442dc9af-28a6-e219-2e13-bcfbdb9ff978",
        "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": "442dc9af-28a6-e219-2e13-bcfbdb9ff976", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "e5d123f5-2165-2f45-9a38-4fb787cbe368" ], "children": [ "442dc9af-28a6-e219-2e13-bcfbdb9ff977" ] }, { "_id": "442dc9af-28a6-e219-2e13-bcfbdb9ff977", "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": [ "442dc9af-28a6-e219-2e13-bcfbdb9ff978" ] }, { "_id": "442dc9af-28a6-e219-2e13-bcfbdb9ff978", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)