{
 "slug": "spinway",
 "name": "Spinway Roller Rink",
 "title": "Free roller rink website template",
 "description": "Free HTML roller rink website template for skating venues with weekly sessions, lessons and party packages. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a roller rink or skating venue that runs weekly sessions, lessons, parties and a record booth",
 "summary": "A one-page site for a family roller rink: a weekly session list, a hard maple floor story, eight-week skate lessons, rental sizes and a pro shop, a timeline of fifty seasons, three party packages, a record request form, questions, and a map. Teal, aubergine and ink grounds with cream type and a yellow, orange and red stripe sequence, slanted at 60 degrees, with rounded Gabarito headings.",
 "fits": [
  "roller rink or skating venue",
  "ice rink, trampoline park or bowling alley with weekly sessions and party packages",
  "dance studio, club night or community hall with a regular timetable",
  "any venue with a long history, a rental shop and party bookings, or a retro poster look"
 ],
 "categories": [
  "Sport and fitness",
  "Local business"
 ],
 "tags": [
  "roller rink",
  "roller skating",
  "skate rink",
  "party venue",
  "birthday parties",
  "timetable",
  "retro",
  "disco",
  "poster style",
  "stripes",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 85,
 "photos": 16,
 "fonts": [
  "Gabarito",
  "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/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": "top bar: stripe mark and wordmark, five section links, Book a party button; hides on scroll down; full-screen phone menu"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Season fifty, same maple floor",
   "about": "first screen: two cut-corner photos beside the headline, a short story of the floor, two buttons and a link"
  },
  {
   "key": "sessions",
   "id": "sessions",
   "heading": "Five sessions a week",
   "about": "five weekly sessions as colour rows with day, name, note, time and price; ticket note and button"
  },
  {
   "key": "floor",
   "id": "floor",
   "heading": "Sixteen hundred boards of hard maple",
   "about": "a photo of worn skates beside a heading about the maple floor, a stripe band and three facts"
  },
  {
   "key": "lessons",
   "id": "lessons",
   "heading": "Learn to skate in eight Wednesdays",
   "about": "course heading with a photo, then four steps rising like a staircase with week ranges and a join button"
  },
  {
   "key": "skates",
   "id": "skates",
   "heading": "Two hundred and forty pairs on the wall",
   "about": "rental heading, wall photo, four wheel-colour size rows, a heap-of-skates photo and a pro shop price list"
  },
  {
   "key": "seasons",
   "id": "seasons",
   "heading": "Fifty seasons on the same floor",
   "about": "a horizontal track of eight years with a short story and a photo each, under a stripe band"
  },
  {
   "key": "parties",
   "id": "parties",
   "heading": "Your party, our floor",
   "about": "party heading with a photo, three slanted package panels with lists and prices, deposit note and button"
  },
  {
   "key": "booth",
   "id": "booth",
   "heading": "Records from the booth",
   "about": "booth story with a photo and a record request form, beside four record sleeves flipping like a crate"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before your first lap",
   "about": "questions and answers in native details elements beside a heading with a stripe band"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Find the rink",
   "about": "address, phone and email, session hours, box office note, beside a drawn street map with a route to the rink"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "large wordmark with a stripe band, footer links, social links, copyright with the Design: 8B credit"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "email",
  "form",
  "phone",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/roller-rink-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/roller-rink-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/roller-rink-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/roller-rink-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/roller-rink-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my venue: name, address, year opened, weekly sessions with days, times and prices, lesson fee and start date, rental sizes, shop prices, party packages and deposit, hours, closures, phone, email>. Replace first the name, sessions, prices and history years. Keep the section ids, the four lesson steps with their --ls-n numbers, the classes AGENTS.md lists and the footer wordmark len set to the new name length. Ask me for missing facts and never invent prices, hours or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/spinway/",
  "md": "https://8b.com/templates/spinway.md",
  "json": "https://8b.com/templates/spinway.json",
  "demo": "https://8b.com/templates/spinway/demo.html",
  "ghDemo": "https://8bsite.github.io/roller-rink-website-template/",
  "repo": "https://github.com/8bsite/roller-rink-website-template",
  "zip": "https://8b.com/templates/spinway/roller-rink-website-template.zip",
  "use": "https://github.com/new?template_name=roller-rink-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/roller-rink-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/roller-rink-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/roller-rink-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/roller-rink-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/roller-rink-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/roller-rink-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/spinway/desktop.webp",
  "phone": "https://8b.com/templates/spinway/phone.webp",
  "clip": "https://8b.com/templates/spinway/scroll.mp4",
  "og": "https://8b.com/templates/spinway/og.jpg",
  "design_md": "https://8b.com/templates/spinway/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/roller-rink-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "roller-rink",
   "roller-skating",
   "retro-design",
   "party-venue",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}