The prompt

Create an à-la-carte pricing block with Tailwind CSS. A dark rounded-2xl base plan card on the left showing the plan name, price, and what is included. On the right, a stacked list of optional add-on rows, each a label wrapping a checkbox carrying a data-price attribute, with a name, a one-line description, and a price on the far right; one row is pre-checked and highlighted with a ring. Below the list show a running total row and a checkout button. Then add JavaScript that recalculates the total from the base fee plus every checked add-on, moves the selected ring styling onto the rows that are actually checked, and updates the checkout button to name how many add-ons are included.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? Open the Tailwind source.