Restaurant Reservation Footer

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button 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/footer/footer28.tsx instead.

Usage

The file also exports footer28Demo, 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 { Footer28, footer28Demo } from "@/components/blocks/footer/footer28";

export default function Page() {
  return <Footer28 {...footer28Demo} />;
}

Props

Types

type HourEntry = { day: string; time: string };

type FooterLink = { label: string; href: string };

Behavior notes

• The phone number renders as a plain tel: link; there is no click-to-call detection beyond that.
• The reservation button is a link-styled Button (render={<Link/>}) with no real booking-system integration, matching every other static CTA in the Blocks catalog.
• Hours entries render in list order, top to bottom, with no day-of-week highlighting or 'open now' logic since that would require a real clock at render time.