{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "menu-1",
  "title": "Leader Dot Menu List",
  "description": "Restaurant menu in four courses, each dish a name with leader dots running to its price, a one line description, and a bare dietary note, in a two column print layout.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/blocks/menu/1/menu-block.tsx",
      "content": "type Dish = { name: string; detail: string; price: string; note?: string }\ntype Course = { title: string; dishes: Dish[] }\n\nconst courses: Course[] = [\n  {\n    title: \"Antipasti\",\n    dishes: [\n      {\n        name: \"Focaccia Romana\",\n        detail: \"Rosemary, sea salt, new season olive oil\",\n        price: \"7\",\n        note: \"Vegan\",\n      },\n      {\n        name: \"Burrata e Pomodorini\",\n        detail: \"Whole burrata, confit tomatoes, basil oil\",\n        price: \"13\",\n        note: \"Vegetarian\",\n      },\n      {\n        name: \"Olive Ascolane\",\n        detail: \"Stuffed, fried, lemon and parsley\",\n        price: \"9\",\n      },\n      {\n        name: \"Prosciutto e Melone\",\n        detail: \"24 month San Daniele, cantaloupe, black pepper\",\n        price: \"14\",\n      },\n    ],\n  },\n  {\n    title: \"Pizza\",\n    dishes: [\n      {\n        name: \"Margherita DOP\",\n        detail: \"San Marzano tomato, fior di latte, basil\",\n        price: \"14\",\n        note: \"Vegetarian\",\n      },\n      {\n        name: \"Marinara\",\n        detail: \"Tomato, garlic, oregano, no cheese\",\n        price: \"12\",\n        note: \"Vegan\",\n      },\n      {\n        name: \"Diavola\",\n        detail: \"Spicy salame, chilli honey, mozzarella\",\n        price: \"17\",\n      },\n      {\n        name: \"Salsiccia e Friarielli\",\n        detail: \"Fennel sausage, broccoli rabe, smoked provola\",\n        price: \"18\",\n      },\n      {\n        name: \"Bufala e Pistacchio\",\n        detail: \"Buffalo mozzarella, pistachio pesto, lemon zest\",\n        price: \"19\",\n        note: \"Vegetarian\",\n      },\n    ],\n  },\n  {\n    title: \"Dolci\",\n    dishes: [\n      {\n        name: \"Tiramisu\",\n        detail: \"Mascarpone, savoiardi, espresso from the bar\",\n        price: \"9\",\n      },\n      {\n        name: \"Panna Cotta\",\n        detail: \"Vanilla bean, amarena cherries\",\n        price: \"8\",\n        note: \"Gluten free\",\n      },\n      {\n        name: \"Affogato\",\n        detail: \"Vanilla gelato drowned in hot espresso\",\n        price: \"7\",\n        note: \"Gluten free\",\n      },\n    ],\n  },\n  {\n    title: \"Drinks\",\n    dishes: [\n      {\n        name: \"Negroni Sbagliato\",\n        detail: \"Campari, red vermouth, prosecco, orange\",\n        price: \"13\",\n      },\n      {\n        name: \"Aperol Spritz\",\n        detail: \"Aperol, prosecco, soda, green olive\",\n        price: \"12\",\n      },\n      {\n        name: \"Chianti Classico\",\n        detail: \"Sangiovese, Tuscany, by the glass\",\n        price: \"11\",\n      },\n      {\n        name: \"Limonata della Casa\",\n        detail: \"Amalfi lemons, pressed each morning\",\n        price: \"5\",\n        note: \"Vegan\",\n      },\n    ],\n  },\n]\n\nexport default function MenuBlock() {\n  return (\n    <section className=\"w-full bg-background px-6 py-16 text-foreground sm:py-24\">\n      <div className=\"mx-auto w-full max-w-4xl\">\n        <div className=\"text-center\">\n          <h2 className=\"font-heading text-3xl font-bold tracking-tight text-balance sm:text-4xl\">\n            The Menu\n          </h2>\n          <p className=\"mt-4 text-pretty text-muted-foreground\">\n            Served from five until late, seven nights a week. Prices include\n            service.\n          </p>\n        </div>\n\n        <div className=\"mt-12 grid grid-cols-1 gap-x-12 gap-y-10 md:grid-cols-2\">\n          {courses.map((course) => (\n            <section key={course.title}>\n              <h3 className=\"font-heading text-sm font-semibold tracking-[0.18em] uppercase\">\n                {course.title}\n              </h3>\n              <ul className=\"mt-4 flex flex-col gap-4\">\n                {course.dishes.map((dish) => (\n                  <li key={dish.name}>\n                    <div className=\"flex items-baseline gap-2\">\n                      <span className=\"font-medium\">{dish.name}</span>\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"min-w-4 flex-1 translate-y-[-0.2rem] border-b border-dotted border-border\"\n                      />\n                      <span className=\"font-medium tabular-nums\">\n                        {dish.price}\n                      </span>\n                    </div>\n                    <p className=\"mt-1 text-sm text-muted-foreground\">\n                      {dish.detail}\n                      {dish.note ? (\n                        <>\n                          {\" \"}\n                          <span className=\"text-muted-foreground\">\n                            {dish.note}\n                          </span>\n                        </>\n                      ) : null}\n                    </p>\n                  </li>\n                ))}\n              </ul>\n            </section>\n          ))}\n        </div>\n\n        <p className=\"mt-12 text-center text-sm text-muted-foreground\">\n          Tell us about allergies before you order and the kitchen will walk you\n          through every dish.\n        </p>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/menu-1.tsx"
    }
  ],
  "meta": {
    "height": "1044px",
    "tier": "free"
  },
  "categories": [
    "menu"
  ],
  "type": "registry:block"
}