{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "location-1",
  "title": "Hours Table With Map Slot",
  "description": "Opening hours split pairing a seven row hours table with an embedded map, the address, and directions copy covering transit and step free access.",
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/blocks/location/1/location-block.tsx",
      "content": "const ADDRESS = \"Vicolo del Cinque 34, 00153 Roma, Italy\"\n\nconst hours: { day: string; open: string }[] = [\n  { day: \"Monday\", open: \"Closed\" },\n  { day: \"Tuesday\", open: \"5 PM – 11 PM\" },\n  { day: \"Wednesday\", open: \"5 PM – 11 PM\" },\n  { day: \"Thursday\", open: \"5 PM – 11 PM\" },\n  { day: \"Friday\", open: \"12 PM – 11:30 PM\" },\n  { day: \"Saturday\", open: \"12 PM – 11:30 PM\" },\n  { day: \"Sunday\", open: \"12 PM – 10 PM\" },\n]\n\nexport default function LocationBlock() {\n  return (\n    <section className=\"w-full bg-background px-6 py-16 text-foreground sm:py-24\">\n      <div className=\"mx-auto grid w-full max-w-5xl grid-cols-1 items-start gap-10 md:grid-cols-2 md:gap-14\">\n        <div>\n          <h2 className=\"font-heading text-3xl font-bold tracking-tight text-balance sm:text-4xl\">\n            Opening Hours\n          </h2>\n          <p className=\"mt-4 text-pretty text-muted-foreground\">\n            The kitchen closes half an hour before we do. The bar usually\n            carries on a little longer.\n          </p>\n\n          <table className=\"mt-8 w-full text-sm\">\n            <caption className=\"sr-only\">Opening hours by day</caption>\n            <tbody>\n              {hours.map((row) => (\n                <tr key={row.day} className=\"border-b border-border\">\n                  <th\n                    scope=\"row\"\n                    className=\"py-2.5 text-left font-normal text-muted-foreground\"\n                  >\n                    {row.day}\n                  </th>\n                  <td className=\"py-2.5 text-right font-medium tabular-nums\">\n                    {row.open}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n\n        <div className=\"flex flex-col gap-6\">\n          <div className=\"relative aspect-4/3 w-full overflow-hidden rounded-xl border border-border bg-card\">\n            <iframe\n              title={`Map of ${ADDRESS}`}\n              src={`https://www.google.com/maps?q=${encodeURIComponent(ADDRESS)}&z=16&output=embed`}\n              loading=\"lazy\"\n              referrerPolicy=\"no-referrer-when-downgrade\"\n              allowFullScreen\n              className=\"absolute inset-0 size-full border-0 dark:brightness-90 dark:contrast-90 dark:hue-rotate-180 dark:invert\"\n            />\n          </div>\n\n          <div className=\"flex flex-col gap-4\">\n            <div>\n              <h3 className=\"font-heading text-sm font-semibold\">Address</h3>\n              <p className=\"mt-1 text-sm text-muted-foreground\">\n                Vicolo del Cinque 34\n                <br />\n                00153 Roma, Italy\n              </p>\n            </div>\n            <div>\n              <h3 className=\"font-heading text-sm font-semibold\">\n                Getting Here\n              </h3>\n              <p className=\"mt-1 text-sm text-muted-foreground\">\n                Tram to Belli, then four minutes on foot. Step-free from the\n                street, with two accessible tables you can reserve by phone.\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/location-1.tsx"
    }
  ],
  "meta": {
    "height": "723px",
    "tier": "free"
  },
  "categories": [
    "location"
  ],
  "type": "registry:block"
}