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

<template>
  <main>
    <div class="detail--container--full">
      <FullSizeBannerText1
        :imagePath="bannerImagePath"
        altText="아우디 차량 Q&A"
        textLocation="top"
        type="cover"
      />

      <TitleVisual
        title="아우디 차량 Q&A"
        description="차량 운행 중 예상치 못한 증상이 발생하신 적 있으신가요? 아우디 차량 Q&A 영상을 통해 빠르고 정확한 정보를 확인하세요."
        textAlign="left"
        type="middle"
        theme="dark"
        :animation="true"
        :animationDelay="300"
      />

      <CareProgramItem data-type-row="3" class="mt--40" :items="careProgramItems" />
    </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/video/20_1920x1080.avif");

  const careProgramItems = ref([
    {
      imagePath: "/img/service/qna/qna_1.avif",
      title: "주행 시 페달의 딸깍 소리",

      linkUrl: "https://youtu.be/6rofGmv5w-s",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/qna/qna_2.avif",
      title: "시동 시 RPM 2000 증가 후 감소",

      linkUrl: "https://youtu.be/hSiF3IV4-Ag",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/qna/qna_3.avif",
      title: "시동 끈 후 팬 돌아가는 소리",

      linkUrl: "https://youtu.be/1f2-9D_bj-Q",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/qna/qna_4.avif",
      title: "우천 시 헤드램프 내 습기",

      linkUrl: "https://youtu.be/tp8VO-RwZGM",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/qna/qna_5.avif",
      title: "통풍시트 작동 시 소리",

      linkUrl: "https://youtu.be/DaQrf7_rP7M",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/qna/qna_6.avif",
      title: "와이퍼 소리",

      linkUrl: "https://youtu.be/38dVzE3xqVQ",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/qna/qna_7.avif",
      title: "유턴 시 하체 드득 소리",

      linkUrl: "https://youtu.be/kEpeeGRZ3XU",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/qna/qna_8.avif",
      title: "브레이크 밀림",

      linkUrl: "https://youtu.be/QonWqvo599M",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/qna/qna_9.avif",
      title: "신차 출고 후 엔진 쪽 연기 및 타는 냄새",

      linkUrl: "https://youtu.be/eBqPxs_sPck",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/qna/qna_10..avif",
      title: "엔진오일 소모",

      linkUrl: "https://youtu.be/Sih0WiZGUAI",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
  ]);
</script>