About this piece
Delivery Tracker
Four-step delivery progress with icon tiles, a ringed active step, ETA pill, and a courier footer.
Usage
The import and the props worth knowing about, in one place.
import { Food4 } from "@/components/beste/piece/food4";
<Food4
surface="card"
bordered={true}
inverted={false}
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"
/>More Food pieces
View all FoodStep 4 / 707:42
Simmer the sauceKeep at a gentle simmer, stirring every two minutes so the garlic doesn't scorch.
Cook Step Timer
Recipe-step card with a step pill, mono MM:SS countdown, instruction paragraph, and rose progress bar.
Lokal · Modern Türk
2× Meze plate₺320
1× Roasted miso salmon₺240
1× Pistachio baklava₺110
Subtotal₺670
Delivery₺35
Tip₺50
Total₺755
Order Receipt
Itemized food order receipt with qty-by-name lines, a subtotal/delivery/tip breakdown, and bold total.
Order #1284
Table 6
- Miso ramen x2
- Gyoza x1
- Iced matcha x2
Kitchen Ticket
A kitchen order walks itself from received to ready, swapping the status pill and puffing steam over the tile while it cooks.
Anatolian · Small plates4.7Lokal · Modern Türk
Karaköy30–45 min₺₺₺
Restaurant Card
Venue tile with a warm gradient cover, floating cuisine and rating pills, and a neighborhood-ETA row.