Delivery Tracker

Four-step delivery progress with icon tiles, a ringed active step, ETA pill, and a courier footer.

Order trackingETA 15–20 min
Order
Kitchen
On the way
Delivered
Emre · Scooter · 4.9★

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

Import & use
import { Food4 } from "@/components/beste/piece/food4";

<Food4
  phase="riding"
  eta="15–20 min"
  courier="Emre · Scooter · 4.9★"
  trackingLabel="Order tracking"
  etaPrefix="ETA"
  receivedLabel="Order"
  preparingLabel="Kitchen"
  ridingLabel="On the way"
  deliveredLabel="Delivered"
/>