Build a usage-based pricing estimator with Tailwind CSS: a range slider for the metered quantity (events, seats, GB), a live price readout that recomputes as the slider moves with the unit price and volume discount shown as a small breakdown, and a tier marker on the slider track where the next discount kicks in. Add a monthly/annual projection line and a 'Start free trial' button locked to the current estimate.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。