Restaurant Menu Tabs

npx shadcn add "https://beste.dev/r/hotel8?email=YOUR_EMAIL&license_key=YOUR_KEY"

npx shadcn add "https://beste.dev/r-base/hotel8?email=YOUR_EMAIL&license_key=YOUR_KEY"

import { Hotel8, hotel8Demo } from "@/components/beste/block/hotel8";

export default function Page() {
  return <Hotel8 {...hotel8Demo} />;
}

import { Hotel8 } from "@/components/beste/block/hotel8";

export default function Page() {
  return (
    <Hotel8
      eyebrow="The menu"
      heading="Short, seasonal and written every afternoon."
      description="Tell us about allergies when you book and the kitchen will plan around you."
      sections={[
        {
          label: "Lunch",
          hours: "13:00 to 16:00",
          image: { src: "https://oud.pics/b/hotel/ostria-grilled-fish.webp", alt: "A whole grilled sea bream with charred lemon" },
          dishes: [
            { name: "Grilled sea bream", description: "Whole, with charred lemon and wild greens", price: "€34" },
            { name: "Fava from Santorini", description: "Slow cooked, with red onion and capers", price: "€12" },
          ],
        },
        {
          label: "Dinner",
          hours: "19:30 to 23:00",
          image: { src: "https://oud.pics/b/hotel/ostria-dining-terrace.webp", alt: "A long candlelit table under a vine pergola" },
          dishes: [
            { name: "Red mullet", description: "Crisp skin, saffron and fennel", price: "€32" },
            { name: "Orzo with sea urchin", description: "When the divers bring it in", price: "€29", tag: "Some nights" },
          ],
        },
      ]}
      footnote="Prices include tax. The menu changes with the catch and the garden."
    />
  );
}

type MenuSection = {
  label: string;
  hours: string;
  dishes: Dish[];
  image: { src: string; alt: string };
};

type Dish = {
  name: string;
  description: string;
  price: string;
  tag?: string;
};