{
 "slug": "cannonball",
 "name": "Cannonball",
 "title": "Free water park website template",
 "description": "Free HTML water park website template with ride sheets, ticket prices and a swim school, no libraries. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a water park or leisure pool with rides, ticket prices, a season pass, evening sessions and a swim school",
 "summary": "A one-page site for an indoor and outdoor water park: the big rides, three zones, a season wristband, a Friday night session, day and season prices, swim school lanes, FAQ, lifeguards and a visit block with a party booking form. A giant orange wordmark on black shrinks into the header, full-screen photo sheets stack, and pool-blue water rises through a huge lowercase heading.",
 "fits": [
  "water park or waterslide park",
  "leisure centre, lido or indoor swimming pool with a swim school",
  "trampoline park, adventure park or other family attraction with day tickets and a season pass",
  "any venue with rides or zones, a pass with two prices and evening events"
 ],
 "categories": [
  "Sport and fitness",
  "Local business"
 ],
 "tags": [
  "water park",
  "waterslides",
  "swimming pool",
  "leisure centre",
  "swim school",
  "family attraction",
  "season pass",
  "tickets",
  "bold",
  "orange and blue",
  "css scroll animations",
  "no libraries",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 111,
 "photos": 29,
 "fonts": [
  "Kalnia",
  "Reddit Sans"
 ],
 "libraries": [],
 "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: four small black social tags, the Cannonball logo tab (appears after the first section), a Tickets button and a menu button; full-screen menu overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "One wristband, unlimited drops.",
   "about": "two screens: a full-bleed underwater photo with headline, lead, buttons and a serif tagline over a giant orange wordmark strap, then a black screen with a framed photo, a statement and five floating photo cards (four on phones)"
  },
  {
   "key": "rides",
   "id": "rides",
   "heading": "The big four",
   "about": "four full-screen ride sheets that stack as you scroll, each with a photo, name, zone, spec and one line"
  },
  {
   "key": "zones",
   "id": "zones",
   "heading": "what's in the water",
   "about": "a huge lowercase heading that pool-blue water rises through, a lead, three zone rows with ride lists and a closing serif line with two links"
  },
  {
   "key": "wristband",
   "id": "band",
   "heading": "One band. Every slide, all season.",
   "about": "black section: heading and text above one long orange strap holding six perks and three photos that travels sideways while the stage is held"
  },
  {
   "key": "after-dark",
   "id": "after-dark",
   "heading": "After Dark",
   "about": "Friday night session: head with a serif line, text and button beside four hours (19:00 to 22:30), each with a photo, title and sentence"
  },
  {
   "key": "passes",
   "id": "passes",
   "heading": "Pick your band",
   "about": "one ticket card with a Day ticket / Season band tab switch, price, what is included and two actions beside a tall photo"
  },
  {
   "key": "swim-school",
   "id": "lessons",
   "heading": "Swim school",
   "about": "pool-blue section with heading, lead and a Book a trial button above four swimming lanes, each with a number, photo, class name, ages and sentence"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before you jump",
   "about": "six questions in native details elements beside a lifeguard photo and a Still unsure? block with the desk number"
  },
  {
   "key": "lifeguards",
   "id": "crew",
   "heading": "Forty lifeguards. Eyes on every lane.",
   "about": "black section: heading and text above four lifeguard portraits with name, role and note; an orange frame walks the row"
  },
  {
   "key": "visit",
   "id": "visit",
   "heading": "Find the deep end",
   "about": "Find the deep end: aerial photo, where, when and talk-to-us blocks, and a party booking form"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "black footer: giant orange wordmark, serif line, two link lists, opening hours and legal line"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "social",
  "email",
  "phone",
  "form"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/water-park-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/water-park-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/water-park-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/water-park-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/water-park-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make it the site for <my water park: name, address, opening hours and late nights, rides with heights and lengths, zones, day and season prices, swim school classes with ages, party packages, lifeguard and water facts>. Replace the name, copy, photos and contacts first. Keep the section ids, the classes AGENTS.md lists, four evening hours, lanes and lifeguards, and set each --len to its line's character count; add no animation library. Ask for any missing fact; never invent prices, heights, hours or safety claims."
 },
 "links": {
  "page": "https://8b.com/templates/cannonball/",
  "md": "https://8b.com/templates/cannonball.md",
  "json": "https://8b.com/templates/cannonball.json",
  "demo": "https://8b.com/templates/cannonball/demo.html",
  "ghDemo": "https://8bsite.github.io/water-park-website-template/",
  "repo": "https://github.com/8bsite/water-park-website-template",
  "zip": "https://8b.com/templates/cannonball/water-park-website-template.zip",
  "use": "https://github.com/new?template_name=water-park-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/water-park-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/water-park-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/water-park-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/water-park-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/water-park-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/water-park-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/cannonball/desktop.webp",
  "phone": "https://8b.com/templates/cannonball/phone.webp",
  "clip": "https://8b.com/templates/cannonball/scroll.mp4",
  "og": "https://8b.com/templates/cannonball/og.jpg",
  "design_md": "https://8b.com/templates/cannonball/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/water-park-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "water-park-website",
   "swimming-pool",
   "amusement-park",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "no-dependencies",
   "css-scroll-driven-animations",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}