Sommelier pairings panel with a dish header and rose-ruled wine or cocktail suggestion blocks.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Food10 } from "@/components/beste/piece/food10";
<Food10
dish="Seared duck breast"
pairings={[
{
"name": "Pinot Noir · Willamette",
"type": "Red · 2021",
"notes": "Bright cherry, subtle forest floor."
},
{
"name": "Bourbon old-fashioned",
"type": "Cocktail",
"notes": "Bittersweet, amplifies the glaze."
}
]}
tone="rose"
/>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.
Menu row with a warm gradient thumbnail, dish name and price pair, description, and dietary tag chips.
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.
Emerald-bordered reservation summary with when/guests/seating/code arranged on a four-cell grid.
Dish nutrition card with a kcal line, stacked macro bar, and three color-keyed grams-per-macro tiles.