{
 "slug": "reflow",
 "name": "Reflow",
 "title": "Reflow, a free repair shop website template",
 "kind": "Website for a phone and laptop repair shop with walk-in repairs, prices and refurbished devices",
 "summary": "A one-page site for a phone and laptop repair shop with a free diagnosis, a price list, refurbished stock, business pickups and repairs by post. Near-black and white with one electric blue; the wordmark is built from rounded dashes that stretch and flood the screen on the first scroll, and a blue selection scans the checklist, crosses the pickup schedule and reads along the reviews.",
 "fits": [
  "phone, laptop or computer repair shop",
  "electronics, console or watch repair",
  "refurbished device shop",
  "any walk-in service with a price list and a booking form"
 ],
 "categories": [
  "Local business"
 ],
 "tags": [
  "repair shop",
  "phone repair",
  "laptop repair",
  "computer repair",
  "local business",
  "price list",
  "booking form",
  "dark",
  "monochrome",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 108,
 "photos": 11,
 "fonts": [
  "Instrument Sans",
  "TikTok 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/lenis@1.3.27/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 108+, Safari 16+, Firefox 110+ (it uses container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "navigation",
   "heading": "",
   "about": "top bar: dash mark and name, opening hours, section links, Book a repair button; phone menu overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Reflow: Phone and laptop repair, done at the window while you watch.",
   "about": "two screens: a dash-built wordmark with headline and contact bar, then a staircase statement with three photos (demo: REFLOW, \"Most broken things are fixable.\")"
  },
  {
   "key": "diagnosis",
   "id": "diagnosis",
   "heading": "Fifteen minutes, free, out loud.",
   "about": "service explainer: staircase heading, paragraph and a twelve-row checklist with results and a quote (demo: the free diagnosis)"
  },
  {
   "key": "prices",
   "id": "prices",
   "heading": "Price wall",
   "about": "price list table grouped by device, each row with models, a time bar and a price (demo: Price wall)"
  },
  {
   "key": "bench",
   "id": "bench",
   "heading": "Fixed at the window.",
   "about": "how-we-work block: staircase heading over a wide photo cut into four strips, three columns of text (demo: \"Fixed at the window.\")"
  },
  {
   "key": "parts",
   "id": "parts",
   "heading": "Three grades of part. You choose, and the receipt names the one we fitted.",
   "about": "comparison table of three options with four rows and an example price (demo: Original, Certified, Value parts)"
  },
  {
   "key": "refurb",
   "id": "refurb",
   "heading": "Second life",
   "about": "horizontal shelf of numbered products with photo, specs, price and a Reserve link (demo: five refurbished devices)"
  },
  {
   "key": "fleet",
   "id": "fleet",
   "heading": "For offices and schools: we collect on a weekly route, leave a loan device for every one we take and invoice once a month.",
   "about": "business offer with a weekly schedule drawn as bars on an hour grid (demo: office and school pickups, Monday to Friday)"
  },
  {
   "key": "mailin",
   "id": "mailin",
   "heading": "Post it.",
   "about": "how it works: four steps under one dashed line and a button (demo: repair by post)"
  },
  {
   "key": "reviews",
   "id": "reviews",
   "heading": "",
   "about": "three customer quotes in large type, each with name and device"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before you ask.",
   "about": "questions and answers (native <details>)"
  },
  {
   "key": "visit",
   "id": "visit",
   "heading": "Come to the bench.",
   "about": "contact and booking: staircase heading, address, hours, phone and email, a photo and a booking form (placeholders)"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "Visit",
   "about": "dashed rule, one-line description, address, contact and page links, copyright and 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/repair-shop-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/repair-shop-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 repair business: what you fix, where you are, opening hours, prices, how to book>. Keep the layout, the motion and the single-file format; replace the brand name and the dash wordmark, copy, photos, prices, times, stock, links and contacts, and recolour it through the CSS variables if needed."
 },
 "links": {
  "page": "https://8b.com/templates/reflow/",
  "md": "https://8b.com/templates/reflow.md",
  "json": "https://8b.com/templates/reflow.json",
  "demo": "https://8bsite.github.io/repair-shop-website-template/",
  "repo": "https://github.com/8bsite/repair-shop-website-template",
  "zip": "https://github.com/8bsite/repair-shop-website-template/archive/refs/heads/main.zip",
  "use": "https://github.com/new?template_name=repair-shop-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/repair-shop-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/repair-shop-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/reflow/desktop.webp",
  "phone": "https://8b.com/templates/reflow/phone.webp",
  "clip": "https://8b.com/templates/reflow/scroll.mp4",
  "og": "https://8b.com/templates/reflow/og.jpg"
 },
 "github": {
  "repo": "8bsite/repair-shop-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "website-template",
   "free-template",
   "landing-page",
   "repair-shop",
   "phone-repair",
   "local-business",
   "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/"
 }
}