
A two-column layout section with an icon and heading on the left, featuring a longer description paragraph with dual call-to-action buttons on the right, followed by a full-width image below.
This layout component uses a two-column structure where the left column displays a decorative icon above a medium-length heading. The right column contains an extended description paragraph (longer than typical variants) followed by a dual CTA button pair consisting of a primary outlined button and a text link with arrow. Below spans a full-width image placeholder. The icon adds visual interest and can represent the section's theme or topic. This design works well for feature highlights, service descriptions, or any content where an icon helps categorize or brand the section.
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": "4481232f-8ad1-01aa-2db8-2f7b688153a7",
"tag": "section",
"data": {
"tag": "section",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"398a2088-3870-00fe-e6e4-f1321b0c01a4"
],
"children": [
"4481232f-8ad1-01aa-2db8-2f7b688153a8"
]
},
{
"_id": "4481232f-8ad1-01aa-2db8-2f7b688153a8",
"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": [
"4481232f-8ad1-01aa-2db8-2f7b688153a9"
]
},
{
"_id": "4481232f-8ad1-01aa-2db8-2f7b688153a9",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)