Spend €14.00 more for free delivery

Standard delivery is €4.95 below the threshold.

€36.00

€25 free returns €50 free delivery €90 gift

Small things that close the gap

Bench scraper

€12.00

Linen cloth

€9.50

Sharpening stone

€18.00

Ordered before 15:00 on a weekday, it leaves the same day. Returns are free for 60 days — the policy is two paragraphs long.

">

The prompt

Create a shopping incentive bar with Tailwind CSS. Use a max-w-2xl bordered rounded-2xl card. The top row pairs a small van-like glyph tile with a sentence reading how much more is needed for free delivery, the remaining amount emphasised in medium weight, and the current basket total on the right in monospace. Under it, a thin track with a neutral-900 fill at seventy-two percent carrying three tick markers with tiny labels beneath — free delivery, free returns and a gift, the first two below the current position and rendered in green with check glyphs. Then a horizontal strip of three suggested products to close the gap, each a compact bordered tile with a small square placeholder, a name, a price and an "Add" text button. Finish with a muted line noting the delivery estimate and a link to the returns policy. Then add JavaScript that adds a product price to the basket when Add is clicked, moves the progress fill, rewrites the sentence, and switches it to a green "You have unlocked free delivery" state once the threshold is passed.

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