Build an auto-advancing testimonial slider with Tailwind CSS: one large quote centered on screen, advancing every six seconds with a cross-fade, and a row of dots underneath where the active dot carries a thin progress ring showing time until the next slide. Pause the auto-advance on hover or focus, support swipe on touch, and stop the rotation entirely under prefers-reduced-motion.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。