{
 "slug": "sixpenny",
 "name": "Sixpenny Hardware",
 "title": "Free hardware store website template",
 "description": "Free HTML hardware store website template for local shops with key cutting, paint mixing, classes and hire. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for an independent hardware store with services, workshops and tool hire",
 "summary": "A one-page site for a neighbourhood hardware shop: departments, jobs done at the counter, an aisle index with stock counts, parts brought in and matched, the owner, Saturday classes, weekend tool hire, opening hours with a newsletter sign-up and questions. A drifting cloud of product tiles opens it, followed by a pale paper ground, dark department panels and big, tightly tracked type at regular weight.",
 "fits": [
  "independent hardware store or DIY shop",
  "key cutting, paint mixing or repair counter",
  "tool hire, garden centre or builders' merchant",
  "any local shop with a long catalogue that wants a friendly, practical look"
 ],
 "categories": [
  "Shop",
  "Local business"
 ],
 "tags": [
  "hardware store",
  "diy",
  "tool hire",
  "key cutting",
  "paint mixing",
  "garden centre",
  "local shop",
  "independent retailer",
  "workshops",
  "small business",
  "product tiles",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 107,
 "photos": 47,
 "fonts": [
  "Host Grotesk"
 ],
 "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.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": "navigation",
   "heading": "",
   "about": "a logo mark, five section links and an Open 7 days link; a menu button opens a full-screen menu"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "The small parts that hold a home together.",
   "about": "a cloud of product tiles flying past under the heading, then a promise screen with a highlighted sentence"
  },
  {
   "key": "departments",
   "id": "departments",
   "heading": "Departments",
   "about": "five departments held on one screen, each next panel wiping up over the last, with a guide link and a big letter"
  },
  {
   "key": "counter",
   "id": "counter",
   "heading": "Done while you wait",
   "about": "six jobs done while you wait, each with a price and a time, beside two photos"
  },
  {
   "key": "aisles",
   "id": "aisles",
   "heading": "Every aisle, front to back",
   "about": "an index of six aisle names that grow to full size as each reaches the middle of the screen, each with a photo tile and a stock count"
  },
  {
   "key": "brought",
   "id": "brought",
   "heading": "Bring the old one in",
   "about": "three pairs: a part brought in and the match, sliding together as they rise"
  },
  {
   "key": "owner",
   "id": "owner",
   "heading": "Len Hollis",
   "about": "a portrait of the owner with a short history, a quote and a photo of the small-parts shelves, on a dark ground"
  },
  {
   "key": "classes",
   "id": "classes",
   "heading": "Fix-it Saturdays",
   "about": "four Saturday workshop cards dealt out of a stack, each with date, price, places left and a phone link"
  },
  {
   "key": "hire",
   "id": "hire",
   "heading": "Borrow it for the weekend",
   "about": "six hire rows; each tag turns over from the buy-new price to the weekend price"
  },
  {
   "key": "visit",
   "id": "visit",
   "heading": "Come in, the kettle is on",
   "about": "a shop-front photo that steps back into its half while hours, address, phone, email and a newsletter form come in"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Asked at the counter",
   "about": "six questions as native <details> beside a photo of the parts cabinet"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "a huge wordmark, the shop's address and hours, contact links, page links and small print"
  }
 ],
 "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/hardware-store-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/hardware-store-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/hardware-store-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/hardware-store-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/hardware-store-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my shop: name, address, year opened, owner and a quote, aisles with stock counts, counter jobs with prices, workshop dates and prices, hire tools with deposits, opening hours, delivery and returns rules, phone, email>. Replace first the name, hours, prices and dates. Keep the section ids, the classes AGENTS.md lists and both faces of every hire row; set the footer wordmark's len to the new name's length. Ask me for missing facts and never invent prices, hours or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/sixpenny/",
  "md": "https://8b.com/templates/sixpenny.md",
  "json": "https://8b.com/templates/sixpenny.json",
  "demo": "https://8b.com/templates/sixpenny/demo.html",
  "ghDemo": "https://8bsite.github.io/hardware-store-website-template/",
  "repo": "https://github.com/8bsite/hardware-store-website-template",
  "zip": "https://8b.com/templates/sixpenny/hardware-store-website-template.zip",
  "use": "https://github.com/new?template_name=hardware-store-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/hardware-store-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/hardware-store-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/hardware-store-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/hardware-store-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/hardware-store-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/hardware-store-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/sixpenny/desktop.webp",
  "phone": "https://8b.com/templates/sixpenny/phone.webp",
  "clip": "https://8b.com/templates/sixpenny/scroll.mp4",
  "og": "https://8b.com/templates/sixpenny/og.jpg",
  "design_md": "https://8b.com/templates/sixpenny/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/hardware-store-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "hardware-store-website",
   "diy-shop",
   "tool-hire",
   "local-business",
   "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/"
 }
}