{
 "slug": "ombrelle",
 "name": "Ombrelle",
 "title": "Ombrelle, a free restaurant website template",
 "kind": "Restaurant website for a brasserie, bistro or bar, with a menu, opening hours and table booking",
 "summary": "A one-page site for a brasserie and bar on a town square, open from noon to midnight: menu with prices, the day's service times, the bar card, the seating areas and a booking form. Near-white, olive and night grounds with huge uppercase type; a parasol shade moves across the hero table, the page darkens from noon to midnight along a horizontal track and the parasols open on a plan of the house as you scroll.",
 "fits": [
  "brasserie, bistro or neighbourhood restaurant",
  "café or bar with a terrace",
  "seafood or market-driven kitchen with a daily menu",
  "restaurant with lunch and dinner services and table booking"
 ],
 "categories": [
  "Food and drink"
 ],
 "tags": [
  "restaurant",
  "brasserie",
  "bistro",
  "bar",
  "cafe",
  "menu",
  "table booking",
  "food",
  "uppercase typography",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 83,
 "photos": 23,
 "fonts": [
  "Schibsted Grotesk"
 ],
 "libraries": [
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js",
  "https://cdn.jsdelivr.net/npm/lenis@1.3.11/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "header: wordmark, five section links (Book a table last); compact bar on scroll up; phone menu overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Ombrelle",
   "about": "first screen: huge wordmark, full-bleed dish photo, Book a table; then the menus intro and a photo pair (demo: brasserie and bar)"
  },
  {
   "key": "about",
   "id": "about",
   "heading": "Lunch that runs into the evening",
   "about": "olive full-width block: three-line justified heading and a short story"
  },
  {
   "key": "moments",
   "id": "moments",
   "heading": "Ombrelle moments",
   "about": "photo grid of six with a Follow us link (social feed)"
  },
  {
   "key": "day",
   "id": "day",
   "heading": "Noon to midnight",
   "about": "opening hours as a horizontal track of five services, ground going from day to night (demo: Lunch, Coffee hour, Aperitivo, Dinner, Last glass)"
  },
  {
   "key": "carte",
   "id": "carte",
   "heading": "The brasserie card",
   "about": "the menu: courses with dishes, short descriptions and prices, sticky course index and one photo"
  },
  {
   "key": "market",
   "id": "market",
   "heading": "This morning",
   "about": "five ingredients or suppliers with photos and where each goes on the menu (demo: the day's deliveries)"
  },
  {
   "key": "bar",
   "id": "bar",
   "heading": "After five",
   "about": "dark bar section: drinks and small plates with prices, two bar photos"
  },
  {
   "key": "terrace",
   "id": "terrace",
   "heading": "Under the parasols",
   "about": "seating areas with seat counts beside a drawn plan of the house, wide photo of the square"
  },
  {
   "key": "reviews",
   "id": "reviews",
   "heading": "Said at the table",
   "about": "three guest quotes set large, alternating sides"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Book a table",
   "about": "booking form and the restaurant's details (address, hours, phone, email)"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "night footer: four link columns, width-filling wordmark, copyright and the Design: 8B credit"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "social",
  "phone",
  "email",
  "form"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/restaurant-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a restaurant site for <your restaurant: name, kind of food, address, opening hours, menu with prices, how to book>. Keep the layout, the motion and the single-file format; replace the brand name, copy, menu, prices, hours, photos, links and contacts, and recolour it through the CSS variables if needed."
 },
 "links": {
  "page": "https://8b.com/templates/ombrelle/",
  "md": "https://8b.com/templates/ombrelle.md",
  "json": "https://8b.com/templates/ombrelle.json",
  "demo": "https://8bsite.github.io/restaurant-website-template/",
  "repo": "https://github.com/8bsite/restaurant-website-template",
  "zip": "https://github.com/8bsite/restaurant-website-template/archive/refs/heads/main.zip",
  "use": "https://github.com/new?template_name=restaurant-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/restaurant-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/restaurant-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/ombrelle/desktop.webp",
  "phone": "https://8b.com/templates/ombrelle/phone.webp",
  "clip": "https://8b.com/templates/ombrelle/scroll.mp4",
  "og": "https://8b.com/templates/ombrelle/og.jpg"
 },
 "github": {
  "repo": "8bsite/restaurant-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "website-template",
   "free-template",
   "restaurant-website",
   "restaurant-template",
   "bistro",
   "cafe-website",
   "html5",
   "css",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "no-build",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}