Reservation Card

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

Reservation confirmedLokal · Modern Türk

WhenThu, Apr 25 · 20:00

Guests4

SeatingPatio · Table 12

CodeLKL-7Z91

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

Import & use

import { Food3 } from "@/components/beste/piece/food3";

<Food3
  restaurant="Lokal · Modern Türk"
  when="Thu, Apr 25 · 20:00"
  partySize={4}
  table="Patio · Table 12"
  confirmationCode="LKL-7Z91"
  confirmedLabel="Reservation confirmed"
  whenLabel="When"
  guestsLabel="Guests"
  seatingLabel="Seating"
  codeLabel="Code"
/>