Testimonial Wall

"use client";

import useMeasure from "react-use-measure";
import { cn } from "@/lib/utils";
import { Marquee } from "../marquee/marquee";

// Testimonial wall. Quote cards in columns that scroll endlessly, each column
// at its own pace and, by default, against its neighbours, so the wall reads
// as one slow weave rather than a conveyor belt. Hovering a column eases just
// that column to a stop, so the quote under the pointer can be read; tabbing
// into a column stops it too. Quotes are dealt across the columns in turn.
//
// The column count is a ceiling: the wall drops columns as it narrows, so a
// card never gets thinner than MIN_CARD, down to a single column on a phone.
// Turned horizontal, the columns become rows of fixed-width cards that slide
// sideways, for a band across the page instead of a block.

export type Testimonial = {
  quote: string;
  name: string;
  role?: string;
  /** Photo URL. Without one, the initials stand in. */
  avatar?: string;
};