{
 "slug": "kickstand",
 "name": "Kickstand",
 "title": "Free bike rental website template",
 "description": "Free HTML bike rental website template for e-bike and bike hire shops with several stands and guided rides. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for an e-bike or bike hire business with several pick-up stands and guided rides",
 "summary": "A one-page site for an e-bike hire business in Sheffield: a headline over four facts, four bikes shown one at a time, five stands, four routes, three booking steps, what comes with every hire, Saturday rides, a price table, reviews, questions and a booking form. Pale grey and near black with a single acid-lime accent, a tight sans, a rolling square mark and double rules that draw across the page.",
 "fits": [
  "bike or e-bike hire shop",
  "scooter, kayak, paddleboard or camper rental with several pick-up points",
  "guided tour, outdoor activity or mobility service that sells by the hour and the day",
  "any business that wants a hard, technical look with one bright accent and horizontal scrolling stages"
 ],
 "categories": [
  "Travel",
  "Local business"
 ],
 "tags": [
  "e-bike hire",
  "bike rental",
  "bicycle hire",
  "cycle tours",
  "rental",
  "outdoor activities",
  "tourism",
  "transport",
  "mobility",
  "acid lime",
  "technical",
  "bold type",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 91,
 "photos": 13,
 "fonts": [
  "Stack Sans Headline",
  "Stack Sans Text"
 ],
 "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(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "round starburst logo, eight links in two columns and a menu button that opens a full-screen overlay"
  },
  {
   "key": "opening",
   "id": "start",
   "heading": "Sheffield climbs seven hills. You just pedal.",
   "about": "dark first screen: a three-line h1 stepping in like stairs, a lead, four facts, a booking button and a street photo"
  },
  {
   "key": "fleet",
   "id": "fleet",
   "heading": "Four bikes, one push",
   "about": "held stage that steps through four bikes: the next photo wipes in from the right while the name tabs and text change"
  },
  {
   "key": "stands",
   "id": "stands",
   "heading": "Five stands, one line",
   "about": "dark band with a night photo and a line of letters A to E over it, then five stand rows"
  },
  {
   "key": "routes",
   "id": "routes",
   "heading": "Four rides from the stands",
   "about": "four ride panels that slide sideways past a held stage while a lime line fills and a disc rolls along it"
  },
  {
   "key": "hire",
   "id": "hire",
   "heading": "Three steps to a ride",
   "about": "dark band with three numbered booking steps joined by a filling lime line"
  },
  {
   "key": "kit",
   "id": "kit",
   "heading": "In every basket",
   "about": "photo and a list of six things included with every hire"
  },
  {
   "key": "rides",
   "id": "rides",
   "heading": "Saturday rides",
   "about": "dark band: a group-ride photo opens from a slit while the two words of the heading part, then a date list and a join button"
  },
  {
   "key": "prices",
   "id": "prices",
   "heading": "Prices",
   "about": "price table of four bikes by hour, half day, day and week, and a monthly pass card"
  },
  {
   "key": "reviews",
   "id": "reviews",
   "heading": "Riders",
   "about": "three rider quotes that ride in from alternate sides into one ruled column"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions",
   "about": "five questions and answers (native details)"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Book a bike",
   "about": "address, phone, e-mail and hours beside a booking form, over a night photo with a scattered stand line"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "dark footer with brand, three link columns and two legal lines"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "email",
  "form",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/bike-rental-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/bike-rental-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/bike-rental-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/bike-rental-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/bike-rental-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my hire business: name, town, bikes and prices, stands with addresses and hours, routes, hire terms, deposit, excess, phone, email, legal name>. Replace first the bike specs, the five stands, the four routes, the prices and the Saturday dates. If the number of stands changes, edit the letters A to E by hand too. Keep the section ids and the classes AGENTS.md lists. Ask me for missing facts and never invent prices, hours, addresses, reviews or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/kickstand/",
  "md": "https://8b.com/templates/kickstand.md",
  "json": "https://8b.com/templates/kickstand.json",
  "demo": "https://8b.com/templates/kickstand/demo.html",
  "ghDemo": "https://8bsite.github.io/bike-rental-website-template/",
  "repo": "https://github.com/8bsite/bike-rental-website-template",
  "zip": "https://8b.com/templates/kickstand/bike-rental-website-template.zip",
  "use": "https://github.com/new?template_name=bike-rental-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/bike-rental-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/bike-rental-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/bike-rental-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/bike-rental-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/bike-rental-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/bike-rental-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/kickstand/desktop.webp",
  "phone": "https://8b.com/templates/kickstand/phone.webp",
  "clip": "https://8b.com/templates/kickstand/scroll.mp4",
  "og": "https://8b.com/templates/kickstand/og.jpg",
  "design_md": "https://8b.com/templates/kickstand/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/bike-rental-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents",
   "bike-rental-website",
   "ebike",
   "rental-website"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}