Happy Hour Deals

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/food21.tsx instead.

Usage

The file also exports food21Demo, 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 { Food21, food21Demo } from "@/components/blocks/food/food21";

export default function Page() {
  return <Food21 {...food21Demo} />;
}

Props

Types

type HappyHourDeal = {
  name: string;
  originalPrice: string;
  dealPrice: string;
};

Behavior notes

• The schedule badge row, heading, description, and CTA button each only render when their respective prop is set/non-empty.
• Each deal always shows both originalPrice (struck through) and dealPrice; there is no toggle to hide the original price.
• The CTA button is decorative and inert: there is no real link or navigation wired up.
• The image stacks above the content on mobile and sits side-by-side with it from the lg breakpoint up.