Component Browser
BrowseBuild
Home/Browse/Testimonial 26

Testimonial 26

ImageTabsLightboxButtons158 nodes ยท 25 styles
Testimonial 26

Description

Six-card testimonial grid in two columns with star ratings, varying quote lengths, and author attribution with avatars.

Detailed Analysis

This testimonial section displays six testimonial cards arranged in a 2-column by 3-row grid layout. A centered heading and subheading introduce the section. Each card contains a 5-star rating, a customer quote (with varying lengths - some longer, some shorter), and author information with circular avatar, name, and position/company. The cards have thin borders and are evenly spaced. The asymmetric text lengths in the right column create visual variety while maintaining structural consistency. This static grid layout is ideal for showcasing multiple reviews without pagination or carousel interaction.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

testimonialgrid layouttwo columnssix cardsstar ratingsfive starscustomer reviewsvaried lengthsavatarsocial proofstatic gridmasonry-likemultiple testimonials

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": "0a82d630-cb80-18ac-9abc-67bfbc9d094a",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "0d4c5c17-c94a-06d7-43ff-1768f9756443"
        ],
        "children": [
          "0a82d630-cb80-18ac-9abc-67bfbc9d094b"
        ]
      },
      {
        "_id": "0a82d630-cb80-18ac-9abc-67bfbc9d094b",
        "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": [
          "0a82d630-cb80-18ac-9abc-67bfbc9d094c"
        ]
      },
      {
        "_id": "0a82d630-cb80-18ac-9abc-67bfbc9d094c",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)