
Hero with split content header above a three-image gallery featuring tall portrait left, full-width landscape center, and small square overlay upper-right.
This hero uses a two-row structure with split content header on top - heading left, paragraph and dual CTAs right. Below, a complex three-image gallery creates visual drama. A tall portrait extends down the left side past the bottom edge, a large landscape spans the center-right, and a small square overlaps in the upper-right. Multiple depth layers and off-canvas bleeding create a sophisticated collage effect.
Copy and paste directly into Webflow Designer
{
"meta": {
"droppedLinks": 0,
"dynBindRemovedCount": 0,
"unlinkedSymbolCount": 0,
"paginationRemovedCount": 0,
"dynListBindRemovedCount": 0
},
"type": "@webflow/XscpData",
"payload": {
"ix1": [],
"ix2": {
"events": [],
"actionLists": [],
"interactions": []
},
"nodes": [
{
"_id": "48e9aa9c-bc0a-2df1-a071-19db7932474b",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"747877be-1d2b-d44d-3a86-fca27b4767b1"
],
"children": [
"48e9aa9c-bc0a-2df1-a071-19db7932474c"
]
},
{
"_id": "48e9aa9c-bc0a-2df1-a071-19db7932474c",
"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": [
"48e9aa9c-bc0a-2df1-a071-19db7932474d"
]
},
{
"_id": "48e9aa9c-bc0a-2df1-a071-19db7932474d",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)