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

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

      <TitleVisual
        title="아우디 영상 매뉴얼"
        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/video/200629_1.avif",
      title: "크루즈 컨트롤 시스템 사용법",
      description:
        "크루즈 컨트롤 시스템을 통해 차량 스스로 가속과 감속을 하여 차량의 속도를 일정하게 유지하며 주행할 수 있습니다.",
      linkUrl: "https://youtu.be/DE7LeQoyUBI",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_2.avif",
      title: "어댑티드 크루즈 컨트롤 사용법",
      description:
        "어댑티드 크루즈 컨트롤 기능을 활용하면 앞차와의 안전거리 유지하여 주행할 수 있습니다.",
      linkUrl: "https://youtu.be/nKFMYkySUys",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_3.avif",
      title: "사용자 등록 방법",
      description:
        "차량 내에서 myAudi 계정을 통해 사용자 등록이 가능합니다. 사용자 등록 후 개인 프로파일 설정을 통해 다양한 설정을 개인화 할 수 있습니다.",
      linkUrl: "https://youtu.be/juPKJbExrHo",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_4.avif",
      title: "아우디 커넥트 설정",
      description:
        "myAudi 앱을 통해 언제 어디서나 차량 상태를 확인하고 원격으로 제어할 수 있습니다.",
      linkUrl: "https://youtu.be/_06vYdLzNd0",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_5.avif",
      title: "아우디 커넥트 스마트폰 연결 방법",
      description:
        "아우디 커넥트로 와이파이, 블루투스 연결을 통해 스마트폰과 차량을 연결할 수 있습니다.",
      linkUrl: "https://youtu.be/l_K1lg_uxCE",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_6.avif",
      title: "저장 가능한 개인 프로파일",
      description:
        "개인 프로파일 설정을 통해 시트 위치, 운전대 높이 등 다양한 설정들을 저장하고 불러올 수 있습니다.",
      linkUrl: "https://youtu.be/BM3M4SrCQuY",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_7.avif",
      title: "메모리 기능 사용법",
      description:
        "시트 위치, 운전대 높이, 사이드 미러 세팅 등 다양한 설정을 메모리 기능을 통해 저장할 수 있습니다. 저장 해둔 개인 프로파일은 언제든 불러와 동일한 컨디션으로 차량 설정을 조정 할 수 있습니다.",
      linkUrl: "https://youtu.be/ri7GBbZOeR8",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_8.avif",
      title: "속도 제한 기능 사용법",
      description:
        "속도 제한 기능을 활성화하면 주행 속력을 약 30km 이하로 안전하게 운전할 수 있습니다. 속도 제한 기능은 가속 페달을 밟아도 속도를 제한합니다.",
      linkUrl: "https://youtu.be/QsbtQditShc",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_9.avif",
      title: "아우디 프리 센스 설정",
      description:
        "Audi 프리 센스 기능을 활성화하면 운전 시 다양한 상황의 위험을 미리 감지, 대응하여 안전하고 편안한 주행이 가능합니다.",
      linkUrl: "https://youtu.be/dpz4EuEMyJE",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_10.avif",
      title: "구성 마법사, 바로가기 설정",
      description:
        "MMI 터치 화면의 메뉴를 편집, 자주 쓰는 기능은 바로가기메뉴(단축키)로 설정하여 간단하고 편리하게 맞춤형 메뉴를 구성할 수 있습니다.",
      linkUrl: "https://youtu.be/bO825dI0dBk",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_11.avif",
      title: "전화 연결 방법",
      description:
        "모바일 기기의 블루투스 또는 SIM 카드 연결을 통해 차량 내에서 전화 기능을 사용할 수 있습니다.",
      linkUrl: "https://youtu.be/yPzAspOnccY",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
    {
      imagePath: "/img/service/video/200629_12.avif",
      title: "서라운드 뷰 사용법",
      description:
        "서라운드 뷰 기능으로 차량 주변을 360° 다양한 뷰로 확인할 수 있습니다.",
      linkUrl: "https://youtu.be/ZyCxUJnjZww",
      linkText: "더 알아보기",
      linkTarget: "_blank",
    },
  ]);
</script>