Component Browser
BrowseBuild
Home/Browse/Testimonial 33

Testimonial 33

ImageTabsLightboxButtons260 nodes ยท 37 styles
Testimonial 33

Description

Split-layout testimonial section with left content area (heading, description, buttons) and right side featuring two vertical scrolling columns of star-rated review cards.

Detailed Analysis

This testimonial section uses a two-column split layout. The left side contains a bold 'Customer testimonials' heading, descriptive paragraph, and two CTA buttons (one filled, one text link). The right side features two vertical columns of testimonial cards that auto-scroll in opposite directions (creating a dynamic visual effect). Each card displays a 5-star rating, customer quote, and author info with avatar, name, and position. The scrolling animation continuously cycles through multiple testimonials while keeping the call-to-action content fixed and visible. This creates high engagement through motion while maintaining conversion focus.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

testimonialsplit layouttwo columnsauto-scrollanimatedstar ratingsvertical scrolldual columnsCTA buttonscustomer reviewsdynamic contentavatarsocial proofinteractive

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-3461",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-709",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 50,
              "addEndOffset": false,
              "startsExiting": false,
              "addOffsetValue": 50,
              "addStartOffset": false,
              "endOffsetValue": 50,
              "startsEntering": true,
              "continuousParameterGroupId": "a-709-p"
            }
          ],
          "target": {
            "id": "6540ac58fa7ea7efe569683a|91a0e541-0815-71ad-4fde-ad250b225cd9",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe569683a|91a0e541-0815-71ad-4fde-ad250b225cd9",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1709822517364,
          "eventTypeId": "SCROLLING_IN_VIEW",
          "mediaQueries": [
            "main",
            "medium"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-3462",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-710",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 50,
              "addEndOffset": false,
              
... (truncated)