<template>
  <main>
    <div class="detail--container--full pb--120">
      <FullSizeBannerText1
        :imagePath="bannerImagePath"
        altText="아우디 세단"
        textLocation="bottom"
        type="cover"
        :height="800"
      />

      <TitleVisual
        title="아우디 세단"
        description="아우디 세단의 스타일은 고급스럽고 스포티하며 우아합니다. 크기와 성능은 모델마다 다를 수 있지만, 모든 아우디 세단은 지난 오랜 시간 동안 프리미엄 세단의 벤치마킹 대상으로, 세련미와 독특한 스타일을 가지고 있습니다."
        textAlign="center"
        theme="dark"
        :animation="true"
        :animationDelay="300"
      />

      <!-- 링크 리스트 컴포넌트 -->
      <LinkList class="mt--20" :links="reservationLinks" />

      <modelList id="" :items="etronLineup" />
    </div>
  </main>
</template>

<script setup>
  // 컴포넌트 import
  import TitleVisual from "~/components/block/TitleVisual.vue";
  import FullSizeBannerText1 from "~/components/block/fullSizeBannerText1.vue";
  import LinkList from "~/components/block/LinkList.vue";
  import modelList from "~/components/block/modelList.vue";

  const bannerImagePath = ref("/img/models/my24_a6_gallery_1920x1080_1.jpg");
  // 링크 데이터 배열
  const reservationLinks = ref([
    {
      text: "재고 확인하기",
      url: "/",
      target: "_blank",
      class: "pl--0",
      showIcon: true,
    },
    {
      text: "월 납입금 계산",
      url: "https://www.audikoreaevent.co.kr/lms/calculator.do",
      target: "_blank",
      class: "pl--0",
      showIcon: true,
    },
    {
      text: "상담신청",
      url: "/",
      target: "_blank",
      class: "pl--0",
      showIcon: true,
    },
    {
      text: "전시장/AS센터",
      url: "/",
      target: "_blank",
      class: "pl--0",
      showIcon: true,
    },
  ]);
  const etronLineup = ref([
    {
      imagePath: "/img/models/Sedan_A3_1920x1080_new.avif",
      imageAlt: "A3",
      title: "A3",
      description:
        "드라마틱한 드라이빙 퍼포먼스. 아우디 A3 아우디 A3는 세단의 클래식함과 쿠페의 날렵한 이미지가 조화를 이루며 우아하면서도 스포티한 스타일을 보여줍니다. 특히 유려한 루프 라인은 아우디 A3 세단의 역동성을 강렬하게 보여줍니다.",
      linkUrl: "/",
      linkText: "아우디 A3 더 알아보기",
      linkTarget: "_self",
    },
    {
      imagePath: "/img/models/Sedan_A5_1920x1080_new.avif",
      imageAlt: "A5",
      title: "A5",
      description:
        "오랜 시간 동안 사랑받고 있는 Audi의 베스트셀러 모델, Audi A4 시리즈가 10세대를 맞이하며 Audi A5라는 이름으로 새롭게 태어났습니다. 새로운 Audi A5는 스포티하면서 우아한 실루엣, 완전히 디지털화된 실내, 높은 성능과 효율을 겸비한 구동 시스템을 갖추고 있습니다.",
      linkUrl: "/",
      linkText: "아우디 A5 더 알아보기",
      linkTarget: "_self",
    },
    {
      imagePath: "/img/models/S_S5_1920x1080_new.avif",
      imageAlt: "S5",
      title: "S5",
      description:
        "오랜 시간 동안 사랑받고 있는 Audi의 베스트셀러 모델, Audi A4 시리즈가 10세대를 맞이하며 Audi A5라는 이름으로 새롭게 태어났습니다. 신형 Audi S5는 감성을 자극하는 디자인에 근육질 형태의 차체 비율, S 전용 요소, 고성능 TFSI 엔진이 조화롭게 결합되어 있습니다.",
      linkUrl: "/",
      linkText: "아우디 S5 더 알아보기",
      linkTarget: "_self",
    },
    {
      imagePath: "/img/models/Sedan_A6_1920x1080_new.avif",
      imageAlt: "A6",
      title: "A6",
      description:
        "혁신적인 이그제큐티브 클래스 세단의 시작 아우디 A6. 디자인과 효율성, 그리고 스포티함과 스타일의 만남. 혁신과 정교함이 함께할 때, 우아함은 모든 요소에서 그 면모를 드러냅니다. 형식과 기능이 하나가 될 때, '진보'는 비로소 아우디가 추구하는 모든 가치위에 존재합니다.",
      linkUrl: "/",
      linkText: "아우디 A6 더 알아보기",
      linkTarget: "_self",
    },
    {
      imagePath: "/img/models/Sedan_A8_1920x1080_new.avif",
      imageAlt: "A8",
      title: "A8",
      description:
        "Progress를 통해 새로운 세상을 만나다 아우디 A8 우아함과 역동성을 한 차원 더 끌어올린 디자인, 다양한 운전자 보조 시스템,새로운 차원의 직관적인 조작 컨셉, 그리고 더 넓어진 공간까지, Space for progress.",
      linkUrl: "/",
      linkText: "아우디 A8 더 알아보기",
      linkTarget: "_self",
    },
    {
      imagePath: "/img/models/Sedan_A8L_1920x1080_new.avif",
      imageAlt: "A8 L",
      title: "A8 L",
      description:
        "Progress를 통해 새로운 세상을 만나다 아우디 A8 L 우아함과 역동성을 한 차원 더 끌어올린 디자인, 다양한 운전자 보조 시스템,새로운 차원의 직관적인 조작 컨셉, 그리고 더 넓어진 공간까지, Space for progress.",
      linkUrl: "/",
      linkText: "아우디 A8 L 더 알아보기",
      linkTarget: "_self",
    },
    {
      imagePath: "/img/models/S_S8L_1920x1080_new.avif",
      imageAlt: "S8 L",
      title: "S8 L",
      description:
        "럭셔리 플래그십 스포츠 세단. 아우디 S8 L 아우디 S8의 목표는 단 한가지 입니다. 목적지에 빠르고 편안하게 도착하는 것입니다. 넉넉한 실내 공간과 안락한 시트, 혁신적인 조작 컨셉, 첨단 인포테인먼트 시스템과 강력한 V8 가솔린 직분사 터보차저 (TFSI) 엔진으로 마스터클래스의 드라이빙을 경험하세요.",
      linkUrl: "/",
      linkText: "아우디 S8 L 더 알아보기",
      linkTarget: "_self",
    },
  ]);
</script>
