{
 "slug": "ashlar",
 "name": "Ashlar Build",
 "title": "Ashlar Build, a free construction company website template",
 "kind": "One-page website for a construction company: a home renovation and extension contractor",
 "summary": "A one-page site for a Brooklyn builder that does kitchens, bathrooms, lofts, rear extensions and restoration, with services and prices, a survey, finished work, crew, reviews and a site-visit form. Strict black, white and grey with one red for measuring marks; a wall of grey blocks comes apart into the room photo, scattered photos settle into a contact sheet and the word \"Fixed\" condenses as you scroll.",
 "fits": [
  "builder, general contractor or renovation company",
  "kitchen, bathroom or loft conversion specialist",
  "architect or design-and-build practice",
  "any trade business that quotes from a site visit"
 ],
 "categories": [
  "Architecture and building",
  "Local business"
 ],
 "tags": [
  "construction",
  "contractor",
  "renovation",
  "builder",
  "home improvement",
  "architecture",
  "monochrome",
  "minimal",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 107,
 "photos": 30,
 "fonts": [
  "Host Grotesk",
  "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/lenis@1.3.27/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 108+, Safari 15.4+, Firefox 101+ (it uses cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "top bar: wordmark, current chapter with previous/next arrows, Book a visit, Index overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Homes rebuilt in the right order.",
   "about": "first screen: headline, lead, two buttons and a wall of grey blocks; second screen: room photo with a statement panel and three facts"
  },
  {
   "key": "services",
   "id": "services",
   "heading": "Five kinds of job, one way of working",
   "about": "list of services with duration and starting price beside a sticky photo frame (demo: kitchens, bathrooms, lofts, extensions, restoration)"
  },
  {
   "key": "survey",
   "id": "survey",
   "heading": "A fixed price, from a measured survey.",
   "about": "how quoting works: a measured photo with red dimension lines and four numbered notes"
  },
  {
   "key": "work",
   "id": "work",
   "heading": "Rooms we handed back",
   "about": "black gallery: twelve project photos with room and neighbourhood captions"
  },
  {
   "key": "materials",
   "id": "materials",
   "heading": "Five materials we keep coming back to",
   "about": "five material strips with a photo, name and use (demo: plaster, oak, marble, slate, steel)"
  },
  {
   "key": "process",
   "id": "process",
   "heading": "Built in the order a house is built",
   "about": "five work stages laid as blocks of a wall, each with a week range"
  },
  {
   "key": "promise",
   "id": "promise",
   "heading": "Fixed",
   "about": "guarantees: one huge condensed word and three written promises"
  },
  {
   "key": "crew",
   "id": "crew",
   "heading": "The people who quote are the people on site",
   "about": "team row: five portraits at varied heights with name and trade, Shuffle button"
  },
  {
   "key": "reviews",
   "id": "reviews",
   "heading": "What people say after handover",
   "about": "four client quotes on grey-to-black cards that stack as you scroll"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before you call",
   "about": "questions and answers (native <details>)"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Book a site visit",
   "about": "site-visit request: address, phone, email, hours, a photo and a form (placeholders)"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "black footer: big back-to-top link, address, contacts, section links, licence line, copyright and the Design: 8B credit"
  }
 ],
 "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/construction-company-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/construction-company-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 business: construction company, contractor or renovation firm; services, area, prices, team>. Keep the layout, the motion and the single-file format; replace the brand name, copy, photos (use your own projects and team), prices, links and contacts, and recolour it through the CSS variables if needed."
 },
 "links": {
  "page": "https://8b.com/templates/ashlar/",
  "md": "https://8b.com/templates/ashlar.md",
  "json": "https://8b.com/templates/ashlar.json",
  "demo": "https://8bsite.github.io/construction-company-website-template/",
  "repo": "https://github.com/8bsite/construction-company-website-template",
  "zip": "https://github.com/8bsite/construction-company-website-template/archive/refs/heads/main.zip",
  "use": "https://github.com/new?template_name=construction-company-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/construction-company-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/construction-company-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/ashlar/desktop.webp",
  "phone": "https://8b.com/templates/ashlar/phone.webp",
  "clip": "https://8b.com/templates/ashlar/scroll.mp4",
  "og": "https://8b.com/templates/ashlar/og.jpg"
 },
 "github": {
  "repo": "8bsite/construction-company-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "website-template",
   "free-template",
   "landing-page",
   "construction-website",
   "contractor-website",
   "renovation-website",
   "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/"
 }
}