
Horizontal split testimonial carousel with left heading and single-card view on right showing star rating, quote, and author details with navigation controls.
This testimonial section uses a horizontal split layout with left-aligned heading and description occupying the left portion, and a single testimonial card displayed on the right. The card shows a 5-star rating, customer quote, and author attribution with circular avatar, name, and position/company. Unlike multi-card carousels, this shows one testimonial at a time for focused reading. Navigation includes left/right arrow buttons at bottom right and dot pagination (7 dots) at bottom left. The bordered card container and generous whitespace create a clean, focused presentation that emphasizes each individual testimonial.
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": "e1c8abe8-0682-add5-1056-90102b8a4602",
"tag": "section",
"data": {
"tag": "section",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"5041902f-b99c-4928-6360-fee45f8ff701"
],
"children": [
"e1c8abe8-0682-add5-1056-90102b8a4603"
]
},
{
"_id": "e1c8abe8-0682-add5-1056-90102b8a4603",
"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": [
"e1c8abe8-0682-add5-1056-90102b8a4604"
]
},
{
"_id": "e1c8abe8-0682-add5-1056-90102b8a4604",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)