<template>
  <main>
    <section class="visual--section h--800">
      <div class="img--wrap">
        <picture>
          <img src="/img/aboutaudi/img--connect1.jpg" alt="" />
        </picture>
      </div>
      <div class="title--wrap color--white">
        <h2>Audi Connect</h2>
      </div>
    </section>
    <div class="detail--container">
      <section class="desc--section full--type">
        <h3 class="big--title">Audi Connect</h3>
        <h4 class="mt--24">
          운전자를 차와 더 가깝게, 세상과 더 가깝게 연결하는 아우디 디지털 서비스 Audi
          Connect. <br />myAudi와 Audi Connect 서비스와 함께라면 아우디가 더욱 편안하고
          안전하며 스마트해집니다.
        </h4>
        <p class="mt--24">
          *현재 myAudi 및 Audi Connect는 Audi Connect 기능이 탑재된 아우디 차량에 한해
          전시장을 통해서 등록할 수 있습니다.
        </p>
        <h4 class="mt--60">디지털 네트워크</h4>
        <p class="mt--24">
          미래의 자동차는 도로를 넘어 디지털 세계를 달립니다. 그렇기에 아우디는 Connect
          서비스를 더 많은 모델을 대상으로 꾸준히 넓혀가고 있습니다.<br />내비게이션 &
          인포테인먼트 기능을 비롯해 원격 차량제어, 긴급통화/긴급출동 서비스 등 다양한
          서비스와 기능을 제공하여 더욱 여유롭고, 더욱 즐겁고, 더욱 안전한 주행을 가능케
          합니다.
        </p>
        <h4 class="mt--60">새로운 Audi Connect를 만나보세요</h4>
        <p class="mt--24">
          아우디의 최신 모델과 최첨단 인포테인먼트 시스템을 통해 Audi Connect는 새로운
          차원으로 도약했습니다.<br />운전자와 아우디, 스마트폰, 세계가 거미줄처럼
          연결되어 일상이 더욱 간편하고 쾌적해집니다.<br />아우디와 myAudi가 선사하는
          디지털 생태계의 가능성과 편의성을 통해 새로운 세상을 만끽해 보세요.
        </p>
      </section>

      <section class="more--section type2 mt--0">
        <div class="tech--card--wrap mb--0 pl--96 pr--96">
          <div class="tech--card">
            <div class="img--wrap">
              <img
                src="/img/aboutaudi/img--connect2.jpg"
                alt="더욱 다양해진 Audi Connect의 서비스를 만나보세요"
              />
            </div>
            <h3>더욱 다양해진 Audi Connect의 서비스를 만나보세요</h3>
            <p>
              아우디는 다양한 Connect 서비스를 제공합니다. 현재 제공 중인 매력적이고
              다채로운 서비스를 아래에서 확인해 보세요.
            </p>
            <NuxtLink to="/aboutaudi/audi_connect/apps-and-services/"
              >서비스 개요 <i class="ico"></i
            ></NuxtLink>
          </div>
          <div class="tech--card">
            <div class="img--wrap">
              <img
                src="/img/aboutaudi/img--connect3.jpg"
                alt="myAudi로 간편하게 Connect 서비스를 시작해 보세요"
              />
            </div>
            <h3>myAudi로 간편하게 Connect 서비스를 시작해 보세요</h3>
            <p>
              myAudi에 차량 및 운전자 등록을 하면 myAudi나 myAudi 스마트폰 앱을 통해
              Connect 서비스를 편리하게 관리할 수 있습니다. 현재 Audi Connect 기능이
              탑재된 아우디 차량에 한해 전시장을 통해서 등록 가능합니다.
            </p>
          </div>
        </div>
      </section>
      <section class="desc--section full--type pb--1">
        <h4>myAudi 포털사이트 및 app 다운로드 링크</h4>
      </section>
      <blockLinkList class="" :links="reservationLinks" />
    </div>
  </main>
</template>
<script setup>
  const reservationLinks = ref([
    {
      text: "myAudi 애플리케이션 다운로드 (iOS)",
      url: "https://apps.apple.com/kr/app/myaudi/id440464115",
      target: "_blank",
      showIcon: false,
      class: "pl--0",
    },
    {
      text: "myAudi 애플리케이션 다운로드 (안드로이드)",
      url: "https://play.google.com/store/apps/details?id=de.myaudi.mobile.assistant",
      target: "_blank",
      showIcon: false,
      class: "pl--0",
    },
  ]);
</script>
