Free Shipping Bar

Shipping threshold card with a truck icon, an amount-to-go message that flips emerald on qualifying, and a tone progress fill toward the goal.

Add $27 more for free shipping.
$48$75 goal

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Commerce8 } from "@/components/beste/piece/commerce8";

<Commerce8
  subtotal={48}
  threshold={75}
  currency="$"
  tone="emerald"
/>