{
 "slug": "splosh",
 "name": "Splosh",
 "title": "Free swimming pool website template",
 "description": "Free HTML swimming pool website template for outdoor pools, lidos and swim clubs, with ticket prices. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for an outdoor swimming pool, lido or swim club with sessions, lessons, a kiosk and ticket prices",
 "summary": "A one-page site for a community outdoor pool: a headline and photo over the lane sessions, a swim club with four levels, winter swimming with a sauna, a lawn, a kiosk menu, the pool's history, evening events, ticket prices, a visit board and questions. Saturated rounded tiles on a pale grey ground, round photo windows and tilted deep green price stickers.",
 "fits": [
  "outdoor pool or lido",
  "community leisure centre or swim school",
  "open-water swimming club or sauna and cold-plunge spot",
  "any local venue with timed sessions, courses and a cafe, by look"
 ],
 "categories": [
  "Sport and fitness",
  "Local business"
 ],
 "tags": [
  "swimming pool",
  "lido",
  "outdoor pool",
  "swim club",
  "swim lessons",
  "winter swimming",
  "sauna",
  "leisure centre",
  "cafe kiosk",
  "playful",
  "rounded tiles",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 116,
 "photos": 25,
 "fonts": [
  "Google Sans",
  "Playpen Sans",
  "Savate"
 ],
 "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.4/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "fixed bar: logo tile, white pill with six links, Book a swim button; hides on scroll down; phone menu overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Fifty metres of open sky",
   "about": "one blue screen: headline \"Fifty metres of open sky\", a paragraph, two buttons, four facts and an aerial photo with a 24 degree sticker"
  },
  {
   "key": "sessions",
   "id": "sessions",
   "heading": "A day in the water",
   "about": "\"A day in the water\": five lanes, one per session, each with time, name, line and price, and a round swimmer photo on its lane"
  },
  {
   "key": "club",
   "id": "club",
   "heading": "Swim club",
   "about": "\"Swim club\": four level tiles of rising height with a round photo each, a handwritten note with an arrow and a trial lesson button"
  },
  {
   "key": "cold",
   "id": "cold",
   "heading": "The water doesn't close for winter",
   "about": "\"The water doesn't close for winter\": green ground, a swimmer photo, a sauna photo, a short list of seasons and prices and a join button"
  },
  {
   "key": "deck",
   "id": "deck",
   "heading": "Lounge on the lawn",
   "about": "\"Lounge on the lawn\": the giant word LOUNGE with a round deckchair photo, then three tiles with photos"
  },
  {
   "key": "kiosk",
   "id": "kiosk",
   "heading": "The kiosk",
   "about": "\"The kiosk\": a hot chocolate feature tile with a price sticker, a chain of four round photos and a six-line price list"
  },
  {
   "key": "story",
   "id": "story",
   "heading": "Since 1936",
   "about": "\"( Since 1936 )\": a short history in a paragraph and four dated lines beside two archive photos"
  },
  {
   "key": "nights",
   "id": "nights",
   "heading": "The lights go on underwater",
   "about": "\"The lights go on underwater\": dusk ground, a glowing pool photo and three dated event tiles"
  },
  {
   "key": "prices",
   "id": "prices",
   "heading": "Pay as you swim, or swim all summer",
   "about": "\"Pay as you swim, or swim all summer\": four ticket tiles with price stickers and a Book a swim button"
  },
  {
   "key": "visit",
   "id": "visit",
   "heading": "Through the green gate",
   "about": "\"Through the green gate\": a board of tiles (address, photo, getting here, opening hours, phone and email) and a message form"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Good to know",
   "about": "\"Good to know\": six questions as native details elements beside a heading and the phone number"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "pool-blue footer: the wordmark with a disc for the O, brand line, eight links, address and phone, charity line with the Design: 8B credit"
  }
 ],
 "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/swimming-pool-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/swimming-pool-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/swimming-pool-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/swimming-pool-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/swimming-pool-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my pool: name, address, session times and prices, lesson levels with fees, ticket and pass prices, kiosk menu, event dates, opening hours, charity number>. Replace first the pool name, demo history, prices and photos. Keep the section ids, the classes AGENTS.md lists and the four photos in the kiosk chain; set --len on the big word and footer wordmark to the new character count. Ask for any missing fact; never invent prices, hours, dates, safety rules or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/splosh/",
  "md": "https://8b.com/templates/splosh.md",
  "json": "https://8b.com/templates/splosh.json",
  "demo": "https://8b.com/templates/splosh/demo.html",
  "ghDemo": "https://8bsite.github.io/swimming-pool-website-template/",
  "repo": "https://github.com/8bsite/swimming-pool-website-template",
  "zip": "https://8b.com/templates/splosh/swimming-pool-website-template.zip",
  "use": "https://github.com/new?template_name=swimming-pool-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/swimming-pool-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/swimming-pool-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/swimming-pool-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/swimming-pool-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/swimming-pool-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/swimming-pool-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/splosh/desktop.webp",
  "phone": "https://8b.com/templates/splosh/phone.webp",
  "clip": "https://8b.com/templates/splosh/scroll.mp4",
  "og": "https://8b.com/templates/splosh/og.jpg",
  "design_md": "https://8b.com/templates/splosh/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/swimming-pool-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "swimming-pool",
   "lido",
   "swim-club",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}