<!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>Bringing Hi-Fi Sound into the Home</title> -->
    <title>Bringing Hi-Fi Sound Into Your Home | Fusion Audio Video | Fusion Audio Video</title>
<meta name="description" content="Hi-fi systems deliver every note with clarity. Fusion Audio + Video on building a high-fidelity audio system that fits your space in the Carolinas." />
<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Bringing Hi-Fi Sound Into Your Home | Fusion Audio Video" />
<meta property="og:description" content="Hi-fi systems deliver every note with clarity. Fusion Audio + Video on building a high-fidelity audio system that fits your space in the Carolinas." />
<meta property="og:url" content="https://fusionaudiovideo.com/blog/bringing-hi-fi-sound-into-the-home" />
<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="Bringing Hi-Fi Sound Into Your Home | Fusion Audio Video" />
<meta name="twitter:description" content="Hi-fi systems deliver every note with clarity. Fusion Audio + Video on building a high-fidelity audio system that fits your space in the Carolinas." />
<link href="https://fusionaudiovideo.com" rel="home" />
<link href="https://fusionaudiovideo.com/blog/bringing-hi-fi-sound-into-the-home" 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-Bb0eZjBw.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-Bb0eZjBw.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">
  <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 lg:max-w-5xl mb-6"
    >
      Bringing Hi-Fi Sound into the Home
    </h1>

    <div
      data-aos="fade-up"
      data-aos-delay="200"
      data-aos-duration="800"
      class="flex items-center gap-4 text-gray-600 dark:text-gray-400 mb-6"
    >
      
      <span>By Leigh Thomas</span>
      
      <span>July 1, 2024</span>
      
      <span>in Home Theater and Sound Systems</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/hifi-one.jpg"
        alt="Bringing Hi-Fi Sound into the Home"
        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-prose mx-auto"
  >
    <h2>The Right Speakers for High-Fidelity Sound in Every Space</h2><p>Just like a great picture brings a movie to life, <strong>high-fidelity audio</strong> (hi-fi) lets sound be heard the way it was meant to be. Whether listening to music or watching a film, hi-fi systems deliver every note and detail with clarity and emotion.</p><p>Compared to standard audio, hi-fi reveals more depth, texture, and feeling. Bass sounds fuller, vocals are smoother, and the high notes come through clean and clear. Everything feels more real and complete. Even songs played a hundred times can surprise the listener, revealing layers that often go unnoticed.</p><p>Achieving that level of performance at home starts with the right space and the right speakers. </p><p></p><h3>The Listening Room</h3><p>For many music lovers, great audio is about more than just the equipment. It’s also about where the system lives. A <strong>dedicated listening room</strong> offers a focused environment for enjoying music. It’s a space designed to slow down, unwind, and experience every nuance at its fullest. Pick a favorite record, settle into a comfortable chair, and let the sound fill the room.</p><p>Reaching this level of immersion takes more than good gear. It requires the right combination of components working together: high-quality speakers, a powerful amplifier, clean cabling, acoustic treatments, and a reliable source like a turntable or high-resolution music stream. Each part contributes to bringing out the best in every song.</p><p>Speaker placement also plays a critical role. A balanced, symmetrical layout helps create a soundstage where every voice and instrument feels precisely placed.</p><p>For those seeking exceptional performance, speakers like the <strong>Bowers &amp; Wilkins 800 Series Diamond</strong> or the <strong>Focal’s signature Grande Utopia EM Evo</strong> are among the best in the world.</p><h3><img src="https://fusionavmedia.s3.amazonaws.com/blog/hifi-two.jpg" alt="living room with sound system">The Living Room</h3><p>For shared spaces, homeowners often want a full hi-fi experience without bulky speakers interrupting their décor. That’s where architectural speakers offer the perfect solution. Built directly into walls or ceilings, they deliver powerful sound while keeping the room clean and uncluttered.</p><p>Brands like <strong>Bowers &amp; Wilkins</strong> and <strong>Focal</strong> design in-wall and in-ceiling speaker systems that look seamless and sound exceptional.</p><p>Bowers &amp; Wilkins’ <strong>Reference Series</strong> is built for those who want high-performance audio in a discreet design. These speakers are ideal for living rooms, media spaces, and home theaters, offering clarity and presence that rivals traditional loudspeakers.</p><p>Focal’s <strong>1000 Series</strong> is another standout. With a sleek three-way in-wall design, it blends naturally into the space while delivering a dynamic, immersive listening experience. Whether creating a <strong>home theater</strong> or enhancing everyday living, these speakers offer an elegant balance of form and function.</p><p>Hi-fi speakers allow for synchronized audio throughout the home, enhancing the listening experience in every room. With multi-room audio systems, homeowners can manage every speaker from the same device, playing the same music across the house or creating designated audio zones for different family members.</p><h3>Equipment Storage and Room Acoustics</h3><p>An often overlooked aspect of hi-fi design is the equipment environment. Amps, turntables, and source components perform best when housed in dedicated spaces that offer proper ventilation, vibration isolation, and clean cable management. Common solutions include rack-mounted systems in storage closets or media furniture like <strong>Salamander Designs</strong> credenzas, which keep gear organized and out of sight while maintaining optimal performance conditions.</p><p>Room acoustics also play a key role in audio quality. Without treatment, hard surfaces and open layouts can introduce unwanted reflections that diminish clarity. Incorporating acoustic panels, diffusers, or bass traps helps manage sound behavior and creates a more focused, immersive experience.</p><p>Together, proper equipment storage and acoustic treatment form the foundation for high-performance environments that look refined and deliver exceptional audio.</p><h3>Working with Hi-Fi Experts</h3><p>At Fusion Audio and Video, we help clients create personalized audio experiences that reflect how they live, listen, and enjoy their homes. We work with trusted high-performance brands and systems that combine exceptional sound with thoughtful integration.</p><p>Whether building a dedicated music room, upgrading a home theater, or adding whole-home audio, our team ensures every component works together seamlessly and is tailored to the space. From speaker selection to placement, from acoustic treatment to final calibration, every detail matters, and we are here to get it right.</p><p>To hear the difference firsthand, visit one of our <strong>showrooms</strong> in Greenville or Asheville. Each space is designed to let guests explore real setups, compare systems, and experience what is possible when performance meets design.</p><p>Whether just starting out or ready to bring a vision to life, our team is here to guide clients toward a sound system that is both beautiful and unforgettable.</p><p><strong>Contact us</strong> or visit a showroom to begin building a system designed around performance, style, and everyday living.</p><p></p>
  </div>

  

  <div class="mt-12 flex justify-center gap-2">
    <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>
</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>
