<template>
  <main>
    <div class="detail--container--full">
      <FullSizeBannerText1
        :imagePath="bannerImagePath"
        altText="서비스 개요"
        textLocation="top"
        type="cover"
      />

      <Nav :actvIndex="1" />

      <TitleVisual
        title="한눈에 보는 서비스"
        textAlign="center"
        description="유용하고 유익한 앱과 Connect 서비스를 통해 보다 안전하고 편안하게 아우디를 운전할 수 있습니다. 원격 서비스를 통해 데이터를 송수신하며 스마트폰을 이용해 아우디와 원격으로 통신할 수 있습니다. 아래 각 항목에 대한 상세 정보를 참고하십시오.<br/>*본 사이트에서는 현재 제공 중인 전체 Audi Connect 서비스를 안내합니다. 모델에 따라 이용 가능한 서비스는 다르므로, 모델별 서비스 포트폴리오 정보는 각 딜러사에 문의해 주세요."
        type="middle"
        theme="dark"
        :animation="true"
        :animationDelay="300"
      />

      <CareProgramItem class="mt--40" data-type-row="3" :items="careProgramItems" />

      <TitleVisual
        title="myAudi 앱"
        textAlign="center"
        description="
        myAudi 앱을 통해 일상과 아우디를 연결해 보세요.<br/><br/>
혁신적인 기능과 서비스로 더욱 쾌적한 드라이빙을 즐길 수 있습니다.<br/><br/>
스마트폰을 통해 Connect 서비스에 접속하여 차량 기능을 제어하고, 연료 잔량, 주행 가능 거리, 알림 등의 정보를 실시간으로 확인하세요.집에서 편안하게 여행 계획을 세운 다음 목적지와 경로 정보를 차량에 직접 전송해 두면 번거로울 일 없이 바로 경로 안내를 받을 수 있습니다.<br/><br/>
또한 히터 제어, 문 열림/닫음도 원격 제어가 가능합니다.<br/><br/>
(모델과 트림에 따라 일부 서비스는 이용 불가할 수 있습니다.)

 "
        type="middle"
        theme="dark"
        :animation="true"
        :animationDelay="300"
      />

      <TitleVisual
        title="myAudi로 간편하게 Connect 서비스를 시작해 보세요"
        textAlign="center"
        description="myAudi에 차량 및 운전자 등록을 하면 myAudi나 myAudi 스마트폰 앱을 통해 Connect 서비스를 편리하게 관리할 수 있습니다.<br/><br/>현재 Audi Connect 기능이 탑재된 아우디 차량에 한해 전시장을 통해서 등록 가능합니다."
        type="middle"
        theme="dark"
        :animation="true"
        :animationDelay="300"
      />
    </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";
  import ProductCard from "~/components/block/ProductCard.vue";
  import Nav from "./nav.vue";
  const bannerImagePath = ref("/img/aboutaudi/2019_1920x1080_topmain_20.avif");
  const careProgramItems = ref([
    {
      imagePath: "/img/aboutaudi/962X540_L_018188.avif",
      title: "myRoute (커넥티드 인포테인먼트)",
      description: "온라인 교통 정보, 목적지 사전 입력, 온라인 POI",
      linkUrl: "/aboutaudi/audi_connect/myroute",
      linkText: "추가 정보",
      linkTarget: "_self",
    },
    {
      imagePath: "/img/aboutaudi/962X540_1481036247979_960_540.avif",
      title: "myService (Car2X)",
      description: "긴급출동, 긴급통화, 아우디 서비스 지원",
      linkUrl: "/aboutaudi/audi_connect/myservice",
      linkText: "추가 정보",
      linkTarget: "_self",
    },
    {
      imagePath: "/img/aboutaudi/962x540_Shutterstock-450682264-.avif",
      title: "myCarmanager (Car2X)",
      description: "차량 상태 리포트, 차량 찾기, 원격제어 - 도어",
      linkUrl: "/aboutaudi/audi_connect/mycarmanager",
      linkText: "추가 정보",
      linkTarget: "_self",
    },
  ]);
</script>
