audi/app/pages/service/careprogram/wcc.vue

<template>
  <main>
    <div class="detail--container--full">
      <FullSizeBannerText1
        :imagePath="bannerImagePath"
        altText="About Audi"
        textLocation="top"
        mask="mask--hidden"
        type="cover"
        :height="800"
        textColor="#020203"
      />

      <Nav actvIndex="2" />
      <div class="inner--wrapper">
        <div class="service--detail">
          <h2>‘위 케어 캠페인(We Care Campaign)’ 실시</h2>
          <h3>
            그 동안 아우디폭스바겐코리아를 지속적으로 사랑해 주시고 아껴주신 고객님께 깊은
            감사의 말씀을 올립니다. 당사를 믿고 기다려주신 고객님의 마음에 보답하고자
            당사는 ‘위 케어 캠페인’을 실시합니다.
          </h3>

          <ul class="service--process--list">
            <li class="mb--1 pb--1">
              <p>
                대상: 2016년 12월 31일까지 국내에 등록된 폭스바겐 및 아우디를 소유한 모든
                고객
              </p>
            </li>
            <li class="mb--1 pb--1">
              <p>캠페인 실시 기간: 2017년 2월 20일부터</p>
            </li>
            <li class="mb--1 pb--1">
              <p>내용: 차량 유지보수 관련 서비스, 고장 수리 및 차량용 액세서리 구매</p>
            </li>
            <li class="mb--1 pb--1">
              <p>
                참여 방법: 2017년 2월 20일부터 차량 및 차량등록증(원본), 신분증 지참 후
                가까운 서비스센터 예약 방문
              </p>
            </li>
            <li class="mb--1 pb--1">
              <p>관련문의</p>
            </li>
          </ul>

          <h3 class="mt--40">[아우디 코리아]</h3>

          <ul class="service--process--list pt--1">
            <li class="mb--1 pb--1">
              <p>홈페이지: www.audi.co.kr</p>
            </li>
            <li class="mb--1 pb--1">
              <p>고객지원센터: 080-767-2834</p>
            </li>
          </ul>
          <h3>(상담시간: 평일 9:00~18:00)</h3>

          <h3 class="mt--80">FAQ</h3>
          <NuxtLink
            class="more--detail--href mt--20 ft--16"
            to="/service/careprogram/faq"
            target="_self"
          >
            클릭하시어 자주묻는질문(FAQ)에 대한 답변을 확인하실 수 있습니다.
            <i class="ico"></i>
          </NuxtLink>
        </div>
      </div>
    </div>
  </main>
</template>

<script setup>
  // 컴포넌트 import
  import TitleVisual from "~/components/block/TitleVisual.vue";
  import FullSizeBannerText1 from "~/components/block/fullSizeBannerText1.vue";
  import LinkList from "~/components/block/LinkList.vue";
  import Nav from "./nav.vue";

  const bannerImagePath = ref("/img/service/careprogram/2019_1400x438_topmain_7.avif");

  // 링크 데이터 배열
  const reservationLinks = ref([
    {
      text: "공식 서비스센터 찾기",
      url: "/service/program/dealersearch?filter=as",
      target: "_blank",
      showIcon: false,
      frontIcon:
        '<svg width="24" height="24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" stroke="#fff" data-testid="card-icon"><title>Voice Call 1 Small</title><path d="m17.5 23.3 4-3.8c.2-.2.2-.8 0-1l-3-3c-.2-.2-.8-.2-1 0L16 16.8s-.7 1.1-4.9-3.1l-.5-.5C6.3 8.9 7.5 8.5 7.5 8.5l1-1c.2-.2.2-.8 0-1l-3-3c-.2-.2-.8-.2-1 0l-3.8 4s5.8 9.6 16.8 15.8Z" stroke="#fff" fill="none"></path></svg>',
    },
  ]);
</script>