audi/app/pages/service/genuineparts/index.vue

<template>
  <main>
    <div class="detail--container--full">
      <FullSizeBannerText1
        :imagePath="bannerImagePath"
        altText="Audi Service"
        textLocation="top"
        type="cover"
        :height="800"
      />

      <TitleVisual
        title="아우디 순정부품"
        description=""
        textAlign="left"
        type="middle"
        theme="dark"
        :animation="true"
        :animationDelay="300"
      />

      <TitleVisual
        title=""
        description="Audi 부품 서비스<br/><br/>
아우디 순정 부품은 고객님의 차량을 위해 설계되었고<br/>
특히 안전 및 품질 관련하여 AUDI AG에서 승인한 부품으로써 품질, 치수, 재료가 공장 규격에 정확하게 부합합니다.<br/><br/><br/>
• Technological Lead: 최신 기술과 정보가 가장 빠르게 적용됩니다.<br/><br/><br/>
• Formula Q: 엄격한 생산기준으로 최고의 품질을 보장합니다.<br/><br/><br/>
• Exclusive Distribution Channel: 표준화된 물류시스템이 구축된 공식채널에서 공급됩니다.<br/><br/><br/>
• High Value for Vehicle: 최적의 차량 성능과 최상의 차량 가치를 유지시켜 줍니다."
        textAlign="left"
        type="middle"
        theme="dark"
        :animation="true"
        :animationDelay="300"
      />
      <div class="inner--wrapper">
        <div class="service--detail">
          <NuxtLink
            class="more--detail--href mt--20 ft--16"
            to="/service/program/dealersearch?filter=as"
            target="_self"
          >
            아우디 서비스센터 연락처<i class="ico"></i>
          </NuxtLink>
        </div>
      </div>

      <CareProgramItem class="mt--40" :items="careProgramItems4" />
    </div>
  </main>
</template>

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

  const bannerImagePath = ref("/img/service/careprogram/2019_1400x438_topmain_14_2.avif");
  const careProgramItems4 = ref([
    {
      imagePath: "/img/service/genuineparts/menual.avif",
      title: "부품자기인증제 유저매뉴얼",
      description:
        "Audi Korea는 자동차관리법 시행규칙에 근거하여 자기인증제 대상 품목에 대한 안전성을 보증하며, 자기인증제 해당 부품에 대해 취급설명서를 소비자분들께 공지해 드립니다.",
      linkUrl:
        "https://audikoreaevent.co.kr/download/Audi_Parts_Self_Certification_User_Manual_201802.pdf",
      linkText: "부품자기인증제 유저매뉴얼 다운로드",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/genuineparts/19_1920x1080.avif",
      title: "부품가격정보",
      description: "아우디 차량의 각 부품을 조회하고 소비자가격을 확인할 수 있습니다.",
      linkUrl: "https://www.audikoreaevent.co.kr/etc/component/index1.jsp",
      linkText: "부품가격 조회하기",
      linkTarget: "_blank",
    },
  ]);
</script>