{
 "slug": "kelvin-house",
 "name": "Kelvin House",
 "title": "Free smart home website template",
 "description": "Free HTML smart home website template for installers and electricians, with priced plans and an aftercare log. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a smart-home installation firm that designs, wires and looks after homes",
 "summary": "A one-page site for a smart-home installer in West Yorkshire: a statement and booking button, five systems, four recent houses, four daily scenes, a four-step process, a ten-year aftercare log, three priced plans, five customer stories, a FAQ and a survey form. Dark dusk panels with soft glow blobs, orange accents and photos behind reeded glass that slides on scroll.",
 "fits": [
  "smart-home or home automation installer",
  "electrician, AV or security installer",
  "interior technology, lighting or heating specialist working on homes",
  "any service firm that sells fixed-price plans and long aftercare with a calm, premium look"
 ],
 "categories": [
  "Local business"
 ],
 "tags": [
  "smart home",
  "home automation",
  "installer",
  "electrician",
  "lighting control",
  "heating",
  "security",
  "home technology",
  "service business",
  "dark theme",
  "orange accent",
  "reeded glass",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 113,
 "photos": 28,
 "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(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "navigation",
   "heading": "",
   "about": "top bar with the brand, six section links, a Book a survey button and a Menu button; full-screen menu with links, phone and email"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Kelvin House, smart-home installers in Leeds and West Yorkshire. One plate by the front door. Behind it, every lamp, radiator, blind and lock in the house, wired once, set up around how you live, and looked after for as long as you live there.",
   "about": "dark panel with the h1 as one long statement, three facts, a booking button and two photos"
  },
  {
   "key": "systems",
   "id": "systems",
   "heading": "Five systems, one plate",
   "about": "five tall columns, one per system, each with a photo, name, one sentence and tags"
  },
  {
   "key": "houses",
   "id": "houses",
   "heading": "Recent houses",
   "about": "four recent installs as wide photo cards that stack on a sticky top"
  },
  {
   "key": "scenes",
   "id": "scenes",
   "heading": "One plate, four scenes",
   "about": "dark section with one living-room photo and four timed scenes; an orange marker walks the list while colour layers regrade the room"
  },
  {
   "key": "process",
   "id": "process",
   "heading": "How a job runs",
   "about": "four steps as cards with photos that descend like a staircase"
  },
  {
   "key": "care",
   "id": "care",
   "heading": "After the van leaves, the house stays on our list.",
   "about": "aftercare statement with a button and photo beside a six-entry log on a rail"
  },
  {
   "key": "plans",
   "id": "plans",
   "heading": "Ways to start",
   "about": "three plans in tabs, each with features, a price card and a photo"
  },
  {
   "key": "stories",
   "id": "stories",
   "heading": "Living with it",
   "about": "dark band with five households as portrait cards on a horizontal track"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions",
   "about": "six questions in native <details> beside a photo and a call button"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Let’s walk your house",
   "about": "rounded panel with a porch photo and details beside a survey request form"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "Systems",
   "about": "three link cards, copyright with the Design: 8B credit, a photo and the full-width wordmark"
  }
 ],
 "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/smart-home-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/smart-home-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/smart-home-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/smart-home-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/smart-home-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my installation firm: name, area, systems fitted, plans with prices, time on site, aftercare terms, finished-job count, past houses, customers who agreed to be quoted, who answers the phone, hours, address, legal name>. Replace first the prices, systems, houses and customer quotes. Keep the ids, data-8b-section, data-8b-motion, data-8b-part and the classes AGENTS.md lists, and set the footer wordmark's --len to the new name's character count. Ask me for missing facts; never invent prices, promises, reviews or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/kelvin-house/",
  "md": "https://8b.com/templates/kelvin-house.md",
  "json": "https://8b.com/templates/kelvin-house.json",
  "demo": "https://8b.com/templates/kelvin-house/demo.html",
  "ghDemo": "https://8bsite.github.io/smart-home-website-template/",
  "repo": "https://github.com/8bsite/smart-home-website-template",
  "zip": "https://8b.com/templates/kelvin-house/smart-home-website-template.zip",
  "use": "https://github.com/new?template_name=smart-home-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/smart-home-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/smart-home-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/smart-home-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/smart-home-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/smart-home-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/smart-home-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/kelvin-house/desktop.webp",
  "phone": "https://8b.com/templates/kelvin-house/phone.webp",
  "clip": "https://8b.com/templates/kelvin-house/scroll.mp4",
  "og": "https://8b.com/templates/kelvin-house/og.jpg",
  "design_md": "https://8b.com/templates/kelvin-house/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/smart-home-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "smart-home-website",
   "home-automation",
   "electrician-website",
   "dark-theme",
   "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/"
 }
}