Order Receipt

Itemized food order receipt with qty-by-name lines, a subtotal/delivery/tip breakdown, and bold total.

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

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

Import & use
import { Food5 } from "@/components/beste/piece/food5";

<Food5
  restaurant="Lokal · Modern Türk"
  items={[
    {
      "qty": 2,
      "name": "Meze plate",
      "price": "₺320"
    },
    {
      "qty": 1,
      "name": "Roasted miso salmon",
      "price": "₺240"
    },
    {
      "qty": 1,
      "name": "Pistachio baklava",
      "price": "₺110"
    }
  ]}
  subtotal="₺670"
  delivery="₺35"
  tip="₺50"
  total="₺755"
  subtotalLabel="Subtotal"
  deliveryLabel="Delivery"
  tipLabel="Tip"
  totalLabel="Total"
/>

More Food pieces

View all Food
Roasted miso salmon · plated
Roasted miso salmon₺240
With charred leeks, lemon and toasted sesame
520 kcalChef's pickGluten-free

Menu Item

food1

Menu row with a warm gradient thumbnail, dish name and price pair, description, and dietary tag chips.

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

Delivery Tracker

food4

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

Grilled chicken bowl620 kcal
Carbs68 g
Protein42 g
Fat22 g

Macro Breakdown

food6

Dish nutrition card with a kcal line, stacked macro bar, and three color-keyed grams-per-macro tiles.

Lemon-thyme chicken
45 min480 kcal4 servings
4chicken thighs
2lemons, zest and juice
3 tbspolive oil
4 sprigsfresh thyme

Recipe Card

food7

Recipe tile with a warm chef tile, time/kcal/servings row, and a two-column ingredients list.

Step 4 / 707:42
Simmer the sauce

Keep at a gentle simmer, stirring every two minutes so the garlic doesn't scorch.

Cook Step Timer

food8

Recipe-step card with a step pill, mono MM:SS countdown, instruction paragraph, and rose progress bar.

Reservation confirmedLokal · Modern Türk
WhenThu, Apr 25 · 20:00
Guests4
SeatingPatio · Table 12
CodeLKL-7Z91

Reservation Card

food3

Emerald-bordered reservation summary with when/guests/seating/code arranged on a four-cell grid.