<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- <title>Experience the Best in Smart Home Installations Near You</title> -->
    <title>Best Smart Home Installations Near You | Fusion Audio Video | Fusion Audio Video</title>
<meta name="description" content="Why work with a professional smart home installation provider? Fusion Audio + Video on the benefits of experienced local installers in the Carolinas." />
<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Best Smart Home Installations Near You | Fusion Audio Video" />
<meta property="og:description" content="Why work with a professional smart home installation provider? Fusion Audio + Video on the benefits of experienced local installers in the Carolinas." />
<meta property="og:url" content="https://fusionaudiovideo.com/blog/experience-the-best-in-smart-home-installations-near-you" />
<meta property="og:site_name" content="Fusion Audio Video" />
<meta property="og:locale" content="en" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Best Smart Home Installations Near You | Fusion Audio Video" />
<meta name="twitter:description" content="Why work with a professional smart home installation provider? Fusion Audio + Video on the benefits of experienced local installers in the Carolinas." />
<link href="https://fusionaudiovideo.com" rel="home" />
<link href="https://fusionaudiovideo.com/blog/experience-the-best-in-smart-home-installations-near-you" rel="canonical" />
<link type="text/plain" rel="author" href="https://fusionaudiovideo.com/humans.txt" />
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Fusion Audio + Video","@id":"https://fusionaudiovideo.com#organization","url":"https://fusionaudiovideo.com"}</script>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap"
      rel="stylesheet"
    />

    
    <script
      src="https://kit.fontawesome.com/c84a6effbe.js"
      crossorigin="anonymous"
    ></script>
     <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-43P6KFQT2T"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-43P6KFQT2T');
</script>
<script src="https://analytics.ahrefs.com/analytics.js" data-key="BQWkoz3eoT8SY/1zRZA0Dw" async></script> <link rel="preload" as="style" href="https://fusionaudiovideo.com/build/assets/site-iCJrJQhc.css" /><link rel="modulepreload" as="script" href="https://fusionaudiovideo.com/build/assets/site-Dqo6kcSY.js" /><link rel="stylesheet" href="https://fusionaudiovideo.com/build/assets/site-iCJrJQhc.css" /><script type="module" src="https://fusionaudiovideo.com/build/assets/site-Dqo6kcSY.js"></script>
  </head>
  <body
    class="bg-white body-blog header-light"
  >
    <header class="header" data-scrolled="false">
  <div class="inner-header relative z-50 container-xl flex items-center">
    <!-- Logo -->
    <div class="flex md:mr-4">
      <a href="/" class="-m-1.5 p-1.5" title="Home">
        <span class="sr-only">FusionAV</span>
        <svg
          id="site-logo"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 216 77.84"
          class="w-[130px] h-auto block transition-all duration-300"
          :class="logoColorClass"
        >
          <g id="Layer_1-2">
            <path
              class="fusion-letters"
              d="M150.3,41.88c-8,0-12.11-6.89-12.11-15.93s4.11-16,12.11-16,12.04,6.96,12.04,16-3.97,15.93-12.04,15.93M98.94,20.03c-7.45-1.66-11.28-2.5-11.28-5.98,0-2.78,2.85-4.66,7.17-4.66,4.59,0,7.51,2.16,8,5.98h11.96v13.15c-2.92-4.99-9.15-6.92-15.85-8.48M96.07,42.17c-5.91,0-9.18-2.09-9.74-7.1h-10.08c.04-.62.07-1.25.07-1.89v-12.88c2.44,6.43,9.83,8.51,16.9,10.17,6.82,1.68,10.85,2.51,10.85,6.48,0,3.76-3.97,5.22-8,5.22M203.96.96v23.59c0,1.74.14,7.72.14,7.72h-.14s-2.64-4.94-3.41-6.33L185.81.96h-12.38v15.5c-3.19-9.87-11.53-16.47-23.19-16.47s-19.94,6.61-23.13,16.48V.96h-12.32v13.43C113.84,4.63,105.68.06,95.24.06c-9.08,0-16.5,3.11-18.92,10.03V.96h-12.31v32.43c0,4.87-2.71,8.35-8.42,8.35-6.05,0-8.56-3.27-8.56-8.14V.96H0v49.74h12.31v-19.34h16.91v-9.95H12.31v-10.09h22.4v21.85h0c0,11.62,6.96,18.44,20.88,18.44,10.4,0,16.88-3.93,19.45-10.76,2.74,7.24,10.45,11.04,21.11,11.04,8.45,0,15.5-3.13,18.63-8.94v7.76h12.32v-15.29c3.19,9.87,11.52,16.47,23.14,16.47s19.99-6.6,23.18-16.46v15.28h12.04v-23.17c0-1.74-.14-8.14-.14-8.14h.14s2.71,5.36,3.55,6.68l14.61,24.63h12.38V.96h-12.04Z"
            />
            <path
              class="cls-2"
              d="M17.49,70.04h-4.6l2.32-6.39,2.28,6.39ZM16.68,60.43h-2.86l-6.63,17.04h2.94l1.83-4.93h6.47l1.79,4.93h3.12l-6.57-16.83-.08-.21Z"
            />
            <path
              class="cls-2"
              d="M39.93,71.22c0,1.37-.34,2.42-1,3.11-.66.69-1.65,1.03-2.94,1.03-1.37,0-2.43-.34-3.14-1.04-.71-.7-1.07-1.73-1.07-3.1v-10.79h-2.84v10.78c0,2.28.66,3.99,1.9,5.04,1.24,1.05,2.97,1.58,5.15,1.58s3.82-.55,5-1.66c1.18-1.11,1.78-2.78,1.78-4.95v-10.79h-2.84v10.79Z"
            />
            <path
              class="cls-2"
              d="M61.82,68.86c.02.84-.08,1.67-.3,2.49-.16.6-.41,1.16-.75,1.68-.27.4-.6.76-1,1.04-.36.25-.74.45-1.15.59-.35.13-.72.21-1.1.26-.35.04-.64.06-.88.06h-3.29v-12.03h3.34c.82-.02,1.65.11,2.42.4.61.24,1.14.63,1.55,1.14.42.54.72,1.17.88,1.85.2.83.29,1.69.28,2.54M56.48,60.43h-5.95v17.04h5.95,0c1.24.02,2.48-.18,3.65-.6.99-.37,1.88-.97,2.58-1.75.7-.81,1.21-1.77,1.49-2.81.33-1.22.5-2.48.48-3.75,0-2.71-.73-4.77-2.15-6.11-1.42-1.34-3.45-2.02-6.05-2.02"
            />
            <rect
              class="cls-2"
              x="71.69"
              y="60.43"
              width="2.84"
              height="17.04"
            />
            <path
              class="cls-2"
              d="M94.75,71.29c-.19.74-.52,1.44-.96,2.06-.43.6-1,1.09-1.65,1.44-1.52.73-3.3.73-4.82,0-.65-.35-1.22-.84-1.65-1.44-.44-.62-.77-1.32-.96-2.06-.41-1.54-.41-3.17,0-4.71.19-.74.52-1.44.96-2.06.43-.6,1-1.09,1.65-1.44.74-.38,1.57-.57,2.4-.54h.02c.83-.02,1.66.17,2.4.54.65.35,1.22.84,1.65,1.44.44.62.77,1.32.96,2.06.41,1.54.41,3.17,0,4.71M95.85,62.78c-.7-.84-1.58-1.52-2.57-1.99-2.27-.99-4.85-.99-7.12,0-.99.47-1.86,1.15-2.57,1.99-.69.84-1.21,1.81-1.54,2.85-.68,2.16-.68,4.48,0,6.64.32,1.04.84,2.01,1.54,2.85.7.84,1.58,1.52,2.57,1.98,1.12.51,2.33.76,3.56.73,1.23.02,2.44-.23,3.56-.73.99-.46,1.87-1.14,2.57-1.98.69-.84,1.21-1.81,1.54-2.85.68-2.16.68-4.48,0-6.65-.33-1.04-.85-2.01-1.54-2.85"
            />
            <polygon
              class="cls-2"
              points="111.36 62.49 109.13 62.49 109.13 67.5 104.13 67.5 104.13 69.73 109.13 69.73 109.13 74.75 111.36 74.75 111.36 69.73 116.36 69.73 116.36 67.5 111.36 67.5 111.36 62.49"
            />
            <polygon
              class="cls-2"
              points="129.09 73.98 124.62 60.44 121.58 60.44 127.49 77.24 127.56 77.47 130.51 77.47 136.57 60.44 133.59 60.44 129.09 73.98"
            />
            <rect
              class="cls-2"
              x="142.53"
              y="60.43"
              width="2.84"
              height="17.04"
            />
            <path
              class="cls-2"
              d="M164.62,68.86c.02.84-.08,1.67-.3,2.49-.16.6-.41,1.16-.75,1.68-.27.4-.61.76-1,1.04-.36.25-.74.45-1.15.59-.35.13-.72.21-1.09.26-.35.04-.64.06-.88.06h-3.29v-12.03s3.34,0,3.34,0c.82-.02,1.64.11,2.42.4.61.24,1.14.63,1.55,1.14.42.54.72,1.17.88,1.84.19.83.29,1.69.28,2.55M159.26,60.43h-5.95v17.04h5.95,0c1.24.02,2.48-.18,3.65-.6.99-.37,1.88-.97,2.58-1.75.7-.81,1.21-1.77,1.49-2.81.33-1.22.49-2.48.48-3.75,0-2.71-.73-4.77-2.15-6.11-1.42-1.34-3.45-2.02-6.05-2.02"
            />
            <path
              class="cls-2"
              d="M205.6,71.29c-.19.74-.52,1.44-.96,2.06-.43.6-1,1.09-1.65,1.44-1.52.73-3.3.73-4.82,0-.65-.35-1.22-.84-1.65-1.44-.44-.62-.77-1.32-.96-2.06-.41-1.54-.41-3.17,0-4.71.19-.74.52-1.44.96-2.06.43-.6,1-1.09,1.65-1.44.74-.38,1.57-.57,2.4-.54h.02c.83-.02,1.66.17,2.4.54.65.35,1.22.84,1.65,1.44.44.62.77,1.32.96,2.06.41,1.54.41,3.17,0,4.71M208.24,65.62c-.33-1.04-.85-2.01-1.54-2.85-.7-.84-1.58-1.52-2.56-1.99-2.27-.99-4.85-.99-7.12,0-.99.47-1.86,1.15-2.56,1.99-.69.84-1.21,1.81-1.54,2.85-.68,2.16-.68,4.48,0,6.65.33,1.04.85,2.01,1.54,2.85.7.84,1.58,1.52,2.57,1.98,1.12.51,2.33.76,3.56.73h0c1.23.02,2.44-.23,3.56-.74.99-.46,1.87-1.14,2.57-1.98.69-.84,1.21-1.81,1.54-2.85.67-2.16.67-4.48,0-6.64"
            />
            <polygon
              class="cls-2"
              points="177.22 69.96 185.73 69.96 185.73 67.47 177.22 67.47 177.22 62.93 186.34 62.93 186.34 60.43 174.38 60.43 174.38 77.47 186.41 77.47 186.41 74.96 177.22 74.96 177.22 69.96"
            />
          </g>
        </svg>
      </a>
    </div>

    <!-- Main Navigation -->
    <nav class="hidden desktop-nav mx-auto xl:flex lg:gap-x-4 xl:gap-x-6">
       
      <!-- Mega Menu Item -->
      <div class="nav-item" data-menu="menu-about">
        <a
          href="/about-us"
          class="nav-trigger cursor-pointer text-lg site-link flex items-center gap-x-1 hover:text-brand-red transition-colors duration-300"
        >
          About
          <svg
            class="size-5 flex-none"
            fill="none"
            stroke="currentColor"
            viewBox="0 0 24 24"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              d="M19 9l-7 7-7-7"
            ></path>
          </svg>
        </a>
      </div>
        
      <!-- Mega Menu Item -->
      <div class="nav-item" data-menu="menu-residential-menu">
        <a
          href="/residential"
          class="nav-trigger cursor-pointer text-lg site-link flex items-center gap-x-1 hover:text-brand-red transition-colors duration-300"
        >
          Residential
          <svg
            class="size-5 flex-none"
            fill="none"
            stroke="currentColor"
            viewBox="0 0 24 24"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              d="M19 9l-7 7-7-7"
            ></path>
          </svg>
        </a>
      </div>
        
      <!-- Mega Menu Item -->
      <div class="nav-item" data-menu="menu-commercial-menu">
        <a
          href="/commercial"
          class="nav-trigger cursor-pointer text-lg site-link flex items-center gap-x-1 hover:text-brand-red transition-colors duration-300"
        >
          Commercial
          <svg
            class="size-5 flex-none"
            fill="none"
            stroke="currentColor"
            viewBox="0 0 24 24"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              d="M19 9l-7 7-7-7"
            ></path>
          </svg>
        </a>
      </div>
        
      <!-- Mega Menu Item -->
      <div class="nav-item" data-menu="menu-locations-menu">
        <a
          href="/locations"
          class="nav-trigger cursor-pointer text-lg site-link flex items-center gap-x-1 hover:text-brand-red transition-colors duration-300"
        >
          Locations
          <svg
            class="size-5 flex-none"
            fill="none"
            stroke="currentColor"
            viewBox="0 0 24 24"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              d="M19 9l-7 7-7-7"
            ></path>
          </svg>
        </a>
      </div>
        
      <!-- Regular Navigation Item -->
      <a
        href="/work"
        class="site-link text-lg hover:text-brand-red transition-colors duration-300"
      >
        Work
      </a>
        
      <!-- Regular Navigation Item -->
      <a
        href="/support"
        class="site-link text-lg hover:text-brand-red transition-colors duration-300"
      >
        Support
      </a>
        
      <!-- Regular Navigation Item -->
      <a
        href="/resources"
        class="site-link text-lg hover:text-brand-red transition-colors duration-300"
      >
        Resources
      </a>
       
    </nav>

    <!-- Mobile Menu Button -->
    <div class="flex xl:hidden ml-auto">
      <button id="mobile-menu-toggle" type="button" class="hamburger">
        <span class="sr-only">Open main menu</span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="1.5"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="size-full"
        >
          <line x1="4" x2="20" y1="12" y2="12"></line>
          <line x1="4" x2="20" y1="6" y2="6"></line>
          <line x1="4" x2="20" y1="18" y2="18"></line>
        </svg>
      </button>
    </div>

    <!-- Mobile Menu -->
    <div
      id="mobile-menu"
      class="mobile-menu hidden fixed inset-0 z-[101] bg-white dark:bg-black text-black dark:text-white xl:hidden"
    >
      <!-- Header -->
      <header
        class="relative z-20 flex items-center justify-between px-4 py-6 bg-white"
      >
        <!-- Logo -->
        <a href="/" class="block shrink-0" aria-label="Home" title="Home">
          <svg
            id="site-logo"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 216 77.84"
            class="w-[130px] sm:w-[170px] h-auto block transition-all duration-300"
          >
            <g>
              <path
                fill="#414042"
                d="M150.3,41.88c-8,0-12.11-6.89-12.11-15.93s4.11-16,12.11-16,12.04,6.96,12.04,16-3.97,15.93-12.04,15.93M98.94,20.03c-7.45-1.66-11.28-2.5-11.28-5.98,0-2.78,2.85-4.66,7.17-4.66,4.59,0,7.51,2.16,8,5.98h11.96v13.15c-2.92-4.99-9.15-6.92-15.85-8.48M96.07,42.17c-5.91,0-9.18-2.09-9.74-7.1h-10.08c.04-.62.07-1.25.07-1.89v-12.88c2.44,6.43,9.83,8.51,16.9,10.17,6.82,1.68,10.85,2.51,10.85,6.48,0,3.76-3.97,5.22-8,5.22M203.96.96v23.59c0,1.74.14,7.72.14,7.72h-.14s-2.64-4.94-3.41-6.33L185.81.96h-12.38v15.5c-3.19-9.87-11.53-16.47-23.19-16.47s-19.94,6.61-23.13,16.48V.96h-12.32v13.43C113.84,4.63,105.68.06,95.24.06c-9.08,0-16.5,3.11-18.92,10.03V.96h-12.31v32.43c0,4.87-2.71,8.35-8.42,8.35-6.05,0-8.56-3.27-8.56-8.14V.96H0v49.74h12.31v-19.34h16.91v-9.95H12.31v-10.09h22.4v21.85h0c0,11.62,6.96,18.44,20.88,18.44,10.4,0,16.88-3.93,19.45-10.76,2.74,7.24,10.45,11.04,21.11,11.04,8.45,0,15.5-3.13,18.63-8.94v7.76h12.32v-15.29c3.19,9.87,11.52,16.47,23.14,16.47s19.99-6.6,23.18-16.46v15.28h12.04v-23.17c0-1.74-.14-8.14-.14-8.14h.14s2.71,5.36,3.55,6.68l14.61,24.63h12.38V.96h-12.04Z"
              />
              <path
                class="cls-2"
                d="M17.49,70.04h-4.6l2.32-6.39,2.28,6.39ZM16.68,60.43h-2.86l-6.63,17.04h2.94l1.83-4.93h6.47l1.79,4.93h3.12l-6.57-16.83-.08-.21Z"
              />
              <path
                class="cls-2"
                d="M39.93,71.22c0,1.37-.34,2.42-1,3.11-.66.69-1.65,1.03-2.94,1.03-1.37,0-2.43-.34-3.14-1.04-.71-.7-1.07-1.73-1.07-3.1v-10.79h-2.84v10.78c0,2.28.66,3.99,1.9,5.04,1.24,1.05,2.97,1.58,5.15,1.58s3.82-.55,5-1.66c1.18-1.11,1.78-2.78,1.78-4.95v-10.79h-2.84v10.79Z"
              />
              <path
                class="cls-2"
                d="M61.82,68.86c.02.84-.08,1.67-.3,2.49-.16.6-.41,1.16-.75,1.68-.27.4-.6.76-1,1.04-.36.25-.74.45-1.15.59-.35.13-.72.21-1.1.26-.35.04-.64.06-.88.06h-3.29v-12.03h3.34c.82-.02,1.65.11,2.42.4.61.24,1.14.63,1.55,1.14.42.54.72,1.17.88,1.85.2.83.29,1.69.28,2.54M56.48,60.43h-5.95v17.04h5.95,0c1.24.02,2.48-.18,3.65-.6.99-.37,1.88-.97,2.58-1.75.7-.81,1.21-1.77,1.49-2.81.33-1.22.5-2.48.48-3.75,0-2.71-.73-4.77-2.15-6.11-1.42-1.34-3.45-2.02-6.05-2.02"
              />
              <rect
                class="cls-2"
                x="71.69"
                y="60.43"
                width="2.84"
                height="17.04"
              />
              <path
                class="cls-2"
                d="M94.75,71.29c-.19.74-.52,1.44-.96,2.06-.43.6-1,1.09-1.65,1.44-1.52.73-3.3.73-4.82,0-.65-.35-1.22-.84-1.65-1.44-.44-.62-.77-1.32-.96-2.06-.41-1.54-.41-3.17,0-4.71.19-.74.52-1.44.96-2.06.43-.6,1-1.09,1.65-1.44.74-.38,1.57-.57,2.4-.54h.02c.83-.02,1.66.17,2.4.54.65.35,1.22.84,1.65,1.44.44.62.77,1.32.96,2.06.41,1.54.41,3.17,0,4.71M95.85,62.78c-.7-.84-1.58-1.52-2.57-1.99-2.27-.99-4.85-.99-7.12,0-.99.47-1.86,1.15-2.57,1.99-.69.84-1.21,1.81-1.54,2.85-.68,2.16-.68,4.48,0,6.64.32,1.04.84,2.01,1.54,2.85.7.84,1.58,1.52,2.57,1.98,1.12.51,2.33.76,3.56.73,1.23.02,2.44-.23,3.56-.73.99-.46,1.87-1.14,2.57-1.98.69-.84,1.21-1.81,1.54-2.85.68-2.16.68-4.48,0-6.65-.33-1.04-.85-2.01-1.54-2.85"
              />
              <polygon
                class="cls-2"
                points="111.36 62.49 109.13 62.49 109.13 67.5 104.13 67.5 104.13 69.73 109.13 69.73 109.13 74.75 111.36 74.75 111.36 69.73 116.36 69.73 116.36 67.5 111.36 67.5 111.36 62.49"
              />
              <polygon
                class="cls-2"
                points="129.09 73.98 124.62 60.44 121.58 60.44 127.49 77.24 127.56 77.47 130.51 77.47 136.57 60.44 133.59 60.44 129.09 73.98"
              />
              <rect
                class="cls-2"
                x="142.53"
                y="60.43"
                width="2.84"
                height="17.04"
              />
              <path
                class="cls-2"
                d="M164.62,68.86c.02.84-.08,1.67-.3,2.49-.16.6-.41,1.16-.75,1.68-.27.4-.61.76-1,1.04-.36.25-.74.45-1.15.59-.35.13-.72.21-1.09.26-.35.04-.64.06-.88.06h-3.29v-12.03s3.34,0,3.34,0c.82-.02,1.64.11,2.42.4.61.24,1.14.63,1.55,1.14.42.54.72,1.17.88,1.84.19.83.29,1.69.28,2.55M159.26,60.43h-5.95v17.04h5.95,0c1.24.02,2.48-.18,3.65-.6.99-.37,1.88-.97,2.58-1.75.7-.81,1.21-1.77,1.49-2.81.33-1.22.49-2.48.48-3.75,0-2.71-.73-4.77-2.15-6.11-1.42-1.34-3.45-2.02-6.05-2.02"
              />
              <path
                class="cls-2"
                d="M205.6,71.29c-.19.74-.52,1.44-.96,2.06-.43.6-1,1.09-1.65,1.44-1.52.73-3.3.73-4.82,0-.65-.35-1.22-.84-1.65-1.44-.44-.62-.77-1.32-.96-2.06-.41-1.54-.41-3.17,0-4.71.19-.74.52-1.44.96-2.06.43-.6,1-1.09,1.65-1.44.74-.38,1.57-.57,2.4-.54h.02c.83-.02,1.66.17,2.4.54.65.35,1.22.84,1.65,1.44.44.62.77,1.32.96,2.06.41,1.54.41,3.17,0,4.71M208.24,65.62c-.33-1.04-.85-2.01-1.54-2.85-.7-.84-1.58-1.52-2.56-1.99-2.27-.99-4.85-.99-7.12,0-.99.47-1.86,1.15-2.56,1.99-.69.84-1.21,1.81-1.54,2.85-.68,2.16-.68,4.48,0,6.65.33,1.04.85,2.01,1.54,2.85.7.84,1.58,1.52,2.57,1.98,1.12.51,2.33.76,3.56.73h0c1.23.02,2.44-.23,3.56-.74.99-.46,1.87-1.14,2.57-1.98.69-.84,1.21-1.81,1.54-2.85.67-2.16.67-4.48,0-6.64"
              />
              <polygon
                class="cls-2"
                points="177.22 69.96 185.73 69.96 185.73 67.47 177.22 67.47 177.22 62.93 186.34 62.93 186.34 60.43 174.38 60.43 174.38 77.47 186.41 77.47 186.41 74.96 177.22 74.96 177.22 69.96"
              />
            </g>
          </svg>
        </a>

        <!-- Back button -->
        <button
          id="mobile-menu-back"
          class="hidden items-center gap-1 text-sm font-medium text-brand-gray-dark absolute -bottom-[35px] left-[20px]"
        >
          <svg
            class="size-4"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 512 512"
          >
            <path
              fill="currentColor"
              d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L175 441c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L81.9 280 488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232 209 105c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z"
            />
          </svg>
          Back
        </button>

        <!-- Close button -->
        <button
          id="mobile-menu-close"
          class="w-8 h-8 flex items-center justify-center"
        >
          <svg
            class="size-6"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 384 512"
          >
            <path
              fill="currentColor"
              d="M7.5 105c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l151 151 151-151c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-151 151 151 151c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-151-151-151 151c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l151-151-151-151z"
            />
          </svg>
        </button>
      </header>

      <hr class="border-t border-gray-200 dark:border-gray-800" />

      <div class="mobile-menu-inner absolute inset-0 overflow-y-auto pt-24">
        <div class="relative h-full overflow-x-hidden">
          <div id="mobile-main-panel" class="mobile-panel p-6 space-y-4">
            <ul class="flex flex-col gap-4 text-lg font-medium">
               
              <li>
                <button
                  type="button"
                  class="inline-flex items-center justify-between w-full mobile-menu-link"
                  data-target="menu-about"
                >
                  About
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="w-5 h-5"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="1.5"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path d="m9 18 6-6-6-6"></path>
                  </svg>
                </button>
              </li>
                
              <li>
                <button
                  type="button"
                  class="inline-flex items-center justify-between w-full mobile-menu-link"
                  data-target="menu-residential-menu"
                >
                  Residential
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="w-5 h-5"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="1.5"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path d="m9 18 6-6-6-6"></path>
                  </svg>
                </button>
              </li>
                
              <li>
                <button
                  type="button"
                  class="inline-flex items-center justify-between w-full mobile-menu-link"
                  data-target="menu-commercial-menu"
                >
                  Commercial
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="w-5 h-5"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="1.5"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path d="m9 18 6-6-6-6"></path>
                  </svg>
                </button>
              </li>
                
              <li>
                <button
                  type="button"
                  class="inline-flex items-center justify-between w-full mobile-menu-link"
                  data-target="menu-locations-menu"
                >
                  Locations
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="w-5 h-5"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="1.5"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path d="m9 18 6-6-6-6"></path>
                  </svg>
                </button>
              </li>
                
              <li>
                <a href="/work" class="block hover:text-brand-red"
                  >Work</a
                >
              </li>
                
              <li>
                <a href="/support" class="block hover:text-brand-red"
                  >Support</a
                >
              </li>
                
              <li>
                <a href="/resources" class="block hover:text-brand-red"
                  >Resources</a
                >
              </li>
               
            </ul>

            <div class="flex items-center mt-6 text-lg font-medium">
              <a
                href="tel:864-271-4276"
                class="rounded-full mr-3 border border-gray-200 bg-white hover:bg-gray-50 focus:bg-gray-50 focus:ring-4 focus:ring-gray-200 transition duration-200 w-11 h-11 flex items-center justify-center"
              >
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20"
                  height="21"
                  viewbox="0 0 20 21"
                  fill="none"
                >
                  <path
                    d="M2 3.5C2 2.94772 2.44772 2.5 3 2.5H5.15287C5.64171 2.5 6.0589 2.85341 6.13927 3.3356L6.87858 7.77147C6.95075 8.20451 6.73206 8.63397 6.3394 8.8303L4.79126 9.60437C5.90756 12.3783 8.12168 14.5924 10.8956 15.7087L11.6697 14.1606C11.866 13.7679 12.2955 13.5492 12.7285 13.6214L17.1644 14.3607C17.6466 14.4411 18 14.8583 18 15.3471V17.5C18 18.0523 17.5523 18.5 17 18.5H15C7.8203 18.5 2 12.6797 2 5.5V3.5Z"
                    fill="#c1272d"
                  ></path>
                </svg>
              </a>
              <a
                href="tel:864-271-4276"
                class="transition duration-200 text-brand-red"
              >
                (864) 271-4276
              </a>
            </div>

            <div class="grid grid-cols-2 items-center gap-4 mt-6">
              <a
                href="https://payv3.xpress-pay.com/pt/39e952aa45a511eeb035005056a644f5"
                target="_blank"
                class="brand-button w-full text-center transparent"
              >
                Client Portal
              </a>
              <a href="/contact" class="brand-button w-full text-center">
                Contact
              </a>
            </div>
          </div>

          <!-- SECONDARY PANELS -->
           
          <div
            id="menu-about"
            class="mobile-panel secondary-panel px-6 pt-12 sm:pt-18 pb-8"
          >
            <p class="mb-2 text-2xl font-sans uppercase font-semibold">
              About
            </p>
            
            <p class="mb-6 text-gray-600 dark:text-gray-300">
              For over 20 years, Fusion Audio + Video has helped create connected environments that elevate everyday life and work. Our commitment is built on craftsmanship, client care, and responsive support.
<br /><a href="/about-us">Learn More</a>
            </p>
            

            <ul class="flex flex-col border-b border-gray-200">
              
              <li>
                <a
                  href="/about-us"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  About Us
                </a>
              </li>
              
              <li>
                <a
                  href="/about-us/our-process"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Our Process
                </a>
              </li>
              
              <li>
                <a
                  href="/about-us/careers"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Careers
                </a>
              </li>
              
            </ul>
          </div>
            
          <div
            id="menu-residential-menu"
            class="mobile-panel secondary-panel px-6 pt-12 sm:pt-18 pb-8"
          >
            <p class="mb-2 text-2xl font-sans uppercase font-semibold">
              Residential
            </p>
            
            <p class="mb-6 text-gray-600 dark:text-gray-300">
              Transform your home with smart lighting, audio, security, and entertainment solutions. Control your entire home with ease from your phone or touch panel, whether you’re relaxing, entertaining, or away.
<br /><a href="/residential">Learn More</a>
            </p>
            

            <ul class="flex flex-col border-b border-gray-200">
              
              <li>
                <a
                  href="/residential"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Overview
                </a>
              </li>
              
              <li>
                <a
                  href="/residential/smart-homes"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Smart Homes
                </a>
              </li>
              
              <li>
                <a
                  href="/residential/audio-video"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Audio & Video
                </a>
              </li>
              
              <li>
                <a
                  href="/residential/lighting-and-shading-control/"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Lighting & Shading
                </a>
              </li>
              
              <li>
                <a
                  href="/residential/home-theater"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Home Theater
                </a>
              </li>
              
              <li>
                <a
                  href="/residential/sports-simulators"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Sports Simulators
                </a>
              </li>
              
              <li>
                <a
                  href="/residential/outdoor-living"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Outdoor Living
                </a>
              </li>
              
            </ul>
          </div>
            
          <div
            id="menu-commercial-menu"
            class="mobile-panel secondary-panel px-6 pt-12 sm:pt-18 pb-8"
          >
            <p class="mb-2 text-2xl font-sans uppercase font-semibold">
              Commercial
            </p>
            
            <p class="mb-6 text-gray-600 dark:text-gray-300">
              Fusion Audio + Video delivers powerful commercial AV and automation solutions that make workplaces smarter, more secure, and more efficient. We design everything from lighting control and access systems to advanced conferencing and presentation technology.<br />
<a href="/commercial">Learn More</a>
            </p>
            

            <ul class="flex flex-col border-b border-gray-200">
              
              <li>
                <a
                  href="/commercial"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Overview
                </a>
              </li>
              
              <li>
                <a
                  href="/commercial/corporate"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Corporate
                </a>
              </li>
              
              <li>
                <a
                  href="/commercial/education"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Education
                </a>
              </li>
              
              <li>
                <a
                  href="/commercial/houses-of-worship"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Houses of Worship
                </a>
              </li>
              
              <li>
                <a
                  href="/commercial/hospitality-retail"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Hospitality & Retail
                </a>
              </li>
              
              <li>
                <a
                  href="/commercial/fitness-wellness"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Fitness & Wellness
                </a>
              </li>
              
            </ul>
          </div>
            
          <div
            id="menu-locations-menu"
            class="mobile-panel secondary-panel px-6 pt-12 sm:pt-18 pb-8"
          >
            <p class="mb-2 text-2xl font-sans uppercase font-semibold">
              Locations
            </p>
            
            <p class="mb-6 text-gray-600 dark:text-gray-300">
              With three in-person locations and a coverage area of the Upstate, Midlands, and Lowcountry, we bring a local feel to a state-wide coverage area. If you're in South Carolina or Western North Carolina, we can help you with your residential or commercial project.
            </p>
            

            <ul class="flex flex-col border-b border-gray-200">
              
              <li>
                <a
                  href="/locations/greenville-sc"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Greenville, SC
                </a>
              </li>
              
              <li>
                <a
                  href="/locations/asheville-nc"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Asheville, NC
                </a>
              </li>
              
              <li>
                <a
                  href="/locations/bluffton-sc"
                  class="block py-3 border-t border-gray-200 hover:text-brand-red"
                >
                  Bluffton, SC
                </a>
              </li>
              
            </ul>
          </div>
                 
        </div>
      </div>
    </div>

    <!-- Desktop Buttons -->
    <div class="hidden md:flex items-center gap-4 md:ml-4">
      <a
        href="https://payv3.xpress-pay.com/pt/39e952aa45a511eeb035005056a644f5"
        target="_blank"
        class="brand-button transparent"
      >
        Client Portal
      </a>
      <a href="/contact" class="brand-button"> Contact </a>
    </div>
  </div>

  <!-- Backdrop Container -->
  <div class="mega-menu-backdrop" id="mega-backdrop">
     
    <div class="mega-menu-panel" id="menu-about">
      <div
        class="relative w-full container-xl flex items-center gap-6 3xl:gap-16 pt-8 border-t border-gray-300"
      >
        <div
          class="hidden xl:w-[300px] shrink-0 md:block  "
        >
          
          <div class="mega-menu-description text-gray-600">
            For over 20 years, Fusion Audio + Video has helped create connected environments that elevate everyday life and work. Our commitment is built on craftsmanship, client care, and responsive support.
<br /><a href="/about-us">Learn More</a>
          </div>
          
        </div>

        <div class="flex flex-nowrap min-w-0 gap-4 3xl:gap-8">
           
          <a
            href="/about-us"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/menu-team.jpg"
              alt="Fusion team outdoors"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              About Us
            </p>
          </a>
            
          <a
            href="/about-us/our-process"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/pages/step1.jpg"
              alt="Consult talking with a couple"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Our Process
            </p>
          </a>
            
          <a
            href="/about-us/careers"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/menu-blinds-installer.jpg"
              alt="Blinds Installer"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Careers
            </p>
          </a>
           
        </div>

        <!-- Simple list of links for items that do NOT have a mega menu image -->
        <!-- <div class="shrink-0 min-w-fit">
          <ul class="link-list whitespace-nowrap">
                  
          </ul>
        </div> -->
      </div>
    </div>
      
    <div class="mega-menu-panel" id="menu-residential-menu">
      <div
        class="relative w-full container-xl flex items-center gap-6 3xl:gap-16 pt-8 border-t border-gray-300"
      >
        <div
          class="hidden xl:w-[300px] shrink-0 md:block  "
        >
          
          <div class="mega-menu-description text-gray-600">
            Transform your home with smart lighting, audio, security, and entertainment solutions. Control your entire home with ease from your phone or touch panel, whether you’re relaxing, entertaining, or away.
<br /><a href="/residential">Learn More</a>
          </div>
          
        </div>

        <div class="flex flex-nowrap min-w-0 gap-4 3xl:gap-8">
             
          <a
            href="/residential/smart-homes"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/generic-smart-home.jpg"
              alt="Image of a smart home"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Smart Homes
            </p>
          </a>
            
          <a
            href="/residential/audio-video"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/pages/greenville-13_compressed.jpg"
              alt="TV and Speaker setup in a family room"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Audio & Video
            </p>
          </a>
            
          <a
            href="/residential/lighting-and-shading-control/"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/menu_house_lighting.jpg"
              alt="House with nice lighting"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Lighting & Shading
            </p>
          </a>
            
          <a
            href="/residential/home-theater"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/portfolio/starry-night.jpg"
              alt="Home theatre with black recliner chairs"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Home Theater
            </p>
          </a>
            
          <a
            href="/residential/sports-simulators"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/golf_menu.jpg"
              alt="Golf simulator on large screen"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Sports Simulators
            </p>
          </a>
            
          <a
            href="/residential/outdoor-living"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/menu_outdoor.jpg"
              alt="Outdoor pool and stone patio"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Outdoor Living
            </p>
          </a>
           
        </div>

        <!-- Simple list of links for items that do NOT have a mega menu image -->
        <!-- <div class="shrink-0 min-w-fit">
          <ul class="link-list whitespace-nowrap">
             
            <li class="py-1">
              <a href="/residential" class="site-link">Overview</a>
            </li>
                         
          </ul>
        </div> -->
      </div>
    </div>
      
    <div class="mega-menu-panel" id="menu-commercial-menu">
      <div
        class="relative w-full container-xl flex items-center gap-6 3xl:gap-16 pt-8 border-t border-gray-300"
      >
        <div
          class="hidden xl:w-[300px] shrink-0 md:block  "
        >
          
          <div class="mega-menu-description text-gray-600">
            Fusion Audio + Video delivers powerful commercial AV and automation solutions that make workplaces smarter, more secure, and more efficient. We design everything from lighting control and access systems to advanced conferencing and presentation technology.<br />
<a href="/commercial">Learn More</a>
          </div>
          
        </div>

        <div class="flex flex-nowrap min-w-0 gap-4 3xl:gap-8">
             
          <a
            href="/commercial/corporate"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/bellweather.webp"
              alt="Bellweather restaurant interior"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Corporate
            </p>
          </a>
            
          <a
            href="/commercial/education"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/education.webp"
              alt="Library with tables"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Education
            </p>
          </a>
            
          <a
            href="/commercial/houses-of-worship"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/menu_church.jpg"
              alt="Church sanctuary with long center aisle"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Houses of Worship
            </p>
          </a>
            
          <a
            href="/commercial/hospitality-retail"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/hospitality_menu.jpg"
              alt="Upscale restaurant"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Hospitality & Retail
            </p>
          </a>
            
          <a
            href="/commercial/fitness-wellness"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/modern-gym-fusion.jpg"
              alt="Gym with modern equipment and neon lights"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Fitness & Wellness
            </p>
          </a>
           
        </div>

        <!-- Simple list of links for items that do NOT have a mega menu image -->
        <!-- <div class="shrink-0 min-w-fit">
          <ul class="link-list whitespace-nowrap">
             
            <li class="py-1">
              <a href="/commercial" class="site-link">Overview</a>
            </li>
                       
          </ul>
        </div> -->
      </div>
    </div>
      
    <div class="mega-menu-panel" id="menu-locations-menu">
      <div
        class="relative w-full container-xl flex items-center gap-6 3xl:gap-16 pt-8 border-t border-gray-300"
      >
        <div
          class="hidden xl:w-[300px] shrink-0 md:block  "
        >
          
          <div class="mega-menu-description text-gray-600">
            With three in-person locations and a coverage area of the Upstate, Midlands, and Lowcountry, we bring a local feel to a state-wide coverage area. If you're in South Carolina or Western North Carolina, we can help you with your residential or commercial project.
          </div>
          
        </div>

        <div class="flex flex-nowrap min-w-0 gap-4 3xl:gap-8">
           
          <a
            href="/locations/greenville-sc"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/greenville_menu.jpg"
              alt="Falls Park in Greenville, SC"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Greenville, SC
            </p>
          </a>
            
          <a
            href="/locations/asheville-nc"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/asheville_menu.jpg"
              alt="Asheville landscape with mountains and trees"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Asheville, NC
            </p>
          </a>
            
          <a
            href="/locations/bluffton-sc"
            class="group/imageLink relative flex w-52 min-w-24 max-w-52 shrink aspect-square items-end overflow-hidden rounded-lg py-1 px-2 xl:w-56 xl:min-w-28 3xl:p-5 3xl:w-64 3xl:min-w-32"
          >
            
            <img
              src="https://fusionavmedia.s3.amazonaws.com/megamenu/bluffton_menu.jpg"
              alt="Church surrounded by palm trees"
              loading="lazy"
              class="size-full absolute inset-0 object-cover transition-transform duration-500 group-hover/imageLink:scale-110 rounded-lg"
            />
            

            <!-- <div
              class="absolute inset-0 size-full bg-gradient-to-b from-[#2a4562]/10 to-[#2a4562]/100"
            ></div> -->

            <p
              class="menu-image-title text-sm font-sans text-white 2xl:text-lg"
            >
              Bluffton, SC
            </p>
          </a>
           
        </div>

        <!-- Simple list of links for items that do NOT have a mega menu image -->
        <!-- <div class="shrink-0 min-w-fit">
          <ul class="link-list whitespace-nowrap">
                  
          </ul>
        </div> -->
      </div>
    </div>
           
  </div>
</header>

<script>
  document.addEventListener("DOMContentLoaded", () => {
    const navItems = document.querySelectorAll(".nav-item[data-menu]");
    const backdrop = document.querySelector(".mega-menu-backdrop");
    const panels = backdrop.querySelectorAll(".mega-menu-panel");
    const header = document.querySelector(".header");
    const body = document.body;
    let activePanel = null;

    // === Mega menu logic ===
    navItems.forEach(item => {
      const menuId = item.dataset.menu;
      const panel = backdrop.querySelector(`#${menuId}`);

      item.addEventListener("mouseenter", () => openPanel(panel));
      item.addEventListener("focusin", () => openPanel(panel));
    });

    // Close mega menu when hovering over regular nav links (without dropdowns)
    const regularNavLinks = document.querySelectorAll(
      ".desktop-nav a.site-link"
    );
    regularNavLinks.forEach(link => {
      // Check if this link is NOT inside a nav-item (i.e., it's a regular link)
      if (!link.closest(".nav-item")) {
        link.addEventListener("mouseenter", () => closePanel());
      }
    });

    header.addEventListener("mouseleave", e => {
      // Only close if we're not moving into the backdrop
      if (!e.relatedTarget || !backdrop.contains(e.relatedTarget)) {
        closePanel();
      }
    });

    backdrop.addEventListener("mouseleave", e => {
      // Close when leaving the backdrop unless returning to a nav item
      if (!e.relatedTarget || !header.contains(e.relatedTarget)) {
        closePanel();
      }
    });

    document.addEventListener("keydown", e => {
      if (e.key === "Escape") closePanel();
    });

    function openPanel(panel) {
      if (!panel) return;

      closePanel();
      backdrop.classList.add("active");
      panel.classList.add("active");
      header.classList.add("mega-menu-active");
      activePanel = panel;
    }

    function closePanel() {
      panels.forEach(p => p.classList.remove("active"));
      backdrop.classList.remove("active");
      header.classList.remove("mega-menu-active");
      activePanel = null;
    }

    // === Scroll behavior ===
    const SCROLL_THRESHOLD = 100;
    function handleScroll() {
      const scrolled = window.scrollY > SCROLL_THRESHOLD;
      if (scrolled) {
        header.setAttribute("data-scrolled", "true");
        body.classList.add("scrolled");
      } else {
        header.removeAttribute("data-scrolled");
        body.classList.remove("scrolled");
      }
    }
    handleScroll();
    window.addEventListener("scroll", handleScroll);

    // === Dark Mode ===
    // const toggleButton = document.querySelector("[data-theme-toggle]");
    // const html = document.documentElement;
    // const DARK_CLASS = "dark";
    // const THEME_KEY = "theme";
    // const storedTheme = localStorage.getItem(THEME_KEY);
    // const systemPrefersDark = window.matchMedia(
    //   "(prefers-color-scheme: dark)"
    // ).matches;
    // let isDark = storedTheme === "dark" || (!storedTheme && systemPrefersDark);
    // setTheme(isDark);
    // toggleButton?.addEventListener("click", () => {
    //   isDark = !isDark;
    //   setTheme(isDark);
    //   localStorage.setItem(THEME_KEY, isDark ? "dark" : "light");
    // });
    // function setTheme(dark) {
    //   if (dark) {
    //     html.classList.add(DARK_CLASS);
    //     toggleButton?.setAttribute("data-theme", "dark");
    //   } else {
    //     html.classList.remove(DARK_CLASS);
    //     toggleButton?.setAttribute("data-theme", "light");
    //   }
    // }

    const menu = document.getElementById("mobile-menu");
    const toggle = document.getElementById("mobile-menu-toggle");
    const closeBtn = document.getElementById("mobile-menu-close");
    const backBtn = document.getElementById("mobile-menu-back");
    const mainPanel = document.getElementById("mobile-main-panel");
    const linksWithChildren = document.querySelectorAll(".mobile-menu-link");
    let currentSubPanel = null;

    // === Open Menu ===
    toggle.addEventListener("click", () => {
      menu.classList.add("active");
      menu.classList.remove("hidden");
      document.body.classList.add("overflow-hidden", "mobile-menu-open");
    });

    // === Close Menu ===
    closeBtn.addEventListener("click", closeMenu);

    function closeMenu() {
      menu.classList.remove("active");
      document.body.classList.remove("overflow-hidden", "mobile-menu-open");
      setTimeout(() => menu.classList.add("hidden"), 250);
      closeCurrentSubPanel();
    }

    // === Open Sub Panel ===
    linksWithChildren.forEach(link => {
      link.addEventListener("click", e => {
        const targetId = link.dataset.target;
        const targetPanel = document.getElementById(targetId);
        if (targetPanel) {
          currentSubPanel = targetPanel;
          mainPanel.classList.add("slide-out-left");
          targetPanel.classList.add("active");
          backBtn.classList.remove("hidden");
          backBtn.style.display = "flex";
        }
      });
    });

    // === Back to Main Panel ===
    backBtn.addEventListener("click", () => {
      closeCurrentSubPanel();
    });

    function closeCurrentSubPanel() {
      if (currentSubPanel) {
        currentSubPanel.classList.remove("active");
        mainPanel.classList.remove("slide-out-left");
        currentSubPanel = null;
        backBtn.style.display = "none";
      }
    }

    // === ESC Key closes menu ===
    document.addEventListener("keydown", e => {
      if (e.key === "Escape" && menu.classList.contains("active")) {
        closeMenu();
      }
    });
  });
</script>


    <main class="main-content"><article class="container-xl mx-auto px-4 py-12 pt-24 md:pt-36">
  <div class="lg:grid lg:grid-cols-12 lg:gap-12 lg:items-start">
    <div class="lg:col-span-8">
      <header class="mb-8">
        <h1
          data-aos="fade-up"
          data-aos-delay="100"
          data-aos-duration="800"
          class="font-headline text-4xl md:text-6xl md:max-w-4xl mb-6"
        >
          Experience the Best in Smart Home Installations Near You
        </h1>

        <div
          data-aos="fade-up"
          data-aos-delay="200"
          data-aos-duration="800"
          class="flex flex-wrap items-center gap-x-4 gap-y-2 text-gray-600 dark:text-gray-400 mb-6"
        >
          
          <span>August 27, 2024</span>
          
          <span
            >in
            
            <a
              href="/blog/categories/smart-home-systems"
              class="hover:text-brand-red hover:underline"
              >Smart Home Systems</a
            > 
          </span>
          
        </div>

        
        <div
          data-aos="fade-up"
          data-aos-delay="300"
          data-aos-duration="800"
          class="mb-8"
        >
          <img
            src="https://fusionavmedia.s3.amazonaws.com/blog/experience-the-best-in-smart-ho_3dffb5195834e6022b682a4f3427d321.jpg"
            alt="Experience the Best in Smart Home Installations Near You"
            loading="lazy"
            class="w-full h-auto rounded-lg shadow-lg"
          />
        </div>
        
      </header>

      <div
        data-aos="fade-in"
        data-aos-delay="400"
        data-aos-duration="800"
        class="prose prose-lg lg:prose-xl dark:prose-invert max-w-none"
      >
        <p>The Benefits of Working with a Professional Smart Home Installation Provider</p><p><img src="https://fusionavmedia.s3.amazonaws.com/blog/experience-the-best-in-smart-ho_3dffb5195834e6022b682a4f3427d321.jpg" alt="Experience the Best in Smart Home Installations Near You"></p><p>With DIY projects trending in the smart home sphere, you may find yourself looking up “Smart home installation near me,” only to decide you can do it on your own. If you’re only looking to integrate a few smart light bulbs and a door lock, you may very well be able to install these devices yourself.</p><p>The problem with this piecemeal approach is that, as the number of connected devices grows, so do the apps that control them. This disjointed affair is a far cry from the automated smart home in which all devices work together seamlessly, communicating with the home automation platform and each other.</p><p>Here, we’ll explore Control4, a leading home automation system, and discuss why it’s essential to work with an integrator for your Greenville, SC, project.</p><p>SEE ALSO: Why Choose Ketra Over Other Home Lighting Control Solutions?</p><h2>Seamless Integration</h2><p>Developing a successful smart home requires integrating multiple intelligent systems with the platform. Control4 is an open platform, which means it works with tens of thousands of third-party devices. In the hands of a skilled integrator, your smart home controls virtually every connected device in your home, and you manage them all from one intuitive interface.</p><p>From a doorbell camera to a security system, lighting, shades, pool, spa, entertainment, and more, everything is controlled effortlessly.</p><h2>Knowing Your Home Network</h2><p>If the home automation platform is the brains behind your smart home, then your home network is the backbone. A robust connection that extends to every corner of your property is essential, ensuring that your smart systems remain in communication. When your shades automatically close to reduce solar heat gain, the lights brighten. There are no video lags or glitches when you’re on a conference call at the same time your kids are playing Fortnite.</p><p>An enterprise-grade home network provides reliable, secure coverage, ensuring your smart home works as you want it to, when you want it to, now and far into the future. At Fusion Audio + Video, our home network and automation experts lay a solid, secure foundation you can count on.</p><h2>A Customized Smart Home</h2><p>The true makings of a smart home lie in customization. It involves programming your home automation system to meet your needs and expectations while aligning with your lifestyle. For instance, when you press the ‘Entertain’ button on an elegant keypad, your lights may transition to golden candlelight while your ‘Party’ playlist streams in breathtaking clarity through in-ceiling speakers. Outdoors, the landscape lights brighten, welcoming your guests in colors harmonizing with the season.</p><p>Are you ready to create the smart home of your dreams? As a home automation and technology integrator, our team at Fusion Audio + Video is excited to share the possibilities of a system that works best for your specific needs and preferences. The end goal is to create a smart home that elevates your everyday living in ways once unimaginable. To learn more about a smart home installation or to schedule a complimentary consultation, contact Fusion Audio + Video today.</p>
      </div>

      

      <div class="mt-12 flex justify-center gap-2 lg:justify-start">
        <a
          href="/blog"
          class="text-brand-red flex items-center gap-2 hover:underline"
          ><svg
            class="w-auto h-4"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 576 512"
          >
            <path
              fill="currentColor"
              d="M4.7 244.7c-6.2 6.2-6.2 16.4 0 22.6l144 144c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L54.6 272 560 272c8.8 0 16-7.2 16-16s-7.2-16-16-16L54.6 240 171.3 123.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0l-144 144z"
            />
          </svg>
          Back to the Blog
        </a>
      </div>
    </div>

    <div class="hidden lg:block lg:col-span-4">
      <div class="sticky top-32">
        <aside class="blog-categories-sidebar" aria-labelledby="blog-categories-heading">
  <div class="rounded-lg bg-gray-50 dark:bg-gray-900 p-6 shadow-sm">
    <h2
      id="blog-categories-heading"
      class="font-headline text-xl mb-4 text-brand-gray-dark dark:text-white"
    >
      Explore by Topic
    </h2>

    <nav aria-label="Blog categories">
      <ul class="space-y-1">
        
          
          
          
            
          
          <li>
            <a
              href="/categories/commercial-audio-visual-installation"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Commercial Audio Visual Installation
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Transform your business space with professional commercial audio-visual installations. Custom AV solutions designed for seamless collaboration and impact.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/golf-simulator-installation"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Golf Simulator Installation
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Bring the fairway home. Professional golf simulator installation for residences and commercial spaces. Custom designs, top tracking tech, and seamless integration.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/home-theater-systems"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Home Theater and Sound Systems
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Bring the cinema experience home. Professional home theater and sound system installation, custom-designed for stunning visuals and pristine audio.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/lighting-design"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Lighting Design
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Transform your space with professional lighting design. Custom, energy-efficient solutions crafted to enhance ambiance, architecture, and daily living.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/outdoor-audio-video"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Outdoor Audio Video
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Transform your backyard into an entertainment oasis. Professional installation for weatherproof outdoor TVs, patio sound systems, and landscape audio.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/security-systems"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Security Systems
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Protect what matters most. Professional security system installation, featuring smart surveillance, access control, and 24/7 monitoring for total peace of mind.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/smart-home-systems"
              class="group block rounded-md px-3 py-2 -mx-3 transition bg-white dark:bg-gray-800 ring-1 ring-brand-red"
              aria-current="page"
            >
              <span
                class="font-medium transition text-brand-red"
              >
                Smart Home Systems
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Experience the ultimate in convenience. Professional smart home system installation, seamlessly integrating lighting, climate, security, and audio-video.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/the-latest-n"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                The Latest in Audio Visual Tools
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Stay ahead of the curve. Discover the latest in audio-visual tools, cutting-edge technology, and innovative gear transforming home and commercial spaces.
                </span>
              
            </a>
          </li>
        
      </ul>
    </nav>
  </div>
</aside>

      </div>
    </div>
  </div>

  <div class="mt-12 lg:hidden">
    <aside class="blog-categories-sidebar" aria-labelledby="blog-categories-heading">
  <div class="rounded-lg bg-gray-50 dark:bg-gray-900 p-6 shadow-sm">
    <h2
      id="blog-categories-heading"
      class="font-headline text-xl mb-4 text-brand-gray-dark dark:text-white"
    >
      Explore by Topic
    </h2>

    <nav aria-label="Blog categories">
      <ul class="space-y-1">
        
          
          
          
            
          
          <li>
            <a
              href="/categories/commercial-audio-visual-installation"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Commercial Audio Visual Installation
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Transform your business space with professional commercial audio-visual installations. Custom AV solutions designed for seamless collaboration and impact.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/golf-simulator-installation"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Golf Simulator Installation
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Bring the fairway home. Professional golf simulator installation for residences and commercial spaces. Custom designs, top tracking tech, and seamless integration.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/home-theater-systems"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Home Theater and Sound Systems
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Bring the cinema experience home. Professional home theater and sound system installation, custom-designed for stunning visuals and pristine audio.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/lighting-design"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Lighting Design
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Transform your space with professional lighting design. Custom, energy-efficient solutions crafted to enhance ambiance, architecture, and daily living.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/outdoor-audio-video"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Outdoor Audio Video
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Transform your backyard into an entertainment oasis. Professional installation for weatherproof outdoor TVs, patio sound systems, and landscape audio.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/security-systems"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                Security Systems
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Protect what matters most. Professional security system installation, featuring smart surveillance, access control, and 24/7 monitoring for total peace of mind.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/smart-home-systems"
              class="group block rounded-md px-3 py-2 -mx-3 transition bg-white dark:bg-gray-800 ring-1 ring-brand-red"
              aria-current="page"
            >
              <span
                class="font-medium transition text-brand-red"
              >
                Smart Home Systems
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Experience the ultimate in convenience. Professional smart home system installation, seamlessly integrating lighting, climate, security, and audio-video.
                </span>
              
            </a>
          </li>
        
          
          
          
            
          
          <li>
            <a
              href="/categories/the-latest-n"
              class="group block rounded-md px-3 py-2 -mx-3 transition hover:bg-white dark:hover:bg-gray-800"
              
            >
              <span
                class="font-medium transition text-brand-gray-dark dark:text-gray-200 group-hover:text-brand-red"
              >
                The Latest in Audio Visual Tools
              </span>
              
                <span class="block text-sm text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2">
                  Stay ahead of the curve. Discover the latest in audio-visual tools, cutting-edge technology, and innovative gear transforming home and commercial spaces.
                </span>
              
            </a>
          </li>
        
      </ul>
    </nav>
  </div>
</aside>

  </div>
</article>
</main>

    <!--  -->

<footer class="bg-gray-100 dark:bg-black pt-12">
  <div class="container-xl">
    <!-- Newsletter Section (Mailchimp) -->
    <div
      id="mc_embed_signup"
      class="mb-16 flex flex-col items-start justify-between gap-6 border-b border-gray-300 pb-12 md:flex-row md:items-center"
    >
      <p
        class="text-xl sm:text-3xl font-bold uppercase text-brand-gray-dark dark:text-white md:text-4xl"
      >
        Subscribe to the Fusion Newsletter
      </p>
      <form
        action="https://fusionaudiovideo.us15.list-manage.com/subscribe/post?u=83a0ddd99fd05ba395a028f11&amp;id=b65fc3e028&amp;f_id=0046b9e0f0"
        method="post"
        id="mc-embedded-subscribe-form"
        name="mc-embedded-subscribe-form"
        class="validate flex flex-col w-full max-w-2xl gap-0"
        target="_self"
        novalidate
      >
        <div class="flex w-full max-w-2xl gap-0">
          <input
            type="email"
            name="EMAIL"
            id="mce-EMAIL"
            placeholder="Your Email"
            required
            class="flex-1 border border-gray-300 bg-white rounded-l-lg px-6 py-4 text-gray-600 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-black"
          />
          <input
            type="submit"
            name="subscribe"
            id="mc-embedded-subscribe"
            value="Subscribe"
            class="bg-black px-4 md:px-8 py-4 rounded-r-lg font-semibold text-white transition hover:bg-gray-800 cursor-pointer"
          />
        </div>
        <div id="mce-responses" class="mt-2 w-full max-w-2xl">
          <div
            id="mce-error-response"
            class="response text-red-600 text-sm"
            style="display: none"
          ></div>
          <div
            id="mce-success-response"
            class="response text-green-600 text-sm"
            style="display: none"
          ></div>
        </div>
        
        <div aria-hidden="true" style="position: absolute; left: -5000px">
          <input
            type="text"
            name="b_83a0ddd99fd05ba395a028f11_b65fc3e028"
            tabindex="-1"
            value=""
          />
        </div>
      </form>
    </div>
  </div>

  <!-- Footer Content -->
  <div
    class="relative overflow-hidden container-xl mb-12 grid grid-cols-1 gap-12 md:grid-cols-4"
  >
    <!-- Big opaque logo in the background -->
    <svg
      class="hidden md:block absolute top-0 mx-auto h-full opacity-3 inset-0"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 216 51.9"
    >
      <path
        fill="#010101"
        d="M150.3,41.88c-8,0-12.11-6.89-12.11-15.93s4.11-16,12.11-16,12.04,6.96,12.04,16-3.97,15.93-12.04,15.93M98.94,20.03c-7.45-1.66-11.28-2.5-11.28-5.98,0-2.78,2.85-4.66,7.17-4.66,4.59,0,7.51,2.16,8,5.98h11.96v13.15c-2.92-4.99-9.15-6.92-15.85-8.48M96.07,42.17c-5.91,0-9.18-2.09-9.74-7.1h-10.08c.04-.62.07-1.25.07-1.89v-12.88c2.44,6.43,9.83,8.51,16.9,10.17,6.82,1.68,10.85,2.51,10.85,6.48,0,3.76-3.97,5.22-8,5.22M203.96.96v23.59c0,1.74.14,7.72.14,7.72h-.14s-2.64-4.94-3.41-6.33L185.81.96h-12.38v15.5c-3.19-9.87-11.53-16.47-23.19-16.47s-19.94,6.61-23.13,16.48V.96h-12.32v13.43C113.84,4.63,105.68.06,95.24.06c-9.08,0-16.5,3.11-18.92,10.03V.96h-12.31v32.43c0,4.87-2.71,8.35-8.42,8.35-6.05,0-8.56-3.27-8.56-8.14V.96H0v49.74h12.31v-19.34h16.91v-9.95H12.31v-10.09h22.4v21.85h0c0,11.62,6.96,18.44,20.88,18.44,10.4,0,16.88-3.93,19.45-10.76,2.74,7.24,10.45,11.04,21.11,11.04,8.45,0,15.5-3.13,18.63-8.94v7.76h12.32v-15.29c3.19,9.87,11.52,16.47,23.14,16.47s19.99-6.6,23.18-16.46v15.28h12.04v-23.17c0-1.74-.14-8.14-.14-8.14h.14s2.71,5.36,3.55,6.68l14.61,24.63h12.38V.96h-12.04Z"
      />
    </svg>
    <!-- Brand Column -->
    <div class="">
      <a
        href="/"
        class="block w-full"
        aria-label="Fusion Audio Video"
        title="Fusion Audio Video"
      >
        <span class="sr-only">Fusion Audio Video</span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 216 77.84"
          class="footer-logo w-[70%] sm:w-[170px] h-auto block transition-all duration-300"
        >
          <g id="Layer_1-2">
            <path
              class="cls-1 fill-brand-gray-dark dark:fill-white"
              d="M150.3,41.88c-8,0-12.11-6.89-12.11-15.93s4.11-16,12.11-16,12.04,6.96,12.04,16-3.97,15.93-12.04,15.93M98.94,20.03c-7.45-1.66-11.28-2.5-11.28-5.98,0-2.78,2.85-4.66,7.17-4.66,4.59,0,7.51,2.16,8,5.98h11.96v13.15c-2.92-4.99-9.15-6.92-15.85-8.48M96.07,42.17c-5.91,0-9.18-2.09-9.74-7.1h-10.08c.04-.62.07-1.25.07-1.89v-12.88c2.44,6.43,9.83,8.51,16.9,10.17,6.82,1.68,10.85,2.51,10.85,6.48,0,3.76-3.97,5.22-8,5.22M203.96.96v23.59c0,1.74.14,7.72.14,7.72h-.14s-2.64-4.94-3.41-6.33L185.81.96h-12.38v15.5c-3.19-9.87-11.53-16.47-23.19-16.47s-19.94,6.61-23.13,16.48V.96h-12.32v13.43C113.84,4.63,105.68.06,95.24.06c-9.08,0-16.5,3.11-18.92,10.03V.96h-12.31v32.43c0,4.87-2.71,8.35-8.42,8.35-6.05,0-8.56-3.27-8.56-8.14V.96H0v49.74h12.31v-19.34h16.91v-9.95H12.31v-10.09h22.4v21.85h0c0,11.62,6.96,18.44,20.88,18.44,10.4,0,16.88-3.93,19.45-10.76,2.74,7.24,10.45,11.04,21.11,11.04,8.45,0,15.5-3.13,18.63-8.94v7.76h12.32v-15.29c3.19,9.87,11.52,16.47,23.14,16.47s19.99-6.6,23.18-16.46v15.28h12.04v-23.17c0-1.74-.14-8.14-.14-8.14h.14s2.71,5.36,3.55,6.68l14.61,24.63h12.38V.96h-12.04Z"
            />
            <path
              class="cls-2 fill-brand-red"
              d="M17.49,70.04h-4.6l2.32-6.39,2.28,6.39ZM16.68,60.43h-2.86l-6.63,17.04h2.94l1.83-4.93h6.47l1.79,4.93h3.12l-6.57-16.83-.08-.21Z"
            />
            <path
              class="cls-2 fill-brand-red"
              d="M39.93,71.22c0,1.37-.34,2.42-1,3.11-.66.69-1.65,1.03-2.94,1.03-1.37,0-2.43-.34-3.14-1.04-.71-.7-1.07-1.73-1.07-3.1v-10.79h-2.84v10.78c0,2.28.66,3.99,1.9,5.04,1.24,1.05,2.97,1.58,5.15,1.58s3.82-.55,5-1.66c1.18-1.11,1.78-2.78,1.78-4.95v-10.79h-2.84v10.79Z"
            />
            <path
              class="cls-2 fill-brand-red"
              d="M61.82,68.86c.02.84-.08,1.67-.3,2.49-.16.6-.41,1.16-.75,1.68-.27.4-.6.76-1,1.04-.36.25-.74.45-1.15.59-.35.13-.72.21-1.1.26-.35.04-.64.06-.88.06h-3.29v-12.03h3.34c.82-.02,1.65.11,2.42.4.61.24,1.14.63,1.55,1.14.42.54.72,1.17.88,1.85.2.83.29,1.69.28,2.54M56.48,60.43h-5.95v17.04h5.95,0c1.24.02,2.48-.18,3.65-.6.99-.37,1.88-.97,2.58-1.75.7-.81,1.21-1.77,1.49-2.81.33-1.22.5-2.48.48-3.75,0-2.71-.73-4.77-2.15-6.11-1.42-1.34-3.45-2.02-6.05-2.02"
            />
            <rect
              class="cls-2 fill-brand-red"
              x="71.69"
              y="60.43"
              width="2.84"
              height="17.04"
            />
            <path
              class="cls-2 fill-brand-red"
              d="M94.75,71.29c-.19.74-.52,1.44-.96,2.06-.43.6-1,1.09-1.65,1.44-1.52.73-3.3.73-4.82,0-.65-.35-1.22-.84-1.65-1.44-.44-.62-.77-1.32-.96-2.06-.41-1.54-.41-3.17,0-4.71.19-.74.52-1.44.96-2.06.43-.6,1-1.09,1.65-1.44.74-.38,1.57-.57,2.4-.54h.02c.83-.02,1.66.17,2.4.54.65.35,1.22.84,1.65,1.44.44.62.77,1.32.96,2.06.41,1.54.41,3.17,0,4.71M95.85,62.78c-.7-.84-1.58-1.52-2.57-1.99-2.27-.99-4.85-.99-7.12,0-.99.47-1.86,1.15-2.57,1.99-.69.84-1.21,1.81-1.54,2.85-.68,2.16-.68,4.48,0,6.64.32,1.04.84,2.01,1.54,2.85.7.84,1.58,1.52,2.57,1.98,1.12.51,2.33.76,3.56.73,1.23.02,2.44-.23,3.56-.73.99-.46,1.87-1.14,2.57-1.98.69-.84,1.21-1.81,1.54-2.85.68-2.16.68-4.48,0-6.65-.33-1.04-.85-2.01-1.54-2.85"
            />
            <polygon
              class="cls-2 fill-brand-red"
              points="111.36 62.49 109.13 62.49 109.13 67.5 104.13 67.5 104.13 69.73 109.13 69.73 109.13 74.75 111.36 74.75 111.36 69.73 116.36 69.73 116.36 67.5 111.36 67.5 111.36 62.49"
            />
            <polygon
              class="cls-2 fill-brand-red"
              points="129.09 73.98 124.62 60.44 121.58 60.44 127.49 77.24 127.56 77.47 130.51 77.47 136.57 60.44 133.59 60.44 129.09 73.98"
            />
            <rect
              class="cls-2 fill-brand-red"
              x="142.53"
              y="60.43"
              width="2.84"
              height="17.04"
            />
            <path
              class="cls-2 fill-brand-red"
              d="M164.62,68.86c.02.84-.08,1.67-.3,2.49-.16.6-.41,1.16-.75,1.68-.27.4-.61.76-1,1.04-.36.25-.74.45-1.15.59-.35.13-.72.21-1.09.26-.35.04-.64.06-.88.06h-3.29v-12.03s3.34,0,3.34,0c.82-.02,1.64.11,2.42.4.61.24,1.14.63,1.55,1.14.42.54.72,1.17.88,1.84.19.83.29,1.69.28,2.55M159.26,60.43h-5.95v17.04h5.95,0c1.24.02,2.48-.18,3.65-.6.99-.37,1.88-.97,2.58-1.75.7-.81,1.21-1.77,1.49-2.81.33-1.22.49-2.48.48-3.75,0-2.71-.73-4.77-2.15-6.11-1.42-1.34-3.45-2.02-6.05-2.02"
            />
            <path
              class="cls-2 fill-brand-red"
              d="M205.6,71.29c-.19.74-.52,1.44-.96,2.06-.43.6-1,1.09-1.65,1.44-1.52.73-3.3.73-4.82,0-.65-.35-1.22-.84-1.65-1.44-.44-.62-.77-1.32-.96-2.06-.41-1.54-.41-3.17,0-4.71.19-.74.52-1.44.96-2.06.43-.6,1-1.09,1.65-1.44.74-.38,1.57-.57,2.4-.54h.02c.83-.02,1.66.17,2.4.54.65.35,1.22.84,1.65,1.44.44.62.77,1.32.96,2.06.41,1.54.41,3.17,0,4.71M208.24,65.62c-.33-1.04-.85-2.01-1.54-2.85-.7-.84-1.58-1.52-2.56-1.99-2.27-.99-4.85-.99-7.12,0-.99.47-1.86,1.15-2.56,1.99-.69.84-1.21,1.81-1.54,2.85-.68,2.16-.68,4.48,0,6.65.33,1.04.85,2.01,1.54,2.85.7.84,1.58,1.52,2.57,1.98,1.12.51,2.33.76,3.56.73h0c1.23.02,2.44-.23,3.56-.74.99-.46,1.87-1.14,2.57-1.98.69-.84,1.21-1.81,1.54-2.85.67-2.16.67-4.48,0-6.64"
            />
            <polygon
              class="cls-2 fill-brand-red"
              points="177.22 69.96 185.73 69.96 185.73 67.47 177.22 67.47 177.22 62.93 186.34 62.93 186.34 60.43 174.38 60.43 174.38 77.47 186.41 77.47 186.41 74.96 177.22 74.96 177.22 69.96"
            />
          </g>
        </svg>
      </a>

      <div class="mt-4">
        <a
          href="tel:8642714276"
          class="text-lg font-semibold text-brand-gray-dark"
        >
          (864) 271-4276
          <!-- <svg
            xmlns="http://www.w3.org/2000/svg"
            width="20"
            height="21"
            viewbox="0 0 20 21"
            fill="none"
          >
            <path
              d="M2 3.5C2 2.94772 2.44772 2.5 3 2.5H5.15287C5.64171 2.5 6.0589 2.85341 6.13927 3.3356L6.87858 7.77147C6.95075 8.20451 6.73206 8.63397 6.3394 8.8303L4.79126 9.60437C5.90756 12.3783 8.12168 14.5924 10.8956 15.7087L11.6697 14.1606C11.866 13.7679 12.2955 13.5492 12.7285 13.6214L17.1644 14.3607C17.6466 14.4411 18 14.8583 18 15.3471V17.5C18 18.0523 17.5523 18.5 17 18.5H15C7.8203 18.5 2 12.6797 2 5.5V3.5Z"
              fill="#c1272d"
            ></path>
          </svg> -->
        </a>
      </div>
      <div class="flex gap-4 mt-6">
        <a
          href="https://www.facebook.com/FusionAudioVideo"
          target="_blank"
          class="w-6 block text-brand-gray-dark transition hover:text-gray-600"
        >
          <svg
            width="48"
            height="48"
            viewBox="0 0 48 48"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            class="block w-full h-auto"
          >
            <path
              d="M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z"
              fill="currentColor"
            />
          </svg>
          <span class="sr-only">Facebook</span>
        </a>
        <a
          href="https://www.instagram.com/fusion_av"
          target="_blank"
          class="w-6 block text-brand-gray-dark transition hover:text-gray-600"
        >
          <svg
            width="48"
            height="48"
            viewBox="0 0 48 48"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            class="block w-full h-auto"
          >
            <g clip-path="url(#clip0_1107_17985)">
              <path
                d="M24 4.32187C30.4125 4.32187 31.1719 4.35 33.6938 4.4625C36.0375 4.56562 37.3031 4.95938 38.1469 5.2875C39.2625 5.71875 40.0688 6.24375 40.9031 7.07812C41.7469 7.92188 42.2625 8.71875 42.6938 9.83438C43.0219 10.6781 43.4156 11.9531 43.5188 14.2875C43.6313 16.8187 43.6594 17.5781 43.6594 23.9813C43.6594 30.3938 43.6313 31.1531 43.5188 33.675C43.4156 36.0188 43.0219 37.2844 42.6938 38.1281C42.2625 39.2438 41.7375 40.05 40.9031 40.8844C40.0594 41.7281 39.2625 42.2438 38.1469 42.675C37.3031 43.0031 36.0281 43.3969 33.6938 43.5C31.1625 43.6125 30.4031 43.6406 24 43.6406C17.5875 43.6406 16.8281 43.6125 14.3063 43.5C11.9625 43.3969 10.6969 43.0031 9.85313 42.675C8.7375 42.2438 7.93125 41.7188 7.09688 40.8844C6.25313 40.0406 5.7375 39.2438 5.30625 38.1281C4.97813 37.2844 4.58438 36.0094 4.48125 33.675C4.36875 31.1438 4.34063 30.3844 4.34063 23.9813C4.34063 17.5688 4.36875 16.8094 4.48125 14.2875C4.58438 11.9437 4.97813 10.6781 5.30625 9.83438C5.7375 8.71875 6.2625 7.9125 7.09688 7.07812C7.94063 6.23438 8.7375 5.71875 9.85313 5.2875C10.6969 4.95938 11.9719 4.56562 14.3063 4.4625C16.8281 4.35 17.5875 4.32187 24 4.32187ZM24 0C17.4844 0 16.6688 0.028125 14.1094 0.140625C11.5594 0.253125 9.80625 0.665625 8.2875 1.25625C6.70312 1.875 5.3625 2.69062 4.03125 4.03125C2.69063 5.3625 1.875 6.70313 1.25625 8.27813C0.665625 9.80625 0.253125 11.55 0.140625 14.1C0.028125 16.6687 0 17.4844 0 24C0 30.5156 0.028125 31.3312 0.140625 33.8906C0.253125 36.4406 0.665625 38.1938 1.25625 39.7125C1.875 41.2969 2.69063 42.6375 4.03125 43.9688C5.3625 45.3 6.70313 46.125 8.27813 46.7344C9.80625 47.325 11.55 47.7375 14.1 47.85C16.6594 47.9625 17.475 47.9906 23.9906 47.9906C30.5063 47.9906 31.3219 47.9625 33.8813 47.85C36.4313 47.7375 38.1844 47.325 39.7031 46.7344C41.2781 46.125 42.6188 45.3 43.95 43.9688C45.2812 42.6375 46.1063 41.2969 46.7156 39.7219C47.3063 38.1938 47.7188 36.45 47.8313 33.9C47.9438 31.3406 47.9719 30.525 47.9719 24.0094C47.9719 17.4938 47.9438 16.6781 47.8313 14.1188C47.7188 11.5688 47.3063 9.81563 46.7156 8.29688C46.125 6.70312 45.3094 5.3625 43.9688 4.03125C42.6375 2.7 41.2969 1.875 39.7219 1.26562C38.1938 0.675 36.45 0.2625 33.9 0.15C31.3313 0.028125 30.5156 0 24 0Z"
                fill="currentColor"
              />
              <path
                d="M24 11.6719C17.1938 11.6719 11.6719 17.1938 11.6719 24C11.6719 30.8062 17.1938 36.3281 24 36.3281C30.8062 36.3281 36.3281 30.8062 36.3281 24C36.3281 17.1938 30.8062 11.6719 24 11.6719ZM24 31.9969C19.5844 31.9969 16.0031 28.4156 16.0031 24C16.0031 19.5844 19.5844 16.0031 24 16.0031C28.4156 16.0031 31.9969 19.5844 31.9969 24C31.9969 28.4156 28.4156 31.9969 24 31.9969Z"
                fill="currentColor"
              />
              <path
                d="M39.6937 11.1844C39.6937 12.7782 38.4 14.0625 36.8156 14.0625C35.2219 14.0625 33.9375 12.7688 33.9375 11.1844C33.9375 9.59065 35.2313 8.30627 36.8156 8.30627C38.4 8.30627 39.6937 9.60003 39.6937 11.1844Z"
                fill="currentColor"
              />
            </g>
            <defs>
              <clipPath id="clip0_1107_17985">
                <rect width="48" height="48" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <span class="sr-only">Instagram</span>
        </a>
        <a
          href="https://www.linkedin.com/company/fusion-systems"
          target="_blank"
          class="w-6 block text-brand-gray-dark transition hover:text-gray-600"
        >
          <svg
            width="48"
            height="48"
            viewBox="0 0 48 48"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            class="block w-full h-auto"
          >
            <g clip-path="url(#clip0_1107_17991)">
              <path
                d="M44.4469 0H3.54375C1.58437 0 0 1.54688 0 3.45938V44.5312C0 46.4437 1.58437 48 3.54375 48H44.4469C46.4062 48 48 46.4438 48 44.5406V3.45938C48 1.54688 46.4062 0 44.4469 0ZM14.2406 40.9031H7.11563V17.9906H14.2406V40.9031ZM10.6781 14.8688C8.39062 14.8688 6.54375 13.0219 6.54375 10.7437C6.54375 8.46562 8.39062 6.61875 10.6781 6.61875C12.9563 6.61875 14.8031 8.46562 14.8031 10.7437C14.8031 13.0125 12.9563 14.8688 10.6781 14.8688ZM40.9031 40.9031H33.7875V29.7656C33.7875 27.1125 33.7406 23.6906 30.0844 23.6906C26.3812 23.6906 25.8187 26.5875 25.8187 29.5781V40.9031H18.7125V17.9906H25.5375V21.1219H25.6312C26.5781 19.3219 28.9031 17.4188 32.3625 17.4188C39.5719 17.4188 40.9031 22.1625 40.9031 28.3313V40.9031Z"
                fill="currentColor"
              />
            </g>
            <defs>
              <clipPath id="clip0_1107_17991">
                <rect width="48" height="48" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <span class="sr-only">LinkedIn</span>
        </a>
      </div>
    </div>

    <div class="md:col-span-3">
      <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
        <div>
           
          <p class="text-xl font-semibold text-brand-gray-dark mb-4">
            About Us
          </p>
                       
          <ul class="space-y-3">
               
            <li>
              <a href="/about-us" class="hover-underline hover:text-brand-red"
                >About</a
              >
            </li>
              
            <li>
              <a href="/about-us/our-process" class="hover-underline hover:text-brand-red"
                >Our Process</a
              >
            </li>
              
            <li>
              <a href="/about-us/careers" class="hover-underline hover:text-brand-red"
                >Careers</a
              >
            </li>
              
            <li>
              <a href="/about-us/affiliates" class="hover-underline hover:text-brand-red"
                >Affiliates</a
              >
            </li>
              
            <li>
              <a href="/resources/financing" class="hover-underline hover:text-brand-red"
                >Financing</a
              >
            </li>
              
            <li>
              <a href="/awards-recognition" class="hover-underline hover:text-brand-red"
                >Awards & Recognition</a
              >
            </li>
             
          </ul>
        </div>

        <div>
           
          <p class="text-xl font-semibold text-brand-gray-dark mb-4">
            Residential
          </p>
                         
          <ul class="space-y-3">
               
            <li>
              <a href="/residential" class="hover-underline hover:text-brand-red"
                >Overview</a
              >
            </li>
              
            <li>
              <a href="/residential/smart-homes" class="hover-underline hover:text-brand-red"
                >Smart Homes</a
              >
            </li>
              
            <li>
              <a href="/residential/audio-video" class="hover-underline hover:text-brand-red"
                >Audio + Video</a
              >
            </li>
              
            <li>
              <a href="/residential/lighting-and-shading-control" class="hover-underline hover:text-brand-red"
                >Lighting & Shading</a
              >
            </li>
              
            <li>
              <a href="/residential/home-theater" class="hover-underline hover:text-brand-red"
                >Home Theater</a
              >
            </li>
              
            <li>
              <a href="/residential/sports-simulators" class="hover-underline hover:text-brand-red"
                >Sports Simulators</a
              >
            </li>
              
            <li>
              <a href="/residential/outdoor-living" class="hover-underline hover:text-brand-red"
                >Outdoor Living</a
              >
            </li>
             
          </ul>
        </div>

        <div>
           
          <p class="text-xl font-semibold text-brand-gray-dark mb-4">
            Commercial
          </p>
                       
          <ul class="space-y-3">
               
            <li>
              <a href="/commercial" class="hover-underline hover:text-brand-red"
                >Overview</a
              >
            </li>
              
            <li>
              <a href="/commercial/corporate" class="hover-underline hover:text-brand-red"
                >Corporate</a
              >
            </li>
              
            <li>
              <a href="/commercial/education" class="hover-underline hover:text-brand-red"
                >Education</a
              >
            </li>
              
            <li>
              <a href="/commercial/houses-of-worship" class="hover-underline hover:text-brand-red"
                >Houses of Worship</a
              >
            </li>
              
            <li>
              <a href="/commercial/hospitality-retail" class="hover-underline hover:text-brand-red"
                >Hospitality & Retail</a
              >
            </li>
              
            <li>
              <a href="/commercial/fitness-wellness" class="hover-underline hover:text-brand-red"
                >Fitness & Wellness</a
              >
            </li>
             
          </ul>
        </div>

        <div>
           
          <p class="text-xl font-semibold text-brand-gray-dark mb-4">
            Helpful Links
          </p>
                       

          <ul class="space-y-3">
               
            <li>
              <a href="/support/247-support" class="hover-underline hover:text-brand-red"
                >24/7/365 Support</a
              >
            </li>
              
            <li>
              <a href="/contact" class="hover-underline hover:text-brand-red"
                >Contact</a
              >
            </li>
              
            <li>
              <a href="https://payv3.xpress-pay.com/pt/39e952aa45a511eeb035005056a644f5" class="hover-underline hover:text-brand-red"
                >Make a Payment</a
              >
            </li>
              
            <li>
              <a href="/blog" class="hover-underline hover:text-brand-red"
                >Articles & Insights</a
              >
            </li>
              
            <li>
              <a href="/resources/tutorial-videos" class="hover-underline hover:text-brand-red"
                >Tutorial Videos</a
              >
            </li>
              
            <li>
              <a href="/support/request-support" class="hover-underline hover:text-brand-red"
                >Request Support</a
              >
            </li>
             
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!-- Bottom Bar -->
  <div
    class="container-xl flex flex-col items-center justify-between gap-4 border-t border-gray-300 py-8 text-gray-400 md:flex-row text-sm"
  >
    <p>
      Fusion Audio + Video &copy; 2026 All Rights Reserved
    </p>
    <div class="flex gap-6">
      <a href="/privacy-policy" class="">Privacy Policy</a>
      <!-- <a href="#" class="">Sitemap</a> -->
      <!-- <a href="/terms-of-service" class="">Terms of Service</a> -->
    </div>
  </div>
</footer>
 <script type="text/javascript">
	window.lhnJsSdkInit = function () {
		lhnJsSdk.setup = {
			application_id: "6dd768dd-9278-4f7b-b1ac-3b18294f97fd",
			application_secret: "rkuhw3gvzgrrykjn0fug//hnm3ud6uwwauyamr0b4dapmwvork"
		};
		lhnJsSdk.controls = [{
			type: "hoc",
			id: "c75e80e1-3c19-4a10-b706-054ec84c21da"
		}];
		lhnJsSdk.options = {
			custom1: "1094172000002293001"
		};
	};

	(function (d, s) {
		var newjs, lhnjs = d.getElementsByTagName(s)[0];
		newjs = d.createElement(s);
		newjs.src = "https://developer.livehelpnow.net/js/sdk/lhn-jssdk-current.min.js";
		lhnjs.parentNode.insertBefore(newjs, lhnjs);
	}(document, "script"));
</script>
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1772951829467516');
fbq('track', 'PageView');
</script>
  </body>
</html>
