Order #1284
Table 6
A kitchen order walks itself from received to ready, swapping the status pill and puffing steam over the tile while it cooks.
The import and the props worth knowing about, in one place.
import { Food11 } from "@/components/beste/piece/food11";
<Food11
orderLabel="Order #1284"
tableLabel="Table 6"
items={[
{
"name": "Miso ramen",
"qty": 2
},
{
"name": "Gyoza",
"qty": 1
},
{
"name": "Iced matcha",
"qty": 2
}
]}
/>Recipe tile with a warm chef tile, time/kcal/servings row, and a two-column ingredients list.
Venue tile with a warm gradient cover, floating cuisine and rating pills, and a neighborhood-ETA row.
Four-step delivery progress with icon tiles, a ringed active step, ETA pill, and a courier footer.
Keep at a gentle simmer, stirring every two minutes so the garlic doesn't scorch.
Recipe-step card with a step pill, mono MM:SS countdown, instruction paragraph, and rose progress bar.