Recipe Card

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

Lemon-thyme chicken

45 min480 kcal4 servings

4chicken thighs

2lemons, zest and juice

3 tbspolive oil

4 sprigsfresh thyme

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

Import & use

import { Food7 } from "@/components/beste/piece/food7";

<Food7
  recipe="Lemon-thyme chicken"
  servings={4}
  cookTime="45 min"
  calories="480 kcal"
  ingredients={[
    {
      "qty": "4",
      "item": "chicken thighs"
    },
    {
      "qty": "2",
      "item": "lemons, zest and juice"
    },
    {
      "qty": "3 tbsp",
      "item": "olive oil"
    },
    {
      "qty": "4 sprigs",
      "item": "fresh thyme"
    }
  ]}
  tone="sunset"
/>