{
  "slug": "hallingdal-klima",
  "name": "Hallingdal Klima",
  "shortDescription": "A CMS-driven website for an HVAC firm, with contact form, product pages, and an interactive calculator.",
  "creationDate": "2023-08",
  "liveUrl": "https://hallingdalklima.no",
  "sourceCodeUrl": null,
  "category": {
    "slug": "work",
    "name": "Work"
  },
  "skills": [
    {
      "slug": "astro",
      "name": "Astro",
      "type": "framework",
      "logo": {
        "url": "https://cdn.sanity.io/images/94tq599c/production/44c40f2ecb8d9029e123bf71248591790ece7142-85x107.svg",
        "width": 85,
        "height": 107
      },
      "brandColor": "#BC52EE"
    },
    {
      "slug": "react",
      "name": "React",
      "type": "framework",
      "logo": {
        "url": "https://cdn.sanity.io/images/94tq599c/production/4b45e2040cfef06a80f4539d5075579e7becbe83-23x20.svg",
        "width": 23,
        "height": 20
      },
      "brandColor": "#61DAFB"
    },
    {
      "slug": "sanity",
      "name": "Sanity",
      "type": "cms",
      "logo": {
        "url": "https://cdn.sanity.io/images/94tq599c/production/4a6e7b401ae37aae0e630344b923354e2d1eef8a-400x400.png",
        "width": 400,
        "height": 400
      },
      "brandColor": "#0D0E12"
    },
    {
      "slug": "vercel",
      "name": "Vercel",
      "type": "hosting",
      "logo": {
        "url": "https://cdn.sanity.io/images/94tq599c/production/29171ff3c597bbebd50e8dae81e78219409da372-116x100.svg",
        "width": 116,
        "height": 100
      },
      "brandColor": "#000000"
    },
    {
      "slug": "plausible",
      "name": "Plausible",
      "type": "analytics",
      "logo": {
        "url": "https://cdn.sanity.io/images/94tq599c/production/1eaaf8581f7ff928562d0bdb3a7b19c63aab5a07-400x400.png",
        "width": 400,
        "height": 400
      },
      "brandColor": "#5850EC"
    }
  ],
  "content": "A client wanted a new business website for his HVAC business. I designed this from scratch in Figma, then implemented it in Astro. It's still being maintained.\n\n## Tech stack\n\n- **Astro**\nFor a lightweight site that loads quickly\n- **React**\nOnly where needed, for the dynamic sections\n- **Sanity CMS**\nClient needed a way to manage his products and informational pages\n- **Tailwind CSS**\nFor consistent, quick styling\n\n## Some fun parts\n\n- Interactive calculator that lets users check how much money they can save by getting an HVAC\n- Product management using Sanity that can be filtered and sorted on the product pages"
}