greenwhale/app/components/footer.vue

<template>
  <footer>
    <div class="footer--wrap">
      <div class="footer--container">
        <div class="footer--top">
          <div class="logo--wrap">
            <NuxtLink to="/">
              <img src="/img/footer--logo.svg" alt="그린웨일글로벌" />
            </NuxtLink>
          </div>
          <ul class="menu--wrap">
            <li>
              <NuxtLink to="/company/intro">Company</NuxtLink>
              <ul>
                <li><NuxtLink to="/company/intro">회사소개</NuxtLink></li>
                <li><NuxtLink to="/company/history">회사연혁</NuxtLink></li>
                <li><NuxtLink to="/company/partners">협력업체</NuxtLink></li>
              </ul>
            </li>
            <li>
              <NuxtLink to="/products/materials">Products</NuxtLink>
              <ul>
                <li><NuxtLink to="/products/materials">Materials</NuxtLink></li>
                <li><NuxtLink to="/products/solutions">Solutions</NuxtLink></li>
              </ul>
            </li>
            <li>
              <NuxtLink to="/technology/facilities">Technology</NuxtLink>
              <ul>
                <li><NuxtLink to="/technology/facilities">시설</NuxtLink></li>
                <li><NuxtLink to="/technology/patents">특허 / 인증</NuxtLink></li>
              </ul>
            </li>
            <li>
              <NuxtLink to="/media/news">Media</NuxtLink>
              <ul>
                <li><NuxtLink to="/media/news">환경뉴스</NuxtLink></li>
                <li><NuxtLink to="/media/press">보도자료</NuxtLink></li>
              </ul>
            </li>
            <li>
              <NuxtLink to="/contact/notice">Contact</NuxtLink>
              <ul>
                <li><NuxtLink to="/contact/notice">공지사항</NuxtLink></li>
                <li><NuxtLink to="/contact/faq">FAQ</NuxtLink></li>
                <li><NuxtLink to="/contact/support">고객센터</NuxtLink></li>
                <li><NuxtLink to="/contact/location">오시는길</NuxtLink></li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="footer--bot">
          <ul class="sns--list">
            <li>
              <NuxtLink
                to="https://blog.naver.com/greenwhaleglobal"
                target="_blank"
                class="blog"
              ></NuxtLink>
            </li>
            <li>
              <NuxtLink
                to="https://www.youtube.com/channel/UCRYxerlM2kXTZXM_g8B_TBQ"
                target="_blank"
                class="ytb"
              ></NuxtLink>
            </li>
            <li>
              <NuxtLink
                to="https://www.facebook.com/profile.php?id=100043068986761"
                target="_blank"
                class="fb"
              ></NuxtLink>
            </li>
            <li>
              <NuxtLink
                to="https://www.instagram.com/greenwhaleglobal"
                target="_blank"
                class="insta"
              ></NuxtLink>
            </li>
          </ul>
          <ul class="info--list">
            <li>사업자명 : 그린웨일글로벌 주식회사</li>
            <span class="bar"></span>
            <li>사무실 : 서울시 강남구 언주로 650 한국건설기술인협회 신관 2층</li>
            <span class="bar"></span>
            <li>대표이사 : 윤태균</li>
            <span class="bar mobile"></span>
            <li>사업자번호 : 861-88-01187</li>
          </ul>
          <ul class="info--list mt-[4px]">
            <li>Tel : 02-3447-8801 / 8802</li>
            <span class="bar"></span>
            <li>E-Mail : green@greenwhaleglobal.com</li>
          </ul>
          <p class="copyright">
            <span> Copyright © Greenwhaleglobal. All rights reserved. </span>
            <span class="bar"></span>
            <NuxtLink to="/">개인정보취급방침</NuxtLink>
          </p>
        </div>
      </div>
    </div>
  </footer>
</template>