Build an avatar tab quote switcher with Tailwind CSS: a row of customer avatars where the active one is enlarged with an accent ring, and a large quote panel below that cross-fades to the selected customer's story. Support keyboard navigation through the avatars as a proper tablist, show the customer's name, role and company under the quote, and mark the active avatar with an aria-selected state.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。