greenwhale/app/pages/technology/facilities.vue

<template>
  <main>
    <TopVisual :className="className" :title="title" :navigation="navigation" />
    <section class="title--section">
      <div class="sub--container type2">
        <div class="title--wrap">
          <h2 class="title">
            그린웨일글로벌의 <br />
            <strong>탄소 저감형 원료의 라이프 사이클을 소개합니다.</strong>
          </h2>
        </div>
        <div class="life--cycle--wrap">
          <div class="cycle">
            <div class="img--wrap">
              <img src="/img/img--cycle1.png" alt="" />
              <div class="txt">
                <span>01</span>
                <p>카사바와 옥수수를 재배 및 수확합니다.</p>
              </div>
            </div>
            <div class="img--wrap">
              <img src="/img/img--cycle2.png" alt="" />
              <div class="txt">
                <span>02</span>
                <p>수확한 작물에서 레진을 제작합니다.</p>
              </div>
            </div>
          </div>
          <div class="cycle">
            <div class="img--wrap">
              <img src="/img/img--cycle6.png" alt="" />
              <div class="txt">
                <span>06</span>
                <p>청정한 흙 속에서 작물이 자라나는 선순환 고리가 만들어집니다.</p>
              </div>
            </div>
            <div class="img--wrap">
              <img src="/img/img--cycle--center.png" alt="" />
            </div>
            <div class="img--wrap">
              <img src="/img/img--cycle3.png" alt="" />
              <div class="txt">
                <span>03</span>
                <p>그린웨일글로벌만의 혁신기술로 친환경 플라스틱을 생산합니다.</p>
              </div>
            </div>
          </div>
          <div class="cycle">
            <div class="img--wrap">
              <img src="/img/img--cycle5.png" alt="" />
              <div class="txt">
                <span>05</span>
                <p>
                  생분해성 플라스틱의 경우, 미생물이 친환경 플라스틱을 분해하여 청정하고
                  무해한 흙이 됩니다.
                </p>
              </div>
            </div>
            <div class="img--wrap">
              <img src="/img/img--cycle4.png" alt="" />
              <div class="txt">
                <span>04</span>
                <p>
                  사용이 다해진 제품은 매립되어 생분해가 되거나, 수거하여 재활용할 수
                  있습니다. 소각되더라도 순수 플라스틱 대비 현저하게 적은 탄소를 배출하며,
                  유해물질이 없습니다.
                </p>
              </div>
            </div>
          </div>
          <div class="mobile--cycle">
            <div class="img--wrap">
              <img src="/img/img--cycle1--mo.png" alt="">
              <div class="txt">
                <span>01</span>
                <p>카사바와 옥수수를 재배 및 수확합니다.</p>
              </div>
            </div>
            <div class="img--wrap">
              <img src="/img/img--cycle2--mo.png" alt="">
              <div class="txt">
                <span>02</span>
                <p>수확한 작물에서 레진을 제작합니다.</p>
              </div>
            </div>
            <div class="img--wrap">
              <img src="/img/img--cycle3--mo.png" alt="">
              <div class="txt">
                <span>03</span>
                <p>그린웨일글로벌만의 혁신기술로 친환경 플라스틱을 생산합니다.</p>
              </div>
            </div>
            <div class="img--wrap">
              <img src="/img/img--cycle4--mo.png" alt="">
              <div class="txt">
                <span>04</span>
                <p>사용이 다해진 제품은 매립되어 생분해가 되거나, 수거하여 재활용할 수 있습니다. 소각되더라도 순수 플라스틱 대비 현저하게 적은 탄소를 배출하며, 유해물질이 없습니다.</p>
              </div>
            </div>
            <div class="img--wrap">
              <img src="/img/img--cycle5--mo.png" alt="">
              <div class="txt">
                <span>05</span>
                <p>생분해성 플라스틱의 경우, 미생물이 친환경 플라스틱을 분해하여 청정하고 무해한 흙이 됩니다.</p>
              </div>
            </div>
            <div class="img--wrap">
              <img src="/img/img--cycle6--mo.png" alt="">
              <div class="txt">
                <span>06</span>
                <p>청정한 흙 속에서 작물이 자라나는 선순환 고리가  만들어집니다.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
</template>
<script setup>
  import TopVisual from "~/components/topVisual.vue";

  const className = ref("technology");
  const title = ref("Technology");
  const navigation = ref([
    {
      name: "Technology",
      link: "/technology/facilities",
      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: "/technology/facilities",
      gnbList: [
        { name: "시설", link: "/technology/facilities" },
        { name: "특허 / 인증", link: "/technology/patents" },
      ],
    },
  ]);
</script>