audi/app/pages/aboutaudi/audi_connect/index.vue

<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">
                    <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">
                <h4>myAudi 포털사이트 및 app 다운로드 링크</h4>
                <blockLinkList class="mt--20" :links="reservationLinks" />
            </section>
        </div> 
    </main>
</template>
<script setup>
  const reservationLinks = ref([
    {
      text: "KATRI(자동차안전연구원)의 자동차결함신고센터(car.go.kr) 바로 가기",
      url: "https://car.go.kr/",
      target: "_blank",
      showIcon: true,
    },
  ]);
</script>