
Split hero with text content left and a three-image layered gallery right featuring diagonal staggered arrangement with images extending off-canvas.
This hero employs a split layout with left-aligned text content and a complex three-image composition on the right. The gallery features a large portrait background with three smaller images arranged in a diagonal flow - one extending off the upper-right edge, one centered, and one in the lower-left. This creates dynamic movement and visual interest through overlapping layers and off-canvas bleeding. Dual CTAs support conversion.
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": "b3bd6078-e4c9-1ffa-052a-fc36ce1b145d",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"effb3c1c-b1aa-5b63-2231-7ff6b8c32eca"
],
"children": [
"b3bd6078-e4c9-1ffa-052a-fc36ce1b145e"
]
},
{
"_id": "b3bd6078-e4c9-1ffa-052a-fc36ce1b145e",
"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": [
"b3bd6078-e4c9-1ffa-052a-fc36ce1b145f"
]
},
{
"_id": "b3bd6078-e4c9-1ffa-052a-fc36ce1b145f",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)