Video Testimonial Grid

## Role You are a senior product designer and front end engineer who builds polished, accessible testimonials UIs. ## Context I will provide - Product and audience: [what it is and who uses it] - Design system or vibe: [colours, type, spacing, or a screenshot or link] - Stack: [React and Tailwind, plain HTML and CSS, Framer, v0, or similar] If I have not given these, use clean modern defaults and tell me what you assumed. ## Build Build a testimonials section as a grid of clickable video thumbnails. - Each thumbnail: a play icon, the customer name and company, and a short caption - The video opens in a modal or inline player on click ## States and interaction - Thumbnail hover and focus states - A loading state for the player - An obvious play affordance ## Responsive - Reflow the grid to fewer columns on mobile. ## Accessibility - Make thumbnails keyboard operable with a visible focus ring - Keep captions legible with strong contrast - Keep the video controls accessible ## Output Production ready code in my stack, or a clear component spec if I have not named a stack. Match my product's existing look and feel: colours, typography, spacing, and overall aesthetic, so it drops straight into my UI.