Header 15

ImageButtons2 Columns21 nodes · 19 styles

Description

A hero section with two-column header layout featuring heading on left, description with dual CTA buttons on right, and a full-width image placeholder below.

Detailed Analysis

This component uses a stacked layout with a two-column text header above a large image area. The header splits into left (bold black heading) and right (paragraph text with primary solid black and secondary outlined buttons). The full-width image placeholder below spans edge-to-edge within content margins, featuring a light gray background with centered image icon. Clean white background with generous vertical padding creates an airy feel. Ideal for product launches, app showcases, or any page requiring strong visual impact with clear call-to-action hierarchy.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheadertwo-columndual buttonsCTAfull-width imagelanding pagestacked layoutproduct showcaseabove foldmarketingclean designwhite backgroundimage placeholder

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": "5608c880-9d25-ab1b-0674-77f212deee69",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "06848ba1-ad22-d4d2-8f9a-9d2f42a8a205"
        ],
        "children": [
          "5608c880-9d25-ab1b-0674-77f212deee6a"
        ]
      },
      {
        "_id": "5608c880-9d25-ab1b-0674-77f212deee6a",
        "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": [
          "5608c880-9d25-ab1b-0674-77f212deee6b"
        ]
      },
      {
        "_id": "5608c880-9d25-ab1b-0674-77f212deee6b",
        "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": "5608c880-9d25-ab1b-0674-77f212deee69", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "06848ba1-ad22-d4d2-8f9a-9d2f42a8a205" ], "children": [ "5608c880-9d25-ab1b-0674-77f212deee6a" ] }, { "_id": "5608c880-9d25-ab1b-0674-77f212deee6a", "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": [ "5608c880-9d25-ab1b-0674-77f212deee6b" ] }, { "_id": "5608c880-9d25-ab1b-0674-77f212deee6b", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)