Recipe-step card with a step pill, mono MM:SS countdown, instruction paragraph, and rose progress bar.
Keep at a gentle simmer, stirring every two minutes so the garlic doesn't scorch.
New here? Read the installation guide.
import { Food8 } from "@/components/beste/piece/food8";
<Food8
step="Simmer the sauce"
instruction="Keep at a gentle simmer, stirring every two minutes so the garlic doesn't scorch."
stepIndex={4}
totalSteps={7}
minutes={7}
seconds={42}
tone="rose"
/>Recipe tile with a warm chef tile, time/kcal/servings row, and a two-column ingredients list.
Four-step delivery progress with icon tiles, a ringed active step, ETA pill, and a courier footer.
Dish nutrition card with a kcal line, stacked macro bar, and three color-keyed grams-per-macro tiles.
Venue tile with a warm gradient cover, floating cuisine and rating pills, and a neighborhood-ETA row.