Component Browser
BrowseBuild
Home/Browse/Testimonial 32

Testimonial 32

ImageTabsLightboxButtons112 nodes ยท 33 styles
Testimonial 32

Description

Split-layout testimonial section with left content area containing heading, description, and buttons, paired with right scrolling testimonial feed showing star-rated reviews.

Detailed Analysis

This testimonial section uses a two-column split layout. The left column contains a header with 'Customer testimonials' title, descriptive paragraph text, and two CTA buttons (one filled, one text link with arrow). The right column displays a vertical scrolling feed of testimonial cards. Each card shows a 5-star rating, customer quote, and author attribution with avatar, name, and position. The cards appear to scroll vertically (animated GIF suggests continuous scrolling motion). This creates an interactive, engaging testimonial display where content continuously cycles while the call-to-action remains fixed and visible.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

testimonialsplit layouttwo columnsscrolling feedstar ratingsanimatedvertical scrollCTA buttonscustomer reviewsauto-scrolldynamic contentavatarsocial proofinteractive

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": "7e092239-3e5c-67b2-64ae-27d1763e8419",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "bc6ee140-a76a-08a2-a64e-ce047ad7e25a"
        ],
        "children": [
          "7e092239-3e5c-67b2-64ae-27d1763e841a"
        ]
      },
      {
        "_id": "7e092239-3e5c-67b2-64ae-27d1763e841a",
        "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": [
          "7e092239-3e5c-67b2-64ae-27d1763e841b"
        ]
      },
      {
        "_id": "7e092239-3e5c-67b2-64ae-27d1763e841b",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)