Executive Chef Profile

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button, badge, media-slot dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/food/food26.tsx instead.

Usage

The file also exports food26Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Food26, food26Demo } from "@/components/blocks/food/food26";

export default function Page() {
  return <Food26 {...food26Demo} />;
}

Props

Types

type SocialLink = {
  label: string;
  href: string;
  icon: "instagram" | "website" | "press" | "email";
};

Behavior notes

• The `icon` field on SocialLink is a closed union mapped internally to a fixed set of lucide-react icons (Instagram -> Camera, Website -> Globe, Press -> Newspaper, Email -> Mail); this repo's pinned lucide-react version has no brand-specific social icons, so these are generic stand-ins, same pattern used elsewhere in the block catalog.
• Social links render as icon-only outline buttons linking out via `render={<a ... target="_blank" rel="noreferrer" />}`; the email entry is expected to use a `mailto:` href.
• credentials and awards each independently collapse to nothing when empty; the quote always renders.