{
 "slug": "loam",
 "name": "loam",
 "title": "Free landscaping website template",
 "description": "Free HTML landscaping website template for garden designers and maintenance firms, with aftercare by season. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a landscape gardening firm that designs, builds, plants and looks after gardens",
 "summary": "A one-page site for a landscape gardening firm in East Sussex: a garden photo with a promise, four principles, a four-stage process, a wildlife sentence, three finished gardens, local materials, four seasons of aftercare, three client quotes, questions and a site-visit form. Lime, forest-green and sage panels with notched corners, terracotta only in the autumn panel, and big quiet type.",
 "fits": [
  "landscape gardener or garden designer",
  "garden maintenance, tree or hedge care business",
  "eco builder, nursery or any trade that works by the season",
  "any small studio that wants calm green panels and a screen-high photo opening"
 ],
 "categories": [
  "Local business"
 ],
 "tags": [
  "landscape gardener",
  "garden design",
  "landscaping",
  "gardening",
  "garden maintenance",
  "eco friendly",
  "wildlife garden",
  "local trades",
  "green",
  "notched corners",
  "gsap",
  "scrolltrigger",
  "splittext",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 93,
 "photos": 24,
 "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.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": "wordmark, three links and a Book a site visit button; a Menu button and full-screen overlay on phones"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "A garden is never finished. We design it, build it, plant it and stay for the seasons after.",
   "about": "one screen: a garden photo with a lime panel holding the promise, three never-use lines and the buttons"
  },
  {
   "key": "principles",
   "id": "principles",
   "heading": "Soil first. Everything else follows.",
   "about": "four rule bands (Compost, Rainwater, Habitat, Local), each a panel with a heading, a paragraph and a corner tab"
  },
  {
   "key": "services",
   "id": "services",
   "heading": "How a garden gets made",
   "about": "a board of four photo beds (Design, Build, Plant, Tend) whose seams slide so each takes the board in turn"
  },
  {
   "key": "wildlife",
   "id": "wildlife",
   "heading": "Room for wildlife",
   "about": "one large sentence with four inline photo pills, lit word by word as you read"
  },
  {
   "key": "gardens",
   "id": "gardens",
   "heading": "Gardens we have made",
   "about": "three finished gardens as large photo panels with a name tab and a facts tab, stacking over one another"
  },
  {
   "key": "materials",
   "id": "materials",
   "heading": "What we build with",
   "about": "five rows of local materials with a small photo, a line and how far it comes from"
  },
  {
   "key": "seasons",
   "id": "seasons",
   "heading": "Aftercare, all year round",
   "about": "four season panels (Spring, Summer, Autumn, Winter) that travel sideways while the background colour turns with the year"
  },
  {
   "key": "voices",
   "id": "voices",
   "heading": "What it is like to have us around",
   "about": "three client quotes on panels with a small photo, dealt out from one pile"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions we are asked",
   "about": "five questions and answers in native details elements"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Let’s walk your garden",
   "about": "a site-visit form on a panel with a notched tab holding phone, email, yard address and hours"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "a near-black panel with the about line, a button, five links, the address and the large wordmark"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "form",
  "phone",
  "email"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/landscaping-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/landscaping-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/landscaping-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/landscaping-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/landscaping-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my landscaping firm: name, town and service area, year founded, services, price ranges, gardens built with sizes and weeks, aftercare visits per season, materials and distances, hours, phone, email, company number>. Replace first the name, the three gardens, the client quotes and the numbers in the copy. Keep the section ids, the classes AGENTS.md lists, four service beds and the footer wordmark len. Ask me for missing facts and never invent prices, certifications, reviews, distances or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/loam/",
  "md": "https://8b.com/templates/loam.md",
  "json": "https://8b.com/templates/loam.json",
  "demo": "https://8b.com/templates/loam/demo.html",
  "ghDemo": "https://8bsite.github.io/landscaping-website-template/",
  "repo": "https://github.com/8bsite/landscaping-website-template",
  "zip": "https://8b.com/templates/loam/landscaping-website-template.zip",
  "use": "https://github.com/new?template_name=landscaping-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/landscaping-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/landscaping-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/landscaping-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/landscaping-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/landscaping-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/landscaping-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/loam/desktop.webp",
  "phone": "https://8b.com/templates/loam/phone.webp",
  "clip": "https://8b.com/templates/loam/scroll.mp4",
  "og": "https://8b.com/templates/loam/og.jpg",
  "design_md": "https://8b.com/templates/loam/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/landscaping-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "landscape-gardener-website",
   "garden-design-website",
   "gardening-website",
   "eco-design",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "splittext",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "claude-code"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}