---
layout: landingpage
title: "Home Assistant Green"
description: "The easy-to-use, versatile, and trustworthy smart home hub for everyone."
date: 2023-09-17
og_image: /images/blog/2023-09-ha10/green-intro.png
frontpage: true
frontpage_image: /images/frontpage/green-frontpage.png
---

<link rel="stylesheet" href="/green/styles.css" />
<div class="wrappernav wrappernavlocal">
  <div
    data-animation="default"
    class="navbar w-nav"
    data-easing2="ease"
    data-easing="ease"
    data-collapse="medium"
    role="banner"
    data-no-scroll="1"
    data-duration="400"
    data-doc-height="1"
  >
    <div class="w-layout-grid navgrid">
      <a
        href="/green"
        id="w-node-f82aa316-050e-d74a-ecac-509973726292-3f61e7c1"
        class="brand w-nav-brand"
        ><img
          src="/images/green/HA%20Green%20Logo.svg"
          loading="lazy"
          height=""
          alt=""
          width="300"
          class="image-brand"
      /></a>
      <nav
        role="navigation"
        id="w-node-f82aa316-050e-d74a-ecac-509973726295-3f61e7c1"
        class="nav-menu w-nav-menu"
      >
        <div class="inner-nav-wrapper">
          <div class="main-navbar">
            <a href="#what-is-it" class="nav-link nav-local w-nav-link"
              >What is it?</a
            ><a href="#easy-to-start" class="nav-link nav-local w-nav-link"
              >Easy to start</a
            ><a href="#versatile" class="nav-link nav-local w-nav-link"
              >Versatile</a
            ><a href="#trustworthy" class="nav-link nav-local w-nav-link"
              >Trustworthy</a
            ><a href="#specs" class="nav-link nav-local w-nav-link">Specs</a
            ><a href="#faq" class="nav-link nav-local w-nav-link">FAQ</a>
          </div>
          <div class="w-layout-grid grid-buttons nav">
            <div id="w-node-f82aa316-050e-d74a-ecac-5099737262dc-3f61e7c1">
              <a href="#" class="topnav-button w-button buy">BUY NOW</a>
            </div>
          </div>
        </div>
      </nav>
      <div
        id="w-node-f82aa316-050e-d74a-ecac-5099737262df-3f61e7c1"
        class="menu-button w-nav-button"
      >
        <div class="menu-mobile buy">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
            <path
              d="M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z"
            />
          </svg>
        </div>
        <div class="menu-mobile" id="open-mobile-menu">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
            <path
              d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
            />
          </svg>
        </div>
      </div>
    </div>
    <div class="w-nav-overlay" data-wf-ignore="" id="w-nav-overlay-1">
      <nav
        role="navigation"
        id="w-node-f82aa316-050e-d74a-ecac-509973726295-3f61e7c1"
        class="nav-menu w-nav-menu"
        data-nav-menu-open
      >
        <div class="inner-nav-wrapper">
          <div class="main-navbar">
            <a
              href="#what-is-it"
              class="nav-link nav-local w-nav-link w--nav-link-open"
              >What is it?</a
            ><a
              href="#easy-to-start"
              class="nav-link nav-local w-nav-link w--nav-link-open"
              >Easy to start</a
            ><a
              href="#versatile"
              class="nav-link nav-local w-nav-link w--nav-link-open"
              >Versatile</a
            ><a
              href="#trustworthy"
              class="nav-link nav-local w-nav-link w--nav-link-open"
              >Trustworthy</a
            ><a
              href="#specs"
              class="nav-link nav-local w-nav-link w--nav-link-open"
              >Specs</a
            ><a
              href="#faq"
              class="nav-link nav-local w-nav-link w--nav-link-open"
              >FAQ</a
            >
          </div>
          <div style="width: 100%; padding: 20px">
            <button class="topnav-button w-button buy">BUY&nbsp;NOW</button>
          </div>
        </div>
      </nav>
    </div>
  </div>
</div>
<div class="overflow-wrapper">
  <div class="section">
    <div class="hero-header-wrapper top inner-padding-small">
      <div class="container">
        <div class="overflow-heading l animate-in">
          <h1 class="uppercase-large text-white">Upgrade Your</h1>
        </div>
        <div class="overflow-heading l animate-in">
          <h1 class="uppercase-large text-white">Smart Home.</h1>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="sub-hero-section">
  <div class="heading-xl-wrapper">
    <div
      class="container inner-padding-medium page-gap"
      id="what-is-it"
      style="scroll-margin-top: 75px"
    >
      <div>
        <div class="grid-inner">
          <div class="w-layout-grid grid-3-col">
            <div
              id="w-node-_53f6467c-7fcf-de80-c8ea-b348079683bc-3f61e7c1"
              class="square-image-grid animate-in zoom-in-bounce"
            >
              <img
                src="/images/green/ha-green-photo-front.jpg"
                loading="lazy"
                sizes="(max-width: 479px) 87vw, (max-width: 767px) 92vw, (max-width: 991px) 94vw, 95vw"
                srcset="
                  /images/green/ha-green-photo-front-p-500.jpg   500w,
                  /images/green/ha-green-photo-front-p-800.jpg   800w,
                  /images/green/ha-green-photo-front-p-1080.jpg 1080w,
                  /images/green/ha-green-photo-front.jpg        1536w
                "
                alt=""
                class="cover-image"
              />
            </div>
            <div
              id="w-node-_26080e4b-44a8-0679-f00d-e0038b448096-3f61e7c1"
              class="square-image-grid animate-in zoom-in-bounce"
            >
              <img
                src="/images/green/ha-green-photo-top-crop.jpg"
                loading="lazy"
                sizes="(max-width: 479px) 87vw, (max-width: 767px) 92vw, (max-width: 991px) 94vw, 95vw"
                srcset="
                  /images/green/ha-green-photo-top-crop-p-500.jpg  500w,
                  /images/green/ha-green-photo-top-crop-p-800.jpg  800w,
                  /images/green/ha-green-photo-top-crop.jpg       1024w
                "
                alt=""
                class="cover-image"
              />
            </div>
            <div
              id="w-node-_89c945ba-f261-0dc0-ba82-c8df58a88488-3f61e7c1"
              class="square-image-grid animate-in zoom-in-bounce"
            >
              <img
                src="/images/green/ha-green-photo-back.jpg"
                loading="lazy"
                sizes="(max-width: 479px) 87vw, (max-width: 767px) 92vw, (max-width: 991px) 94vw, 95vw"
                srcset="
                  /images/green/ha-green-photo-back-p-500.jpg   500w,
                  /images/green/ha-green-photo-back-p-800.jpg   800w,
                  /images/green/ha-green-photo-back-p-1080.jpg 1080w,
                  /images/green/ha-green-photo-back.jpg        1536w
                "
                alt=""
                class="cover-image"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="heading-xl-container">
      <div class="heading-m-wrapper">
        <div class="overflow">
          <p class="uppercase-medium">
            Easy to start.<span class="text-white"></span>
          </p>
        </div>
        <div class="overflow">
          <p class="uppercase-medium">Versatile.</p>
        </div>
        <div class="overflow">
          <p class="uppercase-medium">Trust­Worthy.</p>
        </div>
      </div>
      <div class="heading-wrapper-min">
        <p class="paragraph-m">
          Take your first step to upgrading your smart home with Home Assistant
          Green, the easiest way to start using Home Assistant.
        </p>
      </div>
    </div>
  </div>
</div>
<!-- <div class="section">
  <div class="heading-wrapper">
    <div class="heading-xl-container">
      <div class="heading-wrapper-min">
        <p class="paragraph-m">As seen on</p>
      </div>
    </div>
  </div>
  <div class="flex-scrolling inner-padding-small">
    <div class="w-layout-grid logo-grid-ticker">
      <div class="logo-wrap-ticker">
        <img
          src="/images/green/company-logo.svg"
          loading="lazy"
          alt=""
          class="company-logo"
        />
      </div>
    </div>
    <div class="w-layout-grid logo-grid-ticker">
      <div class="logo-wrap-ticker">
        <img
          src="/images/green/company-logo.svg"
          loading="lazy"
          alt=""
          class="company-logo"
        />
      </div>
    </div>
  </div>
</div> -->
<div class="section" id="easy-to-start" style="scroll-margin-top: 75px">
  <div class="container inner-padding-medium page-gap">
    <div class="content-wrapper-page">
      <div class="title-section-inner">
        <div class="bullet"></div>
        <h2 class="paragraph-m">Easy to start</h2>
      </div>
      <h3 class="heading-large">
        <strong>Ready. Set. Go.</strong> —
        <span class="text-gray-light"
          >The affordable Home Assistant Green is the easiest way you can start
          using Home Assistant. It&#x27;s plug-and-play and comes with Home
          Assistant already installed.</span
        >
      </h3>
    </div>
    <div>
      <div class="grid-inner">
        <div class="w-layout-grid grid-3-col">
          <div
            id="w-node-c78ba097-6bf9-a192-c28d-e1a23885f4f4-3f61e7c1"
            class="square-image-grid animate-in zoom-in-bounce"
          >
            <img
              src="/images/green/ha-green-packaging-cropped.jpg"
              loading="lazy"
              sizes="(max-width: 479px) 87vw, (max-width: 767px) 92vw, (max-width: 991px) 94vw, 95vw"
              srcset="
                /images/green/ha-green-packaging-cropped-p-500.jpg 500w,
                /images/green/ha-green-packaging-cropped-p-800.jpg 800w,
                /images/green/ha-green-packaging-cropped.jpg       933w
              "
              alt=""
              class="cover-image"
            />
          </div>
          <div
            id="w-node-_0438df6e-60ee-243b-468c-592955650e87-3f61e7c1"
            class="quote-card l animate-in zoom-in-bounce"
          >
            <div class="tag-wrapper">
              <div class="bullet-icon-purple"></div>
              <div>Simple setup</div>
            </div>
            <h3 class="heading-large">
              Plug and play. Get started right away.
            </h3>
          </div>
        </div>
        <div class="w-layout-grid main-grid s-gap">
          <div
            id="w-node-c78ba097-6bf9-a192-c28d-e1a23885f4be-3f61e7c1"
            class="image-grid-wrapper"
          >
            <img
              src="/images/green/ha-green-box-contents.jpg"
              loading="lazy"
              sizes="(max-width: 479px) 87vw, (max-width: 767px) 92vw, (max-width: 991px) 94vw, 95vw"
              srcset="
                /images/green/ha-green-box-contents-p-500.jpg   500w,
                /images/green/ha-green-box-contents-p-800.jpg   800w,
                /images/green/ha-green-box-contents-p-1080.jpg 1080w,
                /images/green/ha-green-box-contents-p-1600.jpg 1600w,
                /images/green/ha-green-box-contents.jpg        1821w
              "
              alt=""
              class="cover-image"
            />
          </div>
          <div
            id="w-node-c78ba097-6bf9-a192-c28d-e1a23885f4c0-3f61e7c1"
            class="w-layout-grid grid-stats"
          >
            <div class="card-wrapper bb">
              <div class="card-flex">
                <h1 class="uppercase-large text-cyan">1</h1>
                <p class="paragraph-small">
                  <span class="span-white">Plug it in. </span>Just plug in power
                  and network cables, and you&#x27;ll be up and running.
                </p>
              </div>
            </div>
            <div class="card-wrapper flip">
              <div class="card-inner-flip">
                <div class="card-flip front">
                  <img
                    src="/images/green/ha-green-setup-0.jpg"
                    loading="lazy"
                    sizes="(max-width: 479px) 81vw, (max-width: 767px) 92vw, (max-width: 991px) 94vw, 95vw"
                    srcset="
                      /images/green/ha-green-setup-0-p-500.jpg  500w,
                      /images/green/ha-green-setup-0-p-800.jpg  800w,
                      /images/green/ha-green-setup-0.jpg       1024w
                    "
                    alt=""
                    class="cover-image"
                  />
                </div>
                <div class="card-flip back">
                  <img
                    src="/images/green/ha-green-setup-1.jpg"
                    loading="lazy"
                    sizes="(max-width: 479px) 81vw, (max-width: 767px) 92vw, (max-width: 991px) 94vw, 95vw"
                    srcset="
                      /images/green/ha-green-setup-1-p-500.jpg  500w,
                      /images/green/ha-green-setup-1-p-800.jpg  800w,
                      /images/green/ha-green-setup-1.jpg       1024w
                    "
                    alt=""
                    class="cover-image"
                  />
                </div>
              </div>
              <div class="card-flip front"></div>
            </div>
            <div class="card-wrapper flip">
              <div class="card-flip front"></div>
            </div>
            <div
              id="w-node-c78ba097-6bf9-a192-c28d-e1a23885f4c1-3f61e7c1"
              class="card-wrapper bb"
            >
              <div class="card-flex">
                <h1 class="uppercase-large text-cyan">2</h1>
                <p class="paragraph-small">
                  <span class="span-white">Use the app. </span>Download our
                  mobile apps or use our web app to guide you through the setup
                  process seamlessly,
                </p>
              </div>
              <div class="ticker-card-wrapper">
                <div class="header-ticker-inner">
                  <div class="circle-small">
                    <img
                      src="/images/green/icons-apps-web.svg"
                      loading="lazy"
                      alt=""
                      class="cover-image"
                    />
                  </div>
                  <div class="circle-small">
                    <img
                      src="/images/green/icons-apps-phonewatch.svg"
                      loading="lazy"
                      alt=""
                      class="cover-image"
                    />
                  </div>
                  <div class="circle-small">
                    <img
                      src="/images/green/icons-apps-android.svg"
                      loading="lazy"
                      alt=""
                      class="cover-image"
                    />
                  </div>
                </div>
                <div class="header-ticker-inner">
                  <div class="circle-small">
                    <img
                      src="/images/green/icons-apps-web.svg"
                      loading="lazy"
                      alt=""
                      class="cover-image"
                    />
                  </div>
                  <div class="circle-small">
                    <img
                      src="/images/green/icons-apps-phonewatch.svg"
                      loading="lazy"
                      alt=""
                      class="cover-image"
                    />
                  </div>
                  <div class="circle-small">
                    <img
                      src="/images/green/icons-apps-android.svg"
                      loading="lazy"
                      alt=""
                      class="cover-image"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="w-layout-grid grid-2-col">
          <div
            id="w-node-c78ba097-6bf9-a192-c28d-e1a23885f503-3f61e7c1"
            class="quote-card l animate-in zoom-in-bounce"
          >
            <h1 class="uppercase-large text-white">3</h1>
            <h3 class="heading-medium">That&#x27;s all!</h3>
            <p class="paragraph-m">
              Home Assistant will automatically start detecting your smart home
              devices.
            </p>
          </div>
          <div
            id="w-node-c78ba097-6bf9-a192-c28d-e1a23885f50e-3f61e7c1"
            class="square-image-grid auto animate-in zoom-in-bounce"
          >
            <img
              src="/images/green/ha-onboarding-device-found.png"
              loading="lazy"
              alt=""
              class="contain-image"
              style="border-radius: 12px; border: 1px solid #a4dfea"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<section class="section">
  <div class="section-hero-inner-exp animate-in zoom-in-bounce">
    <div class="heading-stats-wrapper">
      <div class="heading-wrapper-min">
        <h2 class="heading-large">Great quality yet affordable.<br /></h2>
      </div>
      <div class="uppercase-xxl text-green">
        $99<span class="text-span-3">*</span>
      </div>
      <div class="heading-wrapper-min">
        <p>
          Home Assistant Green is the easiest way to run Home Assistant for the
          low price of $99. Try out Home Assistant for your smart home or share
          the love with family and friends.
        </p>
        <p class="small-legal-text">
          * Recommended MSRP. Pricing subject to individual retailers.
        </p>
      </div>
    </div>
  </div>
</section>
<section class="section" id="versatile" style="scroll-margin-top: 75px">
  <div class="spin-section base">
    <div class="spin-wrapper-center xl">
      <div class="spin-heading-wrapper">
        <div class="content-wrapper-page c">
          <div class="title-section-inner">
            <div class="bullet"></div>
            <h2 class="paragraph-m">Versatile</h2>
          </div>
          <h2 class="uppercase-regular">
            Works with (almost)<br />Everything.
          </h2>
          <p>
            Powerful hardware lets you control and automate everything in your
            home from a single app with Home Assistant.
          </p>
        </div>
      </div>
      <div class="main-spin xl">
        <div class="s-row _180 xl">
          <div class="spin-icon xl">
            <img
              src="/images/green/icons-devices-plug.svg"
              loading="lazy"
              alt=""
              class="img-logo-rotate r452"
            />
          </div>
          <div class="spin-icon xl">
            <img
              src="/images/green/icons-devices-blinds.svg"
              loading="lazy"
              alt=""
              class="img-logo-rotate r452"
            />
          </div>
        </div>
        <div class="s-row _90 xl">
          <div class="spin-icon xl">
            <img
              src="/images/green/icons-devices-energy.svg"
              loading="lazy"
              alt=""
              class="img-logo-rotate r45"
            />
          </div>
          <div class="spin-icon xl">
            <img
              src="/images/green/icons-devices-lock.svg"
              loading="lazy"
              alt=""
              class="img-logo-rotate r45"
            />
          </div>
        </div>
        <div class="s-row xl">
          <div class="spin-icon xl">
            <img
              src="/images/green/icons-devices-climate.svg"
              loading="lazy"
              alt=""
              class="img-logo-rotate"
            />
          </div>
          <div class="spin-icon xl">
            <img
              src="/images/green/icons-devices-speaker.svg"
              loading="lazy"
              alt=""
              class="img-logo-rotate"
            />
          </div>
        </div>
        <div class="s-row-h xl">
          <div class="spin-icon xl">
            <img
              src="/images/green/icons-devices-chip.svg"
              loading="lazy"
              alt=""
              class="img-logo-rotate"
            />
          </div>
          <div class="spin-icon xl">
            <img
              src="/images/green/icons-devices-bulb.svg"
              loading="lazy"
              alt=""
              class="img-logo-rotate"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container gap-l w-container">
    <div class="rounded-flex gradient animate-in zoom-in-bounce">
      <div class="w-layout-grid main-grid">
        <div
          id="w-node-_5af04daf-7de8-719d-93cc-1c37554337d1-3f61e7c1"
          class="block-wrapper-content bg-color"
        >
          <div class="circular-ticker-wrapper">
            <div class="circular-inner-reverse">
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-zigbee.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-lutron.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-tuya.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-zwave.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-bluetooth.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-plex.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-dlna.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-ikea.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-mqtt.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-matter.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-shelly.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-hue.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-thread.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-knx.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-sonos.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
            </div>
            <div class="circular-inner-reverse">
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-zigbee.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-lutron.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-tuya.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-zwave.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-bluetooth.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-plex.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-dlna.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-ikea.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-mqtt.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-matter.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-shelly.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-hue.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-thread.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-knx.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/icons-integrations-sonos.svg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
            </div>
          </div>
        </div>
        <div
          id="w-node-_5af04daf-7de8-719d-93cc-1c37554337e9-3f61e7c1"
          class="content-wrapper-page padding-wrapper"
        >
          <div class="tag-wrapper">
            <div class="bullet-icon-purple"></div>
            <div>Integrated</div>
          </div>
          <h2 class="heading-large">
            Everything and the kitchen sink in one app.
          </h2>
          <p class="main-paragraph-w">
            More than 1,000 built-in integrations support hundreds of thousands
            of smart devices and online services, with more regularly added by
            our community.
          </p>
        </div>
      </div>
    </div>
    <div class="w-layout-grid grid-2-col">
      <div
        id="w-node-d4e79ba6-1b70-13a4-8572-bb9fdcc7a0b9-3f61e7c1"
        class="quote-card gradient animate-in zoom-in-bounce"
      >
        <div class="content-wrapper-page b-padding">
          <div class="tag-wrapper">
            <div class="bullet-icon-purple"></div>
            <div>SIMPLE MIGRATION</div>
          </div>
          <h3 class="heading-medium">
            Switch from other smart home ecosystems at your own pace.
          </h3>
          <p>
            Home Assistant works with your existing Apple HomeKit, Google Home*,
            Samsung SmartThings**, and Amazon Alexa* setup, allowing a seamless
            and gradual migration for everyone in your home.
          </p>
          <a
            href="https://nabucasa.com/config/"
            target="_blank"
            class="button black w-inline-block"
            ><div>Learn more</div>
            <img
              src="/images/green/cta-arrow-white.svg"
              loading="lazy"
              alt=""
              class="icon-arrow"
          /></a>
          <p class="small-legal-text">
            * Home Assistant Cloud subscription is recommended for seamless
            integration with Google Home and Amazon Alexa voice assistants.<br />**
            Home Assistant Cloud subscription is recommended for using webhooks
            with Samsung SmartThings.
          </p>
        </div>
      </div>
      <div
        id="w-node-d4e79ba6-1b70-13a4-8572-bb9fdcc7a0a4-3f61e7c1"
        class="rounded-ticker-block gradient-reverse"
      >
        <div class="inner-square">
          <div class="square-rail">
            <div class="square-wrap">
              <img
                src="/images/green/diagram-migration-homekit.svg"
                loading="lazy"
                alt=""
                class="cover-image"
              />
            </div>
            <div class="square-wrap">
              <img
                src="/images/green/diagram-migration-smartthings.svg"
                loading="lazy"
                alt=""
                class="cover-image"
              />
            </div>
            <div class="square-wrap">
              <img
                src="/images/green/diagram-migration-googlehome.svg"
                loading="lazy"
                alt=""
                class="cover-image"
              />
            </div>
            <div class="square-wrap">
              <img
                src="/images/green/diagram-migration-alexa.svg"
                loading="lazy"
                alt=""
                class="cover-image"
              />
            </div>
          </div>
          <div class="square-rail">
            <div class="square-wrap">
              <img
                src="/images/green/diagram-migration-homekit.svg"
                loading="lazy"
                alt=""
                class="cover-image"
              />
            </div>
            <div class="square-wrap">
              <img
                src="/images/green/diagram-migration-smartthings.svg"
                loading="lazy"
                alt=""
                class="cover-image"
              />
            </div>
            <div class="square-wrap">
              <img
                src="/images/green/diagram-migration-googlehome.svg"
                loading="lazy"
                alt=""
                class="cover-image"
              />
            </div>
            <div class="square-wrap">
              <img
                src="/images/green/diagram-migration-alexa.svg"
                loading="lazy"
                alt=""
                class="cover-image"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="rounded-flex gradient animate-in zoom-in-bounce">
      <div class="w-layout-grid grid-2-col">
        <div
          id="w-node-_7360eaed-7a01-a7e3-2c34-5e3d5bcf2160-3f61e7c1"
          class="grid-image-wrapper"
        >
          <img
            src="/images/green/ha-skyconnect.jpg"
            loading="lazy"
            sizes="(max-width: 479px) 100vw, (max-width: 767px) 92vw, (max-width: 991px) 94vw, 95vw"
            srcset="
              /images/green/ha-skyconnect-p-500.jpg   500w,
              /images/green/ha-skyconnect-p-800.jpg   800w,
              /images/green/ha-skyconnect-p-1080.jpg 1080w,
              /images/green/ha-skyconnect-p-1600.jpg 1600w,
              /images/green/ha-skyconnect.jpg        1984w
            "
            alt=""
            class="cover-image"
          />
        </div>
        <div
          id="w-node-_7360eaed-7a01-a7e3-2c34-5e3d5bcf2178-3f61e7c1"
          class="box-wrapper-page"
        >
          <div class="tag-wrapper">
            <div class="bullet-icon-purple"></div>
            <div>Extensible</div>
          </div>
          <h3 class="heading-medium">
            Expand compatibility as your home expands.
          </h3>
          <p>
            You can add Home Assistant SkyConnect to connect Zigbee and Thread* devices, set up Home Assistant Cloud for voice assistants, and integrate third-party USB accessories to support other smart standards, such as Z-Wave or Bluetooth.
            <br>*Thread support is currently under development.
          </p>
          <a
            href="/skyconnect"
            target="_blank"
            class="button black w-inline-block"
            ><div>Get SkyConnect</div>
            <img
              src="/images/green/cta-arrow-white.svg"
              loading="lazy"
              alt=""
              class="icon-arrow"
          /></a>
        </div>
      </div>
    </div>
    <div class="h-wrapper animate-in">
      <div class="center-wrapper">
        <div class="tag-wrapper">
          <div class="bullet-icon-purple"></div>
          <div>Powerful specs</div>
        </div>
        <h2 class="heading-large xl">
          The perfect hardware for Home Assistant.<br />
        </h2>
        <p class="paragraph-m">
          Home Assistant Green ensures a fast and smooth Home Assistant user
          experience.
        </p>
      </div>
    </div>
    <div class="w-layout-grid grid-3-col specs">
      <div
        id="w-node-_79ece5a2-49d8-dc2f-c851-03631dc2be85-3f61e7c1"
        class="list-item-wrap"
      >
        <div
          id="w-node-fe7fe241-a852-ec3a-a616-8d116cdcdc17-3f61e7c1"
          class="inner-grid-column"
        >
          <div class="stats-number large">1.8 GHz</div>
          <h4 class="heading-small">Quad-core ARM&nbsp;processor</h4>
        </div>
        <div
          id="w-node-fe7fe241-a852-ec3a-a616-8d116cdcdc1e-3f61e7c1"
          class="inner-grid-column"
        >
          <div class="stats-number large">4 GB</div>
          <h4 class="heading-small">RAM</h4>
        </div>
        <div
          id="w-node-fe7fe241-a852-ec3a-a616-8d116cdcdc25-3f61e7c1"
          class="inner-grid-column"
        >
          <div class="stats-number large">32 GB</div>
          <h4 class="heading-small">eMMC&nbsp;Storage</h4>
        </div>
      </div>
      <div
        id="w-node-_79ece5a2-49d8-dc2f-c851-03631dc2bea1-3f61e7c1"
      >
        <div
          class="exploded-view-animation animate-in" data-threshold=".9"
        >
          <img
            src="/images/green/ha-green-exploded-view-3.png"
            loading="lazy"
            sizes="(max-width: 479px) 87vw, (max-width: 767px) 89vw, 640px"
            alt=""
            srcset="
              /images/green/ha-green-exploded-view-3-p-500.png 500w,
              /images/green/ha-green-exploded-view-3-p-800.png 800w,
              /images/green/ha-green-exploded-view-3.png       961w
            "
            class="image-product-mobile exploded-part"
          />
          <img
            src="/images/green/ha-green-exploded-view-2.png"
            loading="lazy"
            sizes="(max-width: 479px) 87vw, (max-width: 767px) 89vw, 640px"
            alt=""
            srcset="
              /images/green/ha-green-exploded-view-2-p-500.png 500w,
              /images/green/ha-green-exploded-view-2-p-800.png 800w,
              /images/green/ha-green-exploded-view-2.png       961w
            "
            class="image-product-mobile exploded-part"
            style="top: 22%"
          />
          <img
            src="/images/green/ha-green-exploded-view-1.png"
            loading="lazy"
            sizes="(max-width: 479px) 87vw, (max-width: 767px) 89vw, 640px"
            alt=""
            srcset="
              /images/green/ha-green-exploded-view-1-p-500.png 500w,
              /images/green/ha-green-exploded-view-1-p-800.png 800w,
              /images/green/ha-green-exploded-view-1.png       961w
            "
            class="image-product-mobile exploded-part"
            style="top: 44%"
          />
          <img
            src="/images/green/ha-green-exploded-view.png"
            loading="lazy"
            sizes="(max-width: 479px) 87vw, (max-width: 767px) 89vw, 640px"
            alt="Exploded view of Home Assistant Green"
            srcset="
              /images/green/ha-green-exploded-view-p-500.png 500w,
              /images/green/ha-green-exploded-view-p-800.png 800w,
              /images/green/ha-green-exploded-view.png       961w
            "
            class="image-product-mobile exploded-view-rendered"
            style="opacity: 0;"
          />
        </div>
      </div>
      <div
        id="w-node-_79ece5a2-49d8-dc2f-c851-03631dc2bea3-3f61e7c1"
        class="list-item-wrap"
      >
        <div>
          <div class="w-layout-grid grid-row">
            <div>
              <h4 class="heading-small">Beautiful enclosure</h4>
              <p class="paragraph-small">made of translucent polycarbonate</p>
            </div>
          </div>
        </div>
        <div>
          <div class="w-layout-grid grid-row">
            <div>
              <h4 class="heading-small">USB 2.0 ports ×2</h4>
              <p class="paragraph-small">
                for use with Home Assistant SkyConnect and more
              </p>
            </div>
          </div>
        </div>
        <div>
          <div class="w-layout-grid grid-row">
            <div>
              <h4 class="heading-small">Gigabit Ethernet port</h4>
              <p class="paragraph-small">for fast communication</p>
            </div>
          </div>
        </div>
        <div>
          <div class="w-layout-grid grid-row">
            <div>
              <h4 class="heading-small">Large aluminum heatsink</h4>
              <p class="paragraph-small">for noiseless CPU&nbsp;cooling</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<div class="section gap-l">
  <div
    class="container gap-l w-container"
    id="trustworthy"
    style="scroll-margin-top: 75px"
  >
    <div class="w-layout-grid main-grid">
      <div
        id="w-node-_79ece5a2-49d8-dc2f-c851-03631dc2be33-3f61e7c1"
        class="heading-wrapper align-left"
      >
        <div class="title-section-inner">
          <div class="bullet"></div>
          <h2 class="paragraph-m">Trustworthy</h2>
        </div>
        <div>
          <div class="overflow-heading animate-in">
            <p class="uppercase-large" style="margin-bottom: 0">
              Built for trust.
            </p>
          </div>
          <div class="overflow-heading animate-in">
            <p class="uppercase-large">Built to last.</p>
          </div>
        </div>
      </div>
      <div id="w-node-_79ece5a2-49d8-dc2f-c851-03631dc2be36-3f61e7c1">
        <p class="main-paragraph-w">
          Your home is built to last, and so should your smart home. With Home
          Assistant, your smart home is private, truly owned and controlled by
          you.
        </p>
      </div>
    </div>
    <div class="w-layout-grid main-grid">
      <div
        id="w-node-_97fa55d7-601d-011a-f7dd-d8e8648b288f-3f61e7c1"
        class="box-wrapper-grid large animate-in zoom-in-bounce"
      >
        <div class="circle-icon animate-in zoom-in-bounce">
          <img
            src="/images/green/icons-trust-updates.svg"
            loading="lazy"
            alt=""
            class="icon-content"
          />
        </div>
        <div class="inner-box-wrapper animate-in slide-up">
          <h3 class="heading-medium margin-bottom-xsmall">
            Improves every month.
          </h3>
          <p class="paragraph-small">
            Home Assistant is built by one of the largest communities of
            open-source contributors. New features and improvements are added
            every month, ensuring your smart home never lets you down.
          </p>
        </div>
      </div>
      <div
        id="w-node-_97fa55d7-601d-011a-f7dd-d8e8648b28a0-3f61e7c1"
        class="box-wrapper-grid large animate-in zoom-in-bounce"
      >
        <div class="circle-icon animate-in zoom-in-bounce">
          <img
            src="/images/green/icons-trust-privacy.svg"
            loading="lazy"
            alt=""
            class="icon-content"
          />
        </div>
        <div class="inner-box-wrapper animate-in slide-up">
          <h3 class="heading-medium margin-bottom-xsmall">
            Your data is private and local.
          </h3>
          <p class="paragraph-small">
            Home Assistant keeps your data locally, which means you are safe
            from invasive privacy practices and you can access your smart home
            even when the Internet is down.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section">
  <div class="container w-container">
    <div class="w-layout-grid main-grid">
      <div
        id="w-node-dff84027-3607-ca1e-37d4-fda34a218330-3f61e7c1"
        class="content-wrapper sticky-faq"
      >
        <h3 class="heading-medium">What&#x27;s in the box</h3>
      </div>
      <div
        id="w-node-_3c9bd238-678f-2dbe-1d95-ae0b1ab838b9-3f61e7c1"
        class="content-wrapper inner-padding-xsmall"
      >
        <div class="w-layout-grid specs-grid-2">
          <div
            id="w-node-ecc09c5f-a166-6fad-b93b-d73a16ecfad5-3f61e7c1"
            class="box-wrapper gradient"
          >
            <div class="w-layout-grid content-grid">
              <div class="icon-wrapper">
                <img
                  src="/images/green/ha-green-inthebox-hub.svg"
                  loading="lazy"
                  width="80"
                  alt=""
                />
              </div>
              <div class="small-paragraph-wrapper">
                <h3 class="heading-small">
                  Home Assistant Green smart home hub
                </h3>
              </div>
            </div>
          </div>
          <div
            id="w-node-ecc09c5f-a166-6fad-b93b-d73a16ecfade-3f61e7c1"
            class="box-wrapper gradient"
          >
            <div class="w-layout-grid content-grid">
              <div class="icon-wrapper">
                <img
                  src="/images/green/ha-green-inthebox-ethernet.svg"
                  loading="lazy"
                  width="80"
                  alt=""
                />
              </div>
              <div class="small-paragraph-wrapper">
                <h3 class="heading-small">Gigabit Ethernet cable</h3>
                <p class="paragraph-small">x 1</p>
              </div>
            </div>
          </div>
          <div
            id="w-node-ecc09c5f-a166-6fad-b93b-d73a16ecfae7-3f61e7c1"
            class="box-wrapper gradient"
          >
            <div class="w-layout-grid content-grid">
              <div class="icon-wrapper">
                <img
                  src="/images/green/ha-green-inthebox-power.svg"
                  loading="lazy"
                  width="80"
                  alt=""
                />
              </div>
              <div class="small-paragraph-wrapper">
                <h3 class="heading-small">Universal power supply</h3>
                <p class="paragraph-small">
                  12 V DC, 1 A<br />Comes with plug adapters for EU, US, and UK
                </p>
              </div>
            </div>
          </div>
          <div
            id="w-node-ecc09c5f-a166-6fad-b93b-d73a16ecfaf0-3f61e7c1"
            class="box-wrapper gradient"
          >
            <div class="w-layout-grid content-grid">
              <div class="icon-wrapper">
                <img
                  src="/images/green/ha-green-inthebox-booklet.svg"
                  loading="lazy"
                  width="80"
                  alt=""
                />
              </div>
              <div class="small-paragraph-wrapper">
                <h3 class="heading-small">
                  Quick&nbsp;Start Guide<br />Warranty and Safety Information
                </h3>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="w-layout-grid main-grid"
      id="specs"
      style="scroll-margin-top: 75px"
    >
      <div
        id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebe0-3f61e7c1"
        class="content-wrapper sticky-faq"
      >
        <h3 class="heading-medium">Hardware specifications</h3>
      </div>
      <div
        id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebe3-3f61e7c1"
        class="content-wrapper inner-padding-xsmall"
      >
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebe5-3f61e7c1"
            class="text-bold heading-small"
          >
            SoC
          </div>
          <div
            id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebe7-3f61e7c1"
            class="heading-small"
          >
            Rockchip RK3566 SoC with quad-core Arm Cortex-A55 CPU
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebea-3f61e7c1"
            class="text-bold heading-small"
          >
            CPU Frequency
          </div>
          <div
            id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebec-3f61e7c1"
            class="heading-small"
          >
            1.8 GHz
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebef-3f61e7c1"
            class="text-bold heading-small"
          >
            Storage
          </div>
          <div
            id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebf1-3f61e7c1"
            class="heading-small"
          >
            32 GB eMMC flash drive
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebf4-3f61e7c1"
            class="text-bold heading-small"
          >
            Memory
          </div>
          <div
            id="w-node-a54f04ee-775b-c469-10f0-7353a7fdebf6-3f61e7c1"
            class="heading-small"
          >
            4 GB LPDDR4X
          </div>
        </div>
      </div>
    </div>
    <div class="w-layout-grid main-grid">
      <div
        id="w-node-_34c4efde-6d23-1468-e504-4f88b08dc954-3f61e7c1"
        class="content-wrapper sticky-faq"
      >
        <h3 class="heading-medium">Interfaces</h3>
      </div>
      <div
        id="w-node-_34c4efde-6d23-1468-e504-4f88b08dc957-3f61e7c1"
        class="content-wrapper inner-padding-xsmall"
      >
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_34c4efde-6d23-1468-e504-4f88b08dc959-3f61e7c1"
            class="text-bold heading-small"
          >
            Status LEDs
          </div>
          <div
            id="w-node-_48a0d88a-abc6-0ddf-15bf-872c223eb7ef-3f61e7c1"
            class="heading-small"
          >
            White (power indicator)<br />Green (activity indicator)<br />Yellow
            (system health indicator)
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_34c4efde-6d23-1468-e504-4f88b08dc95e-3f61e7c1"
            class="text-bold heading-small"
          >
            Power supply
          </div>
          <div
            id="w-node-_34c4efde-6d23-1468-e504-4f88b08dc960-3f61e7c1"
            class="heading-small"
          >
            DC barrel connector, 5.5 mm * 2.1 mm<br />12 V DC, 1 A
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_34c4efde-6d23-1468-e504-4f88b08dc963-3f61e7c1"
            class="text-bold heading-small"
          >
            Battery
          </div>
          <div
            id="w-node-_34c4efde-6d23-1468-e504-4f88b08dc965-3f61e7c1"
            class="heading-small"
          >
            CR2032. Not included. Optional.
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_34c4efde-6d23-1468-e504-4f88b08dc968-3f61e7c1"
            class="text-bold heading-small"
          >
            Energy consumption
          </div>
          <div
            id="w-node-_34c4efde-6d23-1468-e504-4f88b08dc96a-3f61e7c1"
            class="heading-small"
          >
            Idle: ~1.7 W at 12 V<br />Load: ~3 W at 12 V
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-e5c88ffd-0295-15c0-3fbc-fe738ce0c340-3f61e7c1"
            class="text-bold heading-small"
          >
            USB
          </div>
          <div
            id="w-node-e5c88ffd-0295-15c0-3fbc-fe738ce0c342-3f61e7c1"
            class="heading-small"
          >
            2x USB 2.0 Type-A Host ports, 5 V up to 2 A (combined)
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-c9e471cf-e31f-4d42-294a-a1be90e8ebfc-3f61e7c1"
            class="text-bold heading-small"
          >
            Display
          </div>
          <div
            id="w-node-c9e471cf-e31f-4d42-294a-a1be90e8ebfe-3f61e7c1"
            class="heading-small"
          >
            HDMI port, for diagnostic purposes only
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-fbe8eefb-b44c-6dea-ec58-f8b207274f82-3f61e7c1"
            class="text-bold heading-small"
          >
            External storage
          </div>
          <div
            id="w-node-fbe8eefb-b44c-6dea-ec58-f8b207274f84-3f61e7c1"
            class="heading-small"
          >
            MicroSD slot, for recovery purposes only
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_745fd3ab-0f3c-5771-b69b-29f7177a4eac-3f61e7c1"
            class="text-bold heading-small"
          >
            Networking
          </div>
          <div
            id="w-node-_745fd3ab-0f3c-5771-b69b-29f7177a4eae-3f61e7c1"
            class="heading-small"
          >
            Gigabit Ethernet port
          </div>
        </div>
      </div>
    </div>
    <div class="w-layout-grid main-grid">
      <div
        id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81a2-3f61e7c1"
        class="content-wrapper sticky-faq"
      >
        <h3 class="heading-medium">Dimensions and weight</h3>
      </div>
      <div
        id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81a5-3f61e7c1"
        class="content-wrapper inner-padding-xsmall"
      >
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81a7-3f61e7c1"
            class="text-bold heading-small"
          >
            Length
          </div>
          <div
            id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81a9-3f61e7c1"
            class="heading-small"
          >
            112 mm / 4.41 inches
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81ac-3f61e7c1"
            class="text-bold heading-small"
          >
            Width
          </div>
          <div
            id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81ae-3f61e7c1"
            class="heading-small"
          >
            112 mm / 4.41 inches
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81b1-3f61e7c1"
            class="text-bold heading-small"
          >
            Height
          </div>
          <div
            id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81b3-3f61e7c1"
            class="heading-small"
          >
            32 mm / 1.26 inches
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81b6-3f61e7c1"
            class="text-bold heading-small"
          >
            Weight
          </div>
          <div
            id="w-node-_1731b337-4d6f-5080-81cb-05d5715b81b8-3f61e7c1"
            class="heading-small"
          >
            340 g / 12 oz
          </div>
        </div>
      </div>
    </div>
    <div class="w-layout-grid main-grid">
      <div
        id="w-node-_8273be84-db5d-38d7-e248-f4a16dfcf3e9-3f61e7c1"
        class="content-wrapper sticky-faq"
      >
        <h3 class="heading-medium">Materials</h3>
      </div>
      <div
        id="w-node-_8273be84-db5d-38d7-e248-f4a16dfcf3ec-3f61e7c1"
        class="content-wrapper inner-padding-xsmall"
      >
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_8273be84-db5d-38d7-e248-f4a16dfcf3ee-3f61e7c1"
            class="text-bold heading-small"
          >
            Enclosure
          </div>
          <div
            id="w-node-_8273be84-db5d-38d7-e248-f4a16dfcf3f0-3f61e7c1"
            class="heading-small"
          >
            Semi-transparent polycarbonate plastic
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_8273be84-db5d-38d7-e248-f4a16dfcf3f3-3f61e7c1"
            class="text-bold heading-small"
          >
            Heatsink
          </div>
          <div
            id="w-node-_8273be84-db5d-38d7-e248-f4a16dfcf3f5-3f61e7c1"
            class="heading-small"
          >
            Anodized aluminum
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_8273be84-db5d-38d7-e248-f4a16dfcf3f8-3f61e7c1"
            class="text-bold heading-small"
          >
            Packaging
          </div>
          <div
            id="w-node-_8273be84-db5d-38d7-e248-f4a16dfcf3fa-3f61e7c1"
            class="heading-small"
          >
            Chipboard
          </div>
        </div>
      </div>
    </div>
    <div class="w-layout-grid main-grid">
      <div
        id="w-node-fc7bb182-87fb-3705-32c5-29c1a8410545-3f61e7c1"
        class="content-wrapper sticky-faq"
      >
        <h3 class="heading-medium">Environmental conditions for operation</h3>
      </div>
      <div
        id="w-node-fc7bb182-87fb-3705-32c5-29c1a8410548-3f61e7c1"
        class="content-wrapper inner-padding-xsmall"
      >
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-fc7bb182-87fb-3705-32c5-29c1a841054a-3f61e7c1"
            class="text-bold heading-small"
          >
            Temperature
          </div>
          <div
            id="w-node-fc7bb182-87fb-3705-32c5-29c1a841054c-3f61e7c1"
            class="heading-small"
          >
            O °C to 40 °C<br />32 °F to 104 °F
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-fc7bb182-87fb-3705-32c5-29c1a841054f-3f61e7c1"
            class="text-bold heading-small"
          >
            Humidity
          </div>
          <div
            id="w-node-fc7bb182-87fb-3705-32c5-29c1a8410551-3f61e7c1"
            class="heading-small"
          >
            Non-condensing
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-fc7bb182-87fb-3705-32c5-29c1a8410554-3f61e7c1"
            class="text-bold heading-small"
          >
            Room conditions
          </div>
          <div
            id="w-node-fc7bb182-87fb-3705-32c5-29c1a8410556-3f61e7c1"
            class="heading-small"
          >
            Indoor use only<br />Keep in dry, not excessively dusty environment
            as this can cause damage to the unit.
          </div>
        </div>
      </div>
    </div>
    <div class="w-layout-grid main-grid">
      <div
        id="w-node-_5861a484-f742-2c3a-d889-b1e9082d08f5-3f61e7c1"
        class="content-wrapper sticky-faq"
      >
        <h3 class="heading-medium">Product information</h3>
      </div>
      <div
        id="w-node-_5861a484-f742-2c3a-d889-b1e9082d08f8-3f61e7c1"
        class="content-wrapper inner-padding-xsmall"
      >
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_5861a484-f742-2c3a-d889-b1e9082d08fa-3f61e7c1"
            class="text-bold heading-small"
          >
            Model No.
          </div>
          <div
            id="w-node-_5861a484-f742-2c3a-d889-b1e9082d08fc-3f61e7c1"
            class="heading-small"
          >
            NC-GREEN-1175
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_5861a484-f742-2c3a-d889-b1e9082d0901-3f61e7c1"
            class="text-bold heading-small"
          >
            Conformity
          </div>
          <div
            id="w-node-_5861a484-f742-2c3a-d889-b1e9082d0903-3f61e7c1"
            class="heading-small"
          >
            CE, FCC
          </div>
        </div>
        <div class="w-layout-grid specs-grid inner-padding-xsmall">
          <div
            id="w-node-_5861a484-f742-2c3a-d889-b1e9082d0906-3f61e7c1"
            class="text-bold heading-small"
          >
            Origin
          </div>
          <div
            id="w-node-_5861a484-f742-2c3a-d889-b1e9082d0908-3f61e7c1"
            class="heading-small"
          >
            Made in PRC
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section gap-l">
  <div class="container page-gap w-container">
    <div class="rounded-flex gradient animate-in zoom-in-bounce">
      <div class="w-layout-grid grid-2-col">
        <div
          id="w-node-_69907ac9-cc3c-f202-afac-c92986c44300-3f61e7c1"
          class="box-wrapper-page"
        >
          <div class="tag-wrapper">
            <div class="bullet-icon-purple"></div>
            <div><strong>Who made this?</strong></div>
          </div>
          <h2 class="heading-large">Pioneers of the Open Home.</h2>
          <p class="main-paragraph-w">
            Home Assistant Green is created and designed by Nabu Casa, the
            founders behind the popular home automation software Home Assistant
            and is engineered by Seeed Studio.
          </p>
          <a
            href="https://nabucasa.com"
            target="_blank"
            class="button black w-inline-block"
            ><div>Learn more</div>
            <img
              src="/images/green/cta-arrow-white.svg"
              loading="lazy"
              alt=""
              class="icon-arrow"
          /></a>
        </div>
        <div
          id="w-node-_69907ac9-cc3c-f202-afac-c92986c4430e-3f61e7c1"
          class="block-wrapper-content bg-color"
        >
          <div class="circular-ticker-wrapper">
            <div class="circular-inner-reverse">
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/jr.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/gs.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/rr.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/al.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/bk.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/fn.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/sa.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/kb.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/mm.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/mdb.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/em.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/mh.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/ps.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/pv.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/pb.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/md.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/mvi.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/pc.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
            </div>
            <div class="circular-inner-reverse">
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/jr.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/gs.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/rr.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/al.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/bk.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/fn.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/sa.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/kb.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/mm.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/mdb.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/em.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/mh.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/ps.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/pv.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/pb.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/md.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/mvi.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
              <div class="circular-wrap">
                <img
                  src="/images/green/avatars/pc.jpg"
                  loading="lazy"
                  alt=""
                  class="cover-image-2"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section gap-l">
  <div class="container page-gap" id="faq" style="scroll-margin-top: 75px">
    <div class="h-flex">
      <div class="h-wrapper animate-in">
        <p class="uppercase-regular">
          Got Some questions?<span class="text-white"></span>
        </p>
      </div>
      <div class="content-wrapper">
        <div class="faq-wrapper">
          <a href="#" class="faq-link w-inline-block"
            ><h3 class="heading-regular">
              I am already using Home Assistant. Is this for me?
            </h3>
            <div class="faq-icon">
              <img
                src="/images/green/arrow-faq.svg"
                loading="lazy"
                alt=""
                class="plus-icon"
              /></div
          ></a>
          <div class="faq-container margin-bottom-small">
            <p class="main-paragraph-w">
              If you are not familiar with tinkering with Raspberry Pi, or if
              you want a well-supported and dedicated piece of hardware to run
              Home Assistant, Home Assistant Green is for you.<br /><br />If you
              are still looking for a present for friends and family, this would
              be perfect, too!<br />
            </p>
          </div>
        </div>
        <div class="faq-wrapper">
          <a href="#" class="faq-link w-inline-block"
            ><h3 class="heading-regular">
              What is the difference between Home Assistant Yellow and Home
              Assistant Green?
            </h3>
            <div class="faq-icon">
              <img
                src="/images/green/arrow-faq.svg"
                loading="lazy"
                alt=""
                class="plus-icon"
              /></div
          ></a>
          <div class="faq-container margin-bottom-small">
            <p class="main-paragraph-w">
              The most obvious difference is that Home Assistant Green is a
              plug-and-play system. It is designed to be used as-is. Home
              Assistant Yellow is designed to be extended by more RAM or more
              storage by adding an NVMe SSD. But extending also means you have
              to open the housing, install the additional hardware, and go
              through more complex installation steps.<br />
              <br />The other big difference is that Yellow comes with support
              for Zigbee 3.0 and Matter-over-Thread. But Green can also use
              these protocols by adding a SkyConnect.
            </p>
          </div>
        </div>
        <div class="faq-wrapper">
          <a href="#" class="faq-link w-inline-block"
            ><h3 class="heading-regular">
              Do I need a Home Assistant SkyConnect?
            </h3>
            <div class="faq-icon">
              <img
                src="/images/green/arrow-faq.svg"
                loading="lazy"
                alt=""
                class="plus-icon"
              /></div
          ></a>
          <div class="faq-container margin-bottom-small">
            <p class="main-paragraph-w">
              If you want to connect Home Assistant Green to the hub of your existing smart home system that uses Zigbee or Thread to communicate, you can do so out-of-the-box for most popular brands. This will be the easiest way to connect your existing Zigbee or Matter devices and does not require a Home Assistant SkyConnect.
            </p>
            <p>You need a Home Assistant SkyConnect if you want to connect Zigbee or Thread* devices directly to Home Assistant Green.</p>
            <p>* Thread support is currently under development.</p>
          </div>
        </div>
        <div class="faq-wrapper">
          <a href="#" class="faq-link w-inline-block"
            ><h3 class="heading-regular">
              Will Nabu Casa keep supporting the Home Assistant Green?
            </h3>
            <div class="faq-icon">
              <img
                src="/images/green/arrow-faq.svg"
                loading="lazy"
                alt=""
                class="plus-icon"
              /></div
          ></a>
          <div class="faq-container margin-bottom-small">
            <p class="main-paragraph-w">
              Yes! We are committed to keep supporting all platforms that are
              currently available.
            </p>
          </div>
        </div>
        <div class="faq-wrapper">
          <a href="#" class="faq-link w-inline-block"
            ><h3 class="heading-regular">
              Will Nabu Casa keep supporting the Home Assistant Yellow?
            </h3>
            <div class="faq-icon">
              <img
                src="/images/green/arrow-faq.svg"
                loading="lazy"
                alt=""
                class="plus-icon"
              /></div
          ></a>
          <div class="faq-container margin-bottom-small">
            <p class="main-paragraph-w">
              Absolutely! We believe in the Home Assistant Yellow! Depending on
              who you are and what your smart home looks like, the Home
              Assistant Yellow might be the better choice for you.
            </p>
          </div>
        </div>
        <div class="faq-wrapper">
          <a href="#" class="faq-link w-inline-block"
            ><h3 class="heading-regular">
              Will Home Assistant drop support for the Raspberry Pi?
            </h3>
            <div class="faq-icon">
              <img
                src="/images/green/arrow-faq.svg"
                loading="lazy"
                alt=""
                class="plus-icon"
              /></div
          ></a>
          <div class="faq-container margin-bottom-small">
            <p class="main-paragraph-w">
              Nope! We are committed to keep supporting all platforms that are
              currently available.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="section">
  <div class="container inner-padding-small w-container">
    <div class="w-layout-grid main-grid">
      <div
        class="content-wrapper-page"
        style="grid-area: 1 / 1 / 2 / 12; align-self: center"
      >
        <h1 class="heading-large">
          Already got your Home Assistant Green?<span class="scrib"></span>
        </h1>
        <p class="main-paragraph-w">
          Let's get you started. Learn more in our documentations for the
          device.
        </p>
        <a
          href="https://green.home-assistant.io"
          class="button black w-inline-block"
          ><div>Get started</div>
          <img
            src="/images/green/cta-arrow-white.svg"
            loading="lazy"
            alt=""
            class="icon-arrow"
        /></a>
      </div>
    </div>
  </div>
</div>

<div id="buy-dialog" class="dialog">
  <div class="material-card text dialog-content">
    <div class="close-container"></div>
    <div class="dialog-header">
      <span>Home Assistant Green</span>
      <span class="dialog-close" onclick="closeDialog()" title="close">
        <svg width="24" height="24" viewBox="0 0 24 24">
          <path
            d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
          />
        </svg>
      </span>
    </div>
    <div class="distributors">

      <a href="https://www.alza.cz/home-assistant-green-d7998187.htm" target="_blank">
        <div class="distributor">
          <div>
            <div>🇨🇿</div>
            <div>Alza.cz</div>
            <div>Shipping from the Czech Republic</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a href="https://ameridroid.com/products/home-assistant-green" target="_blank">
        <div class="distributor">
          <div>
            <div>🇺🇸</div>
            <div>ameriDroid</div>
            <div>Shipping from US</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://botland.com.pl/centralki-i-bramki-sieciowe/24319-home-assistant-green-inteligentna-centralka-nabu-casa-nc-green-1175-794677011758.html"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇵🇱</div>
            <div>Botland</div>
            <div>Shipping from Poland</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a href="https://cloudfree.shop/product/home-assistant-green/" target="_blank">
        <div class="distributor">
          <div>
            <div>🇺🇸</div>
            <div>CloudFree</div>
            <div>Shipping from US</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://shop.everythingsmart.io/products/home-assistant-green"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇬🇧</div>
            <div>Everything Smart Technology</div>
            <div>Shipping from the United Kingdom</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://ewelinkstore.com/product/home-assistant-green-hub/"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇭🇺</div>
            <div>eWeLink device store</div>
            <div>Shipping from Hungary</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
      href="https://mauser.pt/catalog/product_info.php?products_id=095-3152"
      target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇵🇹</div>
            <div>Mauser</div>
            <div>Shipping from Portugal</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://mediarath.de/products/home-assistant-green-smart-home-hub-2x-usb-gigabit-lan-hmdi-microsd-slot"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇩🇪</div>
            <div>mediarath</div>
            <div>Shipping from Germany</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://en.m.nu/controllers-smart-hubs/home-assistant-green"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇸🇪</div>
            <div>m.nu</div>
            <div>Shipping from Sweden</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://okosotthon.bolt.hu/webaruhaz/termek/home-assistant-green-hub/"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇭🇺</div>
            <div>OkosOtthon Bolt</div>
            <div>Shipping from Hungary</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://www.ozsmartthings.com.au/products/home-assistant-green-smart-hub"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇦🇺</div>
            <div>Oz Smart Things</div>
            <div>Shipping from Australia</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://www.pi-shop.ch/home-assistant-green"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇨🇭</div>
            <div>Pi-Shop.ch</div>
            <div>Shipping from Switzerland</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://raspberrypi.dk/en/product/home-assistant-green/"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇩🇰</div>
            <div>RaspberryPi.dk</div>
            <div>Shipping from Denmark</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://www.seeedstudio.com/Home-Assistant-Green-p-5792.html"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇨🇳</div>
            <div>Seeed Studio</div>
            <div>Shipping from China, US and Germany</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://smarterhome.sk/controllers/home-assistant-green-smart-home-hub-1490.html"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇸🇰</div>
            <div>SmarterHOME</div>
            <div>Shipping from Slovakia</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://smartguys.com.au/home-assistant-green.html"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇦🇺</div>
            <div>Smart Guys</div>
            <div>Shipping from Australia</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://shop.swiss-domotique.ch/smarthome-hub/2295-nabu-casa-home-assistant-green.html"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇨🇭</div>
            <div>Swiss-Domotique</div>
            <div>Shipping from Switzerland</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://thepihut.com/products/home-assistant-green"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇬🇧</div>
            <div>The Pi Hut</div>
            <div>Shipping from the United Kingdom</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>

      <a
        href="https://www.wifishop.ro/home-assistant-45/home-assistant-green.html"
        target="_blank"
      >
        <div class="distributor">
          <div>
            <div>🇷🇴</div>
            <div>WIFIShop</div>
            <div>Shipping from Romania</div>
          </div>
          <svg width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
            />
          </svg>
        </div>
      </a>
    </div>
  </div>
</div>

<script src="/green/script.js" type="text/javascript"></script>