audi/app/pages/index.vue

<template>
  <main>
    <div class="main--container">
      <blockMainVisual
        type="video"
        src="/img/main/video--main1.mp4"
        title="The new Audi S e-tron GT 출시"
        description="Adrenaline, Fully Charged"
        button1Title="상담 신청"
        button1Link=""
        button2Title="자세히 보기"
        button2Link=""
        button1Color="gray"
        button2Color="black"
      />
      <carouselModels />
      <blockMainSection
        type="image"
        src="/img/main/img--main1.jpg"
        title="조수석을 위한 엔터테인먼트 센터"
        desc="MMI 조수석 디스플레이를 통해 스포츠 생중계, 영화, TV 시리즈까지 자유롭게 감상할 수 있습니다. 운전자의 집중을 방해하지 않도록 설계된 프라이버시 모드도 탑재되어있습니다. 이 모든 기술의 개발자인 롤랜드 세이거를 만나러 갑니다."
        button1Title="시승 신청"
        button1Color="gray"
        button2Title="자세히 보기"
        button2Color="black"
      />
      <blockMainSection
        type="image"
        src="/img/main/img--main1.jpg"
        title="조수석을 위한 엔터테인먼트 센터"
        desc="MMI 조수석 디스플레이를 통해 스포츠 생중계, 영화, TV 시리즈까지 자유롭게 감상할 수 있습니다. 운전자의 집중을 방해하지 않도록 설계된 프라이버시 모드도 탑재되어있습니다. 이 모든 기술의 개발자인 롤랜드 세이거를 만나러 갑니다."
        button1Title="시승 신청"
        button1Color="gray"
        button2Title="자세히 보기"
        button2Color="black"
        reverse
      />
    </div>
    <Popup />
  </main>
</template>

<script setup>
import carouselModels from "~/components/block/carouselModels.vue"
import Popup from "~/components/Popup.vue"
</script>