Testimonial 40
Image4 ColumnsCardsButtons199 nodes ยท 30 styles
Description
Horizontal split testimonial carousel with left-aligned heading/description and right carousel showing star-rated review cards with navigation arrows and dot pagination.
Detailed Analysis
This testimonial section uses a horizontal split layout. The left side contains a large 'Customer testimonials' heading and descriptive paragraph, taking up approximately one-third of the width. The right side displays a carousel of testimonial cards that overflow beyond the viewport edge (one card fully visible, another partially visible). Each card shows a 5-star rating, customer quote, and author info with circular avatar containing an image placeholder icon, name, and position. Navigation includes left/right arrow buttons positioned below the left content and dot pagination (7 dots) at the bottom right. The asymmetric layout creates a modern appearance.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
testimonialcarouselsplit layoutleft-alignedstar ratingsoverflow cardsnavigation arrowspagination dotscustomer reviewsavatarasymmetricslidersocial proofmodern design
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": "33aa1ac0-fe18-12b2-f49b-a91e96ceb2ae",
"tag": "section",
"data": {
"tag": "section",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"21dd3a44-7b47-ecb8-0c14-01fd8fc4fb16"
],
"children": [
"33aa1ac0-fe18-12b2-f49b-a91e96ceb2af"
]
},
{
"_id": "33aa1ac0-fe18-12b2-f49b-a91e96ceb2af",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"ad964735-e683-2ff5-175e-c926e47980fc"
],
"children": [
"33aa1ac0-fe18-12b2-f49b-a91e96ceb2b0"
]
},
{
"_id": "33aa1ac0-fe18-12b2-f49b-a91e96ceb2b0",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)