greenwhale/app/pages/company/partners.vue

<template>
  <main>
    <TopVisual :className="className" :title="title" :navigation="navigation" />
    <section class="partners--section">
      <div class="sub--container type3">
        <div class="title--wrap">
          <h2 class="title">
            그린웨일글로벌과 함께 하고 있는 <br /><strong>파트너들을 소개합니다.</strong>
          </h2>
        </div>
        <div class="partners--wrap">
          <div class="partners">
            <img src="/img/logo--partners1.svg" alt="HYUNDAI" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners2.svg" alt="CJ HDC biosol" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners3.svg" alt="SHINSEGAE" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners4.svg" alt="OJC" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners5.svg" alt="OTTERBOX" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners6.svg" alt="emis" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners7.svg" alt="LG디스플레이" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners8.svg" alt="MARIBUMI Starchtech" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners9.svg" alt="VINAMILK" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners10.svg" alt="금강종합산업" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners11.svg" alt="Gong cha" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners12.svg" alt="EENK" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners13.svg" alt="Peace" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners14.svg" alt="easyGreen" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners15.svg" alt="acecook" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners16.svg" alt="cocospack" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners17.svg" alt="rapportlabs" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners18.svg" alt="asill" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners19.svg" alt="rohto" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners20.svg" alt="wonlim" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners21.svg" alt="DHL Express" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners22.svg" alt="STAND OIL" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners23.svg" alt="posco international" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners24.svg" alt="musinsa" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners25.svg" alt="trim mate" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners26.svg" alt="polifolia" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners27.svg" alt="daehyun" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners28.svg" alt="queenit" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners29.svg" alt="투디엠" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners30.svg" alt="SBGlobal" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners31.svg" alt="han thuy company" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners32.svg" alt="top run total solution" />
          </div>
          <div class="partners">
            <img src="/img/logo--partners33.svg" alt="open yy" />
          </div>
          <div class="partners">
            <img
              src="/img/logo--partners34.svg"
              alt="사회복지법인 실로암시각장애인복지회"
            />
          </div>
        </div>
      </div>
    </section>
  </main>
</template>
<script setup>
  import TopVisual from "~/components/topVisual.vue";

  const className = ref("company");
  const title = ref("Company");
  const navigation = ref([
    {
      name: "Company",
      link: "/company/partners",
      gnbList: [
        { name: "Company", link: "/company/intro" },
        { name: "Product", link: "/products/materials" },
        { name: "Technology", link: "/technology/facilities" },
        { name: "Media", link: "/media/news" },
        { name: "Contact", link: "/contact/notice" },
      ],
    },
    {
      name: "협력업체",
      link: "/company/partners",
      gnbList: [
        { name: "회사소개", link: "/company/intro" },
        { name: "회사연혁", link: "/company/history" },
        { name: "협력업체", link: "/company/partners" },
        { name: "회사소개자료", link: "/company/catalog" },
      ],
    },
  ]);
</script>