Menu row with a warm gradient thumbnail, dish name and price pair, description, and dietary tag chips.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Food1 } from "@/components/beste/piece/food1";
<Food1
name="Roasted miso salmon"
description="With charred leeks, lemon and toasted sesame"
price="₺240"
calories="520 kcal"
tags={[
"Chef's pick",
"Gluten-free"
]}
imageSrc="https://images.unsplash.com/photo-1467003909585-2f8a72700288?auto=format&fit=crop&w=200&q=80"
alt="Roasted miso salmon · plated"
/>Venue tile with a warm gradient cover, floating cuisine and rating pills, and a neighborhood-ETA row.
Recipe tile with a warm chef tile, time/kcal/servings row, and a two-column ingredients list.
Dish nutrition card with a kcal line, stacked macro bar, and three color-keyed grams-per-macro tiles.
Itemized food order receipt with qty-by-name lines, a subtotal/delivery/tip breakdown, and bold total.
Wrapped diet chip filter where selected options fill with emerald and inactives stay bordered.
Emerald-bordered reservation summary with when/guests/seating/code arranged on a four-cell grid.