{
 "slug": "hopla",
 "name": "Hopla",
 "title": "Hopla, a free trampoline park website template",
 "kind": "Website for a trampoline park or indoor family activity venue",
 "summary": "A one-page site for an indoor trampoline park with zones, sessions, birthday parties, a café, a league table, prices and booking. Cream, red and yellow fields with wobbly trampoline-bed edges and big condensed type; the page bounces as you scroll: a jumper is launched off the first screen, photo discs hop down the zone list and a red ball hops along the party route.",
 "fits": [
  "trampoline park or bounce centre",
  "indoor play centre or soft play",
  "climbing, ninja or adventure park",
  "kids' party venue",
  "any family leisure venue with sessions, passes and bookings"
 ],
 "categories": [
  "Local business"
 ],
 "tags": [
  "trampoline park",
  "leisure",
  "family",
  "kids",
  "birthday parties",
  "booking",
  "playful",
  "colourful",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 126,
 "photos": 28,
 "fonts": [
  "Bricolage Grotesque",
  "Playpen Sans",
  "Rethink Sans"
 ],
 "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/gsap@3.13.0/dist/MotionPathPlugin.min.js",
  "https://cdn.jsdelivr.net/npm/lenis@1.3.27/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": "fixed top bar: wordmark, Book button, Menu button opening a full-screen link overlay with contacts"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Bounce at Hopla, the trampoline park in Sheffield",
   "about": "first screen: one giant word with a photo of a jumper in front, wordmark, two stickers, two short texts; then a red panel with heading, button and three tilted photos"
  },
  {
   "key": "zones",
   "id": "zones",
   "heading": "One roof, six ways off the ground",
   "about": "list of six activity zones in a zig-zag: big name, one line, age sticker, round photo (demo: trampoline zones)"
  },
  {
   "key": "airtime",
   "id": "airtime",
   "heading": "The best bit is the middle",
   "about": "full-width photo with a two-line statement held on screen while you scroll"
  },
  {
   "key": "sessions",
   "id": "sessions",
   "heading": "One shed, five crowds",
   "about": "timetable of five sessions as tickets: time, name, text, ages, photo (ground turns from morning yellow to night)"
  },
  {
   "key": "parties",
   "id": "parties",
   "heading": "Birthday parties, sorted",
   "about": "birthday parties: heading, text, price line, button, and a five-step route with numbered tilted photos"
  },
  {
   "key": "landing",
   "id": "landing",
   "heading": "The Landing",
   "about": "on-site café: wide photo, round coffee photo, sticker, text, short price list"
  },
  {
   "key": "league",
   "id": "league",
   "heading": "Ninja Wall League",
   "about": "ranking table of six results on a dark field, with heading, text, entry link and photo (demo: ninja wall times)"
  },
  {
   "key": "rules",
   "id": "rules",
   "heading": "House rules, short version",
   "about": "red wall of five tilted rule stickers and one photo (house rules)"
  },
  {
   "key": "prices",
   "id": "prices",
   "heading": "Pick a pass",
   "about": "five ticket-shaped passes with name, price and one line, plus two buttons"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Asked a lot",
   "about": "questions and answers (native <details>) next to a heading and a phone line"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Come and jump",
   "about": "address, opening hours, phone, email, directions and a booking request form (placeholders)"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "links, address and phone, copyright with the Design: 8B credit, a giant outlined HOPLA wordmark with three round photos"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "email",
  "form"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/trampoline-park-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for <your venue: what it is (trampoline park, play centre, climbing or adventure park), city and address, activities or zones, sessions and opening hours, prices, parties, how to book>. Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, prices, hours, links and contacts, and recolour it through the CSS variables if needed."
 },
 "links": {
  "page": "https://8b.com/templates/hopla/",
  "md": "https://8b.com/templates/hopla.md",
  "json": "https://8b.com/templates/hopla.json",
  "demo": "https://8bsite.github.io/trampoline-park-website-template/",
  "repo": "https://github.com/8bsite/trampoline-park-website-template",
  "zip": "https://github.com/8bsite/trampoline-park-website-template/archive/refs/heads/main.zip",
  "use": "https://github.com/new?template_name=trampoline-park-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/trampoline-park-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/trampoline-park-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/hopla/desktop.webp",
  "phone": "https://8b.com/templates/hopla/phone.webp",
  "clip": "https://8b.com/templates/hopla/scroll.mp4",
  "og": "https://8b.com/templates/hopla/og.jpg"
 },
 "github": {
  "repo": "8bsite/trampoline-park-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "free-template",
   "trampoline-park",
   "trampoline-park-website",
   "family-entertainment-center",
   "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/"
 }
}