Explorar el Código

Q8 완료 / RS-Q8 작업중

DESKTOP-T61HUSC\user hace 1 mes
padre
commit
1644a29a85

+ 15 - 0
app/components/block/cautionText4.vue

@@ -0,0 +1,15 @@
+<template>
+  <section class="caution--text--wrapper">
+    <div>
+      <p>*상기 이미지는 국내 판매 사양과 다를 수 있습니다.</p>
+      <p>
+        *본 차량에 대한 일반적인 사항은 구매 시 제공되는 사용설명서와 별도 책자를 참조
+        하시기 바랍니다.
+      </p>
+      <p>
+        *구입한 차량의 실제 사양은 표시된 사양과 다를 수 있습니다. 일부 모델은 공급이
+        불가할 수 있습니다.
+      </p>
+    </div>
+  </section>
+</template>

+ 1 - 1
app/components/block/fullSizeBannerText1.vue

@@ -26,7 +26,7 @@
 
         <NuxtLink
           v-if="btnText2"
-          :to="btnText2"
+          :to="btnLink2"
           :target="btnTarget2"
           class="default--round--btn"
         >

+ 190 - 195
app/pages/models/detail/q8-suv-2025.vue

@@ -2,36 +2,45 @@
   <main>
     <div class="detail--container--full">
       <!-- 풀사이즈 배너 텍스트 1줄용 -->
-      <fullSizeBannerText1
+      <fullSizeBannerText
         :height="856"
-        :imagePath="bannerVideoPath"
+        :imagePath="bannerTextPath"
         class="video"
-        textLocation="bottomleft"
+        textLocation="bottomleft2"
         type="cover"
-        altText="The new Audi S e-tron GT"
-        btnText="상담신청"
-        btnLink="/"
+        altText="The new Audi Q8"
+        btnText="시승 신청"
+        :btnLink="`https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=${config.public.testDriveCode}&selectCar=Q8&testType=1`"
         btnTarget="_blank"
         btnText2="내 차량 만들기"
-        btnLink2="/"
+        btnLink2="https://www.audi.co.kr/ko/models/q8/q8-suv-2025/configurator/?ulid=1762758306067&pr=4MT0N20_2026%7C0Q0Q%7COQ#configurator"
         btnTarget2="_blank"
-        cautionText="전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급"
+        cautionText=""
       />
 
-      <TrimInfoColumn :items="trimInfoItems" />
-
+      
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="Adrenaline, Fully<br/> Charged"
-        description=""
-        textAlign="center"
-        theme="dark"
-        :animation="true"
-        :animationDelay="300"
+      title="당신의 라이프, 스타일로 완성되다"
+      description=""
+      textAlign="center"
+      theme="dark"
+      :animation="true"
+      :animationDelay="300"
       />
-
+      
       <!-- 링크 리스트 컴포넌트 -->
       <LinkList class="mt--20" :links="reservationLinks" />
+      
+      <TrimInfoColumn class="mt--100" :items="trimInfoItems" />
+
+      <BlockParallaxBanner
+        :images="customParallaxImages"
+        title="우아하면서 카리스마 넘치는 외관"
+        description="Audi Q8 SUV는 인상적인 비율, 스포티한 쿠페 라인, 넉넉한 실내 공간, 다이내믹한 성능으로 시선을 사로잡습니다."
+      />
+
+      <SwiperBanner :slides="bannerSlides" :autoplay="false" :loop="false" type="" />
 
       <!-- 
       타이틀 비주얼 컴포넌트
@@ -40,8 +49,8 @@
              middle2 : 타이틀 중간사이즈면서 좌우 여백있음
       -->
       <TitleVisual
-        title="순수한 에너지 체험"
-        description="아우디 S e-tron GT: 가장 강력한 아우디 S 모델로, 그란 투리스모 순수 전기차의 힘과 아름다움에 긴 주행 가능 거리, 높은 충전 용량, 그리고 짜릿한 주행 역학을 결합한 차량입니다."
+        title="파워풀하고 우아한 외관"
+        description="Audi Q8 SUV는 클래식 콰트로 디자인과 파워풀한 숄더 라인으로 오프로드 DNA를 확실히 보여줍니다. 우아하게 경사진 루프 라인, 강렬한 Audi 싱글프레임, 새롭게 디자인 된 2D Audi 로고 그리고 특히 S 라인 익스테리어 패키지가 조화를 이루며 스포티한 외관을 완성합니다. "
         textAlign="left"
         theme="dark"
         type="middle2"
@@ -49,84 +58,52 @@
         :animationDelay="300"
       />
 
-      <!-- 
-        Swiper 배너 (30% + 70% 레이아웃)
-        type="vertical", 
-        type="horizental"
-      -->
       <SwiperBanner
-        :slides="bannerSlides"
-        title=""
-        subtitle=""
-        smalldesc=""
+        :slides="bannerSlides2"
         notice=""
-        type="vertical"
-        :autoplay="{ delay: 0 }"
+        :autoplay="false"
         :loop="false"
       />
 
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="충전 중에도 우수한 성능"
-        description="충전하는 동안에도 짜릿한 성능을 만끽하세요. 낮은 온도에서도 최대 320kW의 충전 용량을 이용할 수 있으며, 안정적인 충전 곡선 덕분에 고속 충전의 진가를 느낄 수 있습니다."
+        title="디지털 조명의 혁신"
+        description="Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트와 네 가지 디지털 OLED 테일라이트는 라이트 시그니처를 통해 매력적인 나만의 라이트 애니메이션을 연출할 수 있습니다. (Premium 모델 적용) "
         textAlign="left"
-        theme="dark"
         type="middle2"
+        theme="dark"
         :animation="true"
         :animationDelay="300"
       />
 
       <SwiperBanner
-        :slides="bannerSlides2"
-        notice=""
+        :slides="bannerSlides3"
+        :autoplay="true"
+        :loop="true"
         type="vertical"
-        :autoplay="{ delay: 0 }"
-        :loop="false"
       />
 
-      <TrimInfoColumn :items="trimInfoItems2" class="mt--180" />
-
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="코너링의 즐거움"
-        description="콰트로 사륜구동과 에어 서스펜션이 스포츠카 특유의 숨막히는 역동성을 제공합니다. 전기 토크 벡터링이 필요에 따라 후방 구동 휠에 다양한 수준의 토크를 배분하며, 이로써 코너링 시 우수한 후방 민첩성이 보장됩니다."
-        textAlign="left"
-        theme="dark"
-        type="middle2"
-        :animation="true"
-        :animationDelay="300"
-      />
-
-      <SwiperBanner :slides="bannerSlides3" :autoplay="false" :loop="false" type="" />
-
-      <!-- 타이틀 비주얼 컴포넌트 -->
-      <TitleVisual
-        title="에너지로 충만한 아름다움"
-        description="아우디 S e-tron GT는 낮고 유려한 실루엣, 긴 휠베이스, 그리고 눈길을 사로잡는 S 디자인 요소를 갖추고 있습니다. 플로렛 실버 메탈릭 색상의 마감 도색이 그란 투리스모 특유의 강력한 비율과 역동적인 형태감을 강조합니다."
+        title="다기능 공간 콘셉트"
+        description="넉넉한 실내 공간에 파노라마 글래스 선루프가 더해져 더욱 개방적인 느낌을 줍니다. 필요에 따라 유연하게 공간을 구성할 수 있으며, 완전히 접으면 최대 1,755리터의 트렁크 용량을 확보할 수 있습니다."
         textAlign="left"
         type="middle2"
         theme="dark"
         :animation="true"
         :animationDelay="300"
+        class="mt--100"
       />
 
       <SwiperBanner
         :slides="bannerSlides4"
-        :autoplay="false"
-        :loop="false"
+        title=""
+        subtitle=""
+        smalldesc=""
+        notice=""
         type="vertical"
-      />
-
-      <!-- 타이틀 비주얼 컴포넌트 -->
-      <TitleVisual
-        title="디테일에 숨겨진 스포티한 매력"
-        description="운전자 중심의 콕핏 레이아웃, 스포티한 윤곽의 스티어링 휠, 그리고 앞쪽에 S자 조명 엠블럼이 달린 스포츠 시트 플러스가 실내에서도 스포츠카만의 분위기를 조성합니다."
-        textAlign="left"
-        type="middle2"
-        theme="dark"
-        :animation="true"
-        :animationDelay="300"
-        class="mt--100"
+        :autoplay="{ delay: 0 }"
+        :loop="false"
       />
 
       <SwiperBanner
@@ -134,13 +111,12 @@
         :autoplay="false"
         :loop="false"
         class="mt--80"
-        type="vertical"
       />
 
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="눈에 띄는 특별함 – 아우디 익스클루시브"
-        description="내가 특별한 만큼, 내 아우디도 특별해야 합니다. 아우디 S e-tron GT에 나만의 독창적인 매력을 더해 보세요."
+        title="역동성과 높은 활용도"
+        description="Audi Q8 SUV는 주행 시 자유로움과 자신감을 선사하며 스포티한 주행, 오프로드 성능, 최대 3.5톤의 트레일러 하중으로 높은 활용도를 자랑합니다. "
         textAlign="left"
         type="middle2"
         theme="dark"
@@ -149,7 +125,14 @@
         class="mt--100"
       />
 
-      <ProductCard
+      <SwiperBanner
+        :slides="bannerSlides6"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+      />
+
+      <!-- <ProductCard
         data-type="square"
         image="/img/models/e-tron-gt/SeGT_2024_6505-S-L.webp"
         title="아우디 S e-tron GT가 마음에 드시나요?"
@@ -159,16 +142,16 @@
         buttonTarget="_blank"
         layout="horizontal"
         imagePosition="left"
-      />
+      /> -->
 
-      <CareProgramItem data-type-row="3" :items="careProgramItems" />
+      <!-- <CareProgramItem data-type-row="3" :items="careProgramItems" /> -->
 
       <!-- 제품 카드 컴포넌트 -->
       <ProductCard
         data-type="square"
         image="/img/etronms/3_730X730.webp"
         title="Audi
-      Warranty 아우디 보증 프로그램"
+      Warranty"
         smallTitle="아우디 보증 프로그램"
         subtitle="더 오래,
       더 안전한 드라이빙을 위한 아우디 5년 보증 프로그램으로 아우디와 함께 어디든 안심하고
@@ -199,15 +182,11 @@
 
       <ProductCard
         data-type="square"
-        image="/img/etronms/e-tron_1920x1920.webp"
-        title="아우디 전기차
-"
-        smallTitle="카 서비스 플러스"
-        subtitle="아우디 최초의 순수 전기차 아우디 e-tron은 아우디 브랜드 역사의 완전한 새로운 장을 열었습니다.<br/>
-아우디 e-tron은 순수 전기 모터로 구동되며 급속 충전 편의성, 주행 중 첨단 에너지 회수 기능을 보유하고 있습니다.<br/>
-지속적으로 확장되는 아우디 e-tron 제품군은 전력으로 구동되며, 정교한 차량 디자인과 역동적인 성능 및 핸들링을 제공합니다."
-        buttonText="카 서비스 플러스 확인하기"
-        buttonUrl="/models/etron"
+        image="/img/models/q8/q8/suv.jpg"
+        title="아우디 SUV"
+        subtitle="아우디의 브랜드 철학은 'Q' SUV 모델이 추구하는 가치와 맞닿아 있습니다. 액티브한 라이프스타일을 지향하고 도심과 오프로드의 드라이빙 성능을 타협하지 않는 엔지니어링을 추구합니다. 도전적이고 혁신적인, 그러나 자유롭고 여유를 아는 열정가인 당신을 위해. 모든 길에 Q가 있다. 아우디 SUV, Q Familiy."
+        buttonText="아우디 SUV 확인하기"
+        buttonUrl="/models/suv"
         buttonTarget="_self"
         layout="horizontal"
         imagePosition="left"
@@ -220,12 +199,12 @@
 
 <script setup>
   // 컴포넌트 import
-  import fullSizeBannerVideo from "~/components/block/fullSizeBannerVideo.vue";
+  import fullSizeBannerText from "~/components/block/fullSizeBannerText1.vue";
   import ParallaxBanner from "~/components/block/parallaxBanner.vue";
   import SwiperBanner from "~/components/block/SwiperBanner.vue";
   import TitleVisual from "~/components/block/TitleVisual.vue";
   import ProductCard from "~/components/block/ProductCard.vue";
-  import CautionText from "~/components/block/cautionText3.vue";
+  import CautionText from "~/components/block/cautionText4.vue";
   import LinkList from "~/components/block/LinkList.vue";
   import TrimInfoColumn from "~/components/block/TrimInfoColumn.vue";
   import CareProgramItem from "~/components/block/CareProgramItem.vue";
@@ -233,42 +212,54 @@
   // Runtime Config 가져오기
   const config = useRuntimeConfig();
 
-  const bannerVideoPath = ref("/img/models/q8/q8/main1.jpg");
+  const bannerTextPath = ref("/img/models/q8/q8/main1.jpg");
 
   // Trim 정보 데이터
   const trimInfoItems = ref([
     {
-      title: "최대 주행 가능 거리 (복합 기준)",
-      value: "420",
-      unit: "km",
-      subText: "10분내",
+      title: "최대출력",
+      value: "340",
+      unit: "ps",
+      subText: "Q8 55 TFSI quattro 기준",
     },
     {
-      title: "재충전 주행 가능 거리 (유럽 WLTP 기준)",
-      value: "280",
-      unit: "km",
-      subText: "10분내",
+      title: "최대 수납 공간",
+      value: "1,755",
+      unit: "리터",
+      subText: "",
     },
     {
-      title: "충전 용량 10%에서 80%까지 소요 시간 (유럽 WLTP 기준)",
-      value: "18",
-      unit: "",
-      subText: "최고 320kW의 최대 DC 전력 충전 시",
+      title: "최대 견인력",
+      value: "3,500",
+      unit: "kg",
+      subText: "",
     },
   ]);
 
   // 링크 데이터 배열
   const reservationLinks = ref([
+    {
+      text: "시승 신청",
+      url: "https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=" + config.public.testDriveCode + "&selectCar=Q8&testType=1",
+      target: "_blank",
+      showIcon: true,
+    },
     {
       text: "내 차량 만들기",
       url:
-        "https://www.audi.co.kr/ko/models/e-tron-gt/s-e-tron-gt-master-2025/konfigurator/?ulid=1762749286140&pr=F8PR9D0_2025%7CL5L5%7CFO#configurator",
+        "https://www.audi.co.kr/ko/models/e-tron-gt/rs-e-tron-gt-performance-master-2025/konfigurator/?ulid=1762755892978&pr=F8PR8D0_2025%7CL5L5%7CAR#configurator",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "월 납입금 계산",
+      url: "https://www.audikoreaevent.co.kr/lms/calculator.do?cidx=9",
       target: "_blank",
       showIcon: true,
     },
     {
       text: "차량 상담",
-      url: config.public.testdrive,
+      url: "https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=" + config.public.testDriveCode + "&selectCar=Q8&testType=2",
       target: "_blank",
       showIcon: true,
     },
@@ -280,14 +271,14 @@
     },
     {
       text: "카탈로그 다운로드",
-      url: "https://indd.adobe.com/view/8aee0a52-9278-4af3-9dea-e7e0fc354ff6",
+      url:
+        "https://www.audikoreaevent.co.kr/aca/ecatalog/download/Audi_Q8_catalogue.pdf",
       target: "_blank",
       showIcon: true,
     },
     {
       text: "디지털 카탈로그",
-      url:
-        "https://www.audikoreaevent.co.kr/aca/ecatalog/download/Audi_SETGT25_&_RSETGTPFM25_catalog.pdf",
+      url: "http://www.audi-catalogue.co.kr/Q8/",
       target: "_blank",
       showIcon: true,
     },
@@ -296,154 +287,158 @@
   // Swiper 배너 슬라이드 데이터 (30% + 70% 레이아웃용)
   const bannerSlides = ref([
     {
-      video: "/img/models/e-tron-gt/s-e-tron-gt-walkaround-L.mp4",
-      alt: "",
-      title: "",
-      subtitle: "",
+      video: "/img/models/q8/q8/slide1-1.mp4",
+      alt: "강력한 존재감",
+      title: "강력한 존재감",
+      subtitle: "블랙 패키지와 함께 새로운 사키르 골드, 메탈릭 색상이 추가되어 스포티함과 우아함의 완벽한 조화가 돋보입니다. 실내 공간이 여유롭게 디자인되어 탑승객과 짐을 위한 넉넉한 공간을 제공합니다.",
+      smalldesc: "",
+    },
+    {
+      video: "/img/models/q8/q8/slide1-2.mp4",
+      alt: "매혹적인 디지털 조명 기술",
+      title: "매혹적인 디지털 조명 기술",
+      subtitle: "Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트와 네 가지 라이트 시그니처 세트와 매칭되는 다이내믹한 조명 시퀀스가 적용된 디지털 OLED 테일라이트가 차량 외관에 개성 넘치는 매력을 더합니다.(Premium 모델)",
       smalldesc: "",
     },
+    {
+      image: "/img/models/q8/q8/slide1-3.jpg",
+      alt: "",
+      title: "모험심을 충족시켜주는 역동성",
+      subtitle: "콰트로 사륜구동, 파워풀한 엔진, 어댑티브 에어 서스펜션이 결합되어 고속 주행뿐만 아니라 그 어떤 주행에서도 최고의 성능을 선사합니다. Audi Q8 SUV가 선사하는 주행 역동성의 짜릿함을 만끽해보십시오."
+    }
   ]);
 
   const bannerSlides2 = ref([
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6504_Cast-L.avif",
-      alt: "고출력 충전",
-      title: "고출력 충전",
+      image: "/img/models/q8/q8/slide2-1.jpg",
+      alt: "진취적인 느낌의 외관",
+      title: "진취적인 느낌의 외관",
       subtitle:
-        "약 18분 안에 10%에서 80%까지 충전됩니다. 또 10분이면 280km를 주행하기에 충분한 전력을 보충할 수 있습니다. 고전압 배터리를 탑재한 덕분에 HPC 충전소에서 이렇게 빠른 대용량 충전(충전 용량 최대 320kW)이 가능합니다.",
+        "S 라인 익스테리어 패키지로 Audi Q8 SUV의 스포티한 면이 한층 부각됩니다. 스칸듐 그레이 혹은 블랙 컬러의 Audi 싱글프레임 마스크와 새로워진 디자인의 라디에이터 그릴에서 역동적인 매력이 강조됩니다. 이뿐만 아니라, 전체 도장 마감 처리된 S 라인 범퍼와 대형 흡기구가 시선을 사로잡는 차량 전면 디자인을 연출합니다.",
       cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급<br/>유럽 WLTP 기준",
+        "",
     },
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6505-L.avif",
-      alt: "내 생애 가장 오래 이어지는 아드레날린 킥",
-      title: "내 생애 가장 오래 이어지는 아드레날린 킥",
+      image: "/img/models/q8/q8/slide2-2.jpg",
+      alt: "스포티한 디테일",
+      title: "스포티한 디테일",
       subtitle:
-        "기대하세요. 무려 420km(복합 기준)에 달하는 아우디 그란 투리스모 전기차의 기나긴 주행 가능 거리 덕분에 역동적인 주행 경험이 오래도록 지속됩니다.",
+        "일체형 테일파이프와 디퓨저는 Audi Q8 SUV의 주행성능을 그대로 보여줍니다. 2D로 새롭게 디자인된 전후면의 Audi 로고는 새로운 디자인 언어에서 두드러지는 특징입니다. S 루프 엣지 스포일러가 장착된 S 라인 익스테리어 패키지는 고급스러운 외관을 완성해줍니다.",
       cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+        "",
     },
     {
-      image: "/img/models/e-tron-gt/RRA0356-L-1.jpg",
-      alt: "효율성을 위한 방향 전환",
-      title: "효율성을 위한 방향 전환",
+      image: "/img/models/q8/q8/slide2-3.jpg",
+      alt: "유려한 바디라인",
+      title: "유려한 바디라인",
       subtitle:
-        "아우디 e-tron GT를 위해 특별히 개발된 21인치 타이어는 기존 타이어 대비 최적화된 구름 저항으로 효율성이 우수하며, 따라서 주행 가능 거리를 늘리는 데 유리합니다. 이 타이어는 평균 55%의 재생 원료와 재활용 원료를 사용해 제조됩니다.",
-      cautiondesc: "참고: 사진의 모델은 아우디 RS e-tron GT 입니다.",
-    },
-  ]);
-
-  // Trim 정보 데이터
-  const trimInfoItems2 = ref([
-    {
-      title: "합산 출력",
-      value: "435",
-      unit: "kW",
-      subText: "",
-    },
-    {
-      title: "가속 (0-100km/h)",
-      value: "3.6",
-      unit: "초",
-      subText: "(Launch Control 모드: 3.4초)",
+        "Audi Q8 SUV가 자랑하는 우아한 외관은 무엇보다도 경사진 루프 라인의 쿠페 실루엣 덕분입니다. 이로 인해 차량 라인이 더욱 우아하고 역동적으로 보입니다. B-필러에는 엔진 타입을 비롯한 모델명이 레이저로 각인되어 있습니다.",
+      cautiondesc:
+        "",
     },
     {
-      title: "배터리 용량 (Gross)",
-      value: "105",
-      unit: "kWh",
-      subText: "",
-    },
+      image: "/img/models/q8/q8/slide2-4.jpg",
+      alt: "어디에서나 돋보이는 디자인",
+      title: "어디에서나 돋보이는 디자인",
+      subtitle:
+        "인상적인 디자인의 5-트윈암 그라파이트 그레이 22인치 휠 혹은 아우디 스포트 5-트윈스포크 모듈 매트 텍스처 그레이인서트 22인치 휠(Premium 모델)이 Audi Q8 SUV의 진취적인 미적 감각을 한층 돋보이게 합니다.",
+      cautiondesc:
+        "",
+    }
   ]);
 
   const bannerSlides3 = ref([
     {
       video:
-        "/img/models/e-tron-gt/EN-240430_Audi_GT_LAUNCH_CONTROL_29s_v11_1x1_CLEAN.mp4",
-      alt: "처음부터 압도적인 성능",
-      title: "처음부터 압도적인 성능",
+        "/img/models/q8/q8/slide3-1.mp4",
+      alt: "조명 선택",
+      title: "조명 선택",
       subtitle:
-        "아드레날린이 솟구치는 짜릿한 경험이 매 순간 반복됩니다. 아우디 S e-tron GT 모델은 최대 435kW의 강력한 출력을 바탕으로 런치 컨트롤 모드에서 극한의 가속을 선사합니다(전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급). 정지 상태에서 3.6초(Launch Control 모드: 3.4초)면 100km/h에 도달합니다. 또한 아우디 S e-tron GT 모델의 e-tron 스포츠 사운드 덕분에 감동적인 주행 경험을 귀로도 느낄 수 있습니다. 절제, 균형, 스포티 등 원하는 사운드 프로필 옵션을 선택하세요.",
+        "진정 특별한 카리스마를 발산하고자 한다면, MMI에서 HD 매트릭스 LED 헤드라이트와 네 가지 디지털 OLED 테일라이트 시그니처를 선택할 수 있습니다. (Premium 모델 적용)",
       smalldesc: "",
-      cautiondesc: "참고: 사진의 모델은 아우디 RS e-tron GT performance 입니다.",
+      cautiondesc: "",
     },
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6505-S-L.avif",
-      alt: "노면과 하나 되는 감각",
-      title: "노면과 하나 되는 감각",
+      video:
+        "/img/models/q8/q8/slide3-1.mp4",
+      alt: "시야 확보를 위한 조명",
+      title: "시야 확보를 위한 조명",
       subtitle:
-        "정밀하게 조향되며 조향 각도는 감소했습니다. 더 직접적인 조향 비율의 전륜 스포츠 스티어링은 특히 굽은 도로에서 운전하는 재미를 더욱 높여주며, 사륜 스티어링은 아우디 S e-tron GT의 민첩성을 한층 더 향상시킵니다.",
+        "Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트는 거의 두 배에 달하는 조명 범위로 운전자의 마음을 사로잡습니다. 또한 운전자가 선택한 라이트 시그니처에 맞춰 귀가/외출 기능의 다이내믹한 조명 시퀀스를 표시해줍니다. (Premium 모델 적용) ",
       smalldesc: "",
-      cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+      cautiondesc: "",
     },
   ]);
 
   const bannerSlides4 = ref([
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6511-L.avif",
-      alt: "모두가 주목하는 스포티한 감각",
-      title: "모두가 주목하는 스포티한 감각",
+      video: "/img/models/q8/q8/main3.mp4",
+      alt: "",
+      title: "",
       subtitle:
-        "넓은 전면부와 독특한 공기 흡입구, 눈에 띄는 범퍼가 스포츠카만의 인상적인 존재감을 드러냅니다. 싱글프레임의 반전 매력이 느껴지는 그릴은 특유의 3D 엠보싱으로 이러한 인상을 더욱 강화합니다.",
+        "",
       smalldesc: "",
     },
+  ]);
+
+  const bannerSlides5 = ref([
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6509-L.avif",
-      alt: "다이내믹한 마감",
-      title: "다이내믹한 마감",
+      image: "/img/models/q8/q8/slide4-1.jpg",
+      alt: "손끝에 느껴지는 프리미엄 인테리어의 퀄러티",
+      title: "손끝에 느껴지는 프리미엄 인테리어의 퀄러티",
       subtitle:
-        "강력한 후방 디퓨저는 공기역학적 효율성과 명료한 시각적 아름다움을 결합한 결과물입니다. 수직 슬랫을 통해 난류를 줄이는 한편, 디퓨저 위에 차체 색상의 인레이를 넣어 S 모델 특유의 디자인 감각을 강조했습니다.",
+        "Audi Q8 SUV의 매트 브러쉬드 알루미늄 인레이가 전체적으로 고급스럽고 조화로운 느낌을 자아냅니다.",
       smalldesc: "",
-      cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2&nbsp;배출량&nbsp;(복합): 0g/km,&nbsp;배출 등급: 4등급",
     },
     {
-      video: "/img/models/e-tron-gt/s-e-tron-gt-chlh-lights-animation-L.mp4",
-      alt: "혁신적인 조명 디자인",
-      title: "혁신적인 조명 디자인",
+      image: "/img/models/q8/q8/slide4-2.jpg",
+      alt: "모든 좌석을 최고의 좌석으로",
+      title: "모든 좌석을 최고의 좌석으로",
       subtitle:
-        "커밍 홈/리빙 홈 기능의 다이내믹한 라이트 시퀀스가 혁신적인 느낌을 선사합니다. 후면 전체를 가로지르는 조명 스트립은 특히 강렬한 인상을 남깁니다.",
-      cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2&nbsp;배출량&nbsp;(복합): 0g/km,&nbsp;배출 등급: 4등급",
+        "S 엠보싱 처리된 마름모 패턴과 스티칭이 들어간 발코나 가죽 스포츠 시트 플러스가 탁월한 착좌감을 제공합니다. 사이드 볼스터와 허리 요추 받침대는 공기압으로 조절하여 체형에 맞게 조정할 수 있으며 앞 좌석 마사지 시트도 여행의 피로를 덜어줍니다.",
+      smalldesc: "",
     },
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6511-L-2.avif",
-      alt: "빛으로 완성되는 존재감",
-      title: "빛으로 완성되는 존재감",
+      image: "/img/models/q8/q8/slide4-3.jpg",
+      alt: "놀라운 3D 사운드 경험",
+      title: "놀라운 3D 사운드 경험",
       subtitle:
-        "매트릭스 LED 헤드라이트와 아우디 레이저 라이트는 아우디의 진보적 디자인을 대표하는 핵심 요소입니다. 아우디 레이저 라이트의 파란색 포인트가 돋보이는 독창적인 조명 시그니처는 이 자동차의 스포티한 개성을 더욱 강조합니다.",
-      smalldesc: "",
+        "놀라운 입체 사운드를 경험해보십시오. 16채널, 19스피커, 730와트 Bang & Olufsen 3D 프리미엄 사운드 시스템의 입체음향이 실내 공간을 실제보다 더 넓게 느껴지도록 합니다.",
+      smalldesc: "참고: 이미지는 B&O 3D Advanced Sound이며 3D Premium Sound와 다를 수 있습니다.",
     },
   ]);
 
-  const bannerSlides5 = ref([
+  const bannerSlides6 = ref([
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6529_EN-L.avif",
-      alt: "한눈에 들어오는 디지털 정보",
-      title: "한눈에 들어오는 디지털 정보",
+      image: "/img/models/q8/q8/slide5-1.jpg",
+      alt: "파워풀한 역동성",
+      title: "파워풀한 역동성",
       subtitle:
-        "아우디 버추얼 콕핏 플러스의 12.3인치 디스플레이는 속도 및 내비게이션 안내뿐만 아니라 배터리 온도 및 현재 차량의 최대 허용 충전 용량 등 충전 프로세스 관련 정보도 표시해 줍니다.",
+        "Audi Q8 SUV는 경쾌한 구동력을 선사하는 파워풀한 TFSI 및 TDI엔진을 제공합니다. 기본 장착된 어댑티브 에어 서스펜션을 통해 탁월한 주행 역동성과 향상된 승차감을 만끽할 수 있습니다.",
       smalldesc: "",
     },
     {
-      video: "/img/models/e-tron-gt/Audi_GT-Post-GlassRoof-S_1920x1080.mp4",
-      alt: "새로운 차원의 개방감",
-      title: "새로운 차원의 개방감",
+      image: "/img/models/q8/q8/slide5-2.jpg",
+      alt: "한 차원 높은 드라이빙의 즐거움",
+      title: "한 차원 높은 드라이빙의 즐거움",
       subtitle:
-        "블라인드처럼 간편하게 조작할 수 있으면서도, 훨씬 더 다양하게 활용 가능합니다. 파노라마 글래스 루프를 구성하는 9개의 세그먼트는 각각 투명 또는 불투명으로 전환할 수 있습니다. 원하는 곳으로 햇살이 들어오도록 MMI 터치 디스플레이에서 선택하면 됩니다.",
+        "Audi Q8 SUV에는 정밀한 핸들링과 최상의 접지력을 위해 콰트로 사륜구동 시스템이 기본 장착되어 있습니다. 또한 최대 254mm에 이르는 지상고 덕택에 다채로운 주행 경험을 즐길 수 있습니다.",
       smalldesc: "",
-    },
-    {
-      video: "/img/models/e-tron-gt/Frunk_S_Etron_GT-L.mp4",
-      alt: "더 넉넉한 공간",
-      title: "더 넉넉한 공간",
-      subtitle:
-        "긴 보닛 아래에 추가 수납 공간이 마련되어, 수납 용량이 77리터나 더 늘어났습니다.",
-      smalldesc: "",
-      cautiondesc: "유럽인증기준",
-    },
+    }
   ]);
 
+  // Parallax Banner 이미지 데이터
+  const customParallaxImages = ref({
+    xl: '/img/models/q8/q8/main2.jpg',
+    xl2x: '/img/models/q8/q8/main2.jpg',
+    m: '/img/models/q8/q8/main2.jpg',
+    m2x: '/img/models/q8/q8/main2.jpg',
+    s: '/img/models/q8/q8/main2.jpg',
+    s2x: '/img/models/q8/q8/main2.jpg',
+    xs: '/img/models/q8/q8/main2.jpg',
+    xs2x: '/img/models/q8/q8/main2.jpg'
+  });
+
   const careProgramItems = ref([
     {
       imagePath: "/img/models/e-tron-gt/RSeGTp_2024_6631-L.avif",

+ 420 - 0
app/pages/models/detail/rs-q8-suv-performance-2025.vue

@@ -0,0 +1,420 @@
+<template>
+  <main>
+    <div class="detail--container--full">
+      <!-- 풀사이즈 배너 텍스트 1줄용 -->
+      <fullSizeBannerText
+        :height="856"
+        :imagePath="bannerTextPath"
+        class="video"
+        textLocation="bottomleft2"
+        type="cover"
+        altText="The new Audi RS Q8 performance"
+        btnText="상담 신청"
+        :btnLink="`https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=${config.public.testDriveCode}&selectCar=RS_Q8&testType=2`"
+        btnTarget="_blank"
+        btnText2="내 차량 만들기"
+        btnLink2="https://www.audi.co.kr/ko/models/q8/rs-q8-suv-performance-2025/configurator/?ulid=1762763362242&pr=4MTRR20_2025%7C9399%7CAR#configurator"
+        btnTarget2="_blank"
+        cautionText=""
+      />
+
+      
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+      title="시선은 사로잡고, 심장을 뒤흔든다"
+      description=""
+      textAlign="center"
+      theme="dark"
+      :animation="true"
+      :animationDelay="300"
+      />
+      
+      <!-- 링크 리스트 컴포넌트 -->
+      <LinkList class="mt--20" :links="reservationLinks" />
+      
+      <TrimInfoColumn class="mt--100" :items="trimInfoItems" />
+
+      <TitleVisual
+        title="우아함을 충족시켜주는 성능"
+        description="Audi RS Q8 performance는 강력한 V8 4.0 트윈터보 엔진과 SUV의 여유로운 공간, 럭셔리한 편안함과 독보적인 디자인이 결합된 모델입니다."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner :slides="bannerSlides" :autoplay="false" :loop="false" type="vertical" />
+
+      <!-- 
+      타이틀 비주얼 컴포넌트
+
+      type : middle 타이틀 중간사이즈면 좌우 여백없음
+             middle2 : 타이틀 중간사이즈면서 좌우 여백있음
+      -->
+      <TitleVisual
+        title="가공할 위력, 놀라운 역동성"
+        description="정지 상태에서 시속 100 km까지 단 3.6초만에 도달합니다.<br>출력 640 PS, 최대 토크 86.68 kg.m의 강력한 성능을 자랑하는 Audi RS Q8 performance는 기본으로 장착된 RS 세라믹 브레이크와 정교하게 튜닝된 드라이브 및 서스펜션 부품을 통해 놀라운 역동성을 선사합니다."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides2"
+        notice=""
+        :autoplay="false"
+        :loop="false"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="독보적인 캐릭터"
+        description="Audi RS Q8 performance의 독보적인 캐릭터는 블랙 패키지 플러스 외장과 매트 카본 스타일링 패키지로 더욱 빛납니다."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides3"
+        :autoplay="true"
+        :loop="true"
+        type="vertical"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides4"
+        title=""
+        subtitle=""
+        smalldesc=""
+        notice=""
+        type="vertical"
+        :autoplay="{ delay: 0 }"
+        :loop="false"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides5"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="역동성과 높은 활용도"
+        description="Audi Q8 SUV는 주행 시 자유로움과 자신감을 선사하며 스포티한 주행, 오프로드 성능, 최대 3.5톤의 트레일러 하중으로 높은 활용도를 자랑합니다. "
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+        class="mt--100"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides6"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+      />
+
+      <!-- <ProductCard
+        data-type="square"
+        image="/img/models/e-tron-gt/SeGT_2024_6505-S-L.webp"
+        title="아우디 S e-tron GT가 마음에 드시나요?"
+        subtitle="지금 바로 고품질의 기본 구성부터 시작해보세요."
+        buttonText="차량 구성하기"
+        buttonUrl="https://www.audi.co.kr/ko/models/e-tron-gt/s-e-tron-gt-master-2025/konfigurator/?ulid=1762753594174&pr=F8PR9D0_2025%7CL5L5%7CFO#configurator"
+        buttonTarget="_blank"
+        layout="horizontal"
+        imagePosition="left"
+      /> -->
+
+      <!-- <CareProgramItem data-type-row="3" :items="careProgramItems" /> -->
+
+      <!-- 제품 카드 컴포넌트 -->
+      <ProductCard
+        data-type="square"
+        image="/img/etronms/3_730X730.webp"
+        title="Audi
+      Warranty"
+        smallTitle="아우디 보증 프로그램"
+        subtitle="더 오래,
+      더 안전한 드라이빙을 위한 아우디 5년 보증 프로그램으로 아우디와 함께 어디든 안심하고
+      떠나세요.<br /><br />
+      › 대상차량 : 아우디코리아에서 공식 딜러사를 통해 판매하는 모든 21년식 모델부터
+      적용<br /><br />
+      › 보증 기간 : 5년 보증 또는 최종 주행거리 150,000km 까지 (선도래조건)<br /><br />
+      › 대상 부품 : 제조사 보증과 동일<br /><br />
+      › 차량당 총 보상한도(누적) : 신차 권장소비자가격(VAT포함)<br /><br />
+      * 자세한 내용은 차량과 함께 제공되는 아우디 보증서를 확인하세요."
+        layout="horizontal"
+        imagePosition="left"
+      />
+
+      <ProductCard
+        data-type="square"
+        image="/img/models/e-tron-gt/2_730X730.webp"
+        title="Car Service Plus"
+        smallTitle="카 서비스 플러스"
+        subtitle="카 서비스 플러스 프로그램은 아우디 공식 서비스센터에서 제공하는 차량 유지관리 서비스 입니다.<br/><br/>
+아우디 공식 서비스센터를 통해 제공되는 전문적이고 체계적인 유지관리는 추가 비용 부담없이 고객님 차량의 가치를 더욱 높여줄 것입니다."
+        buttonText="카 서비스 플러스 확인하기"
+        buttonUrl="/service/program/carserviceplus"
+        buttonTarget="_self"
+        layout="horizontal"
+        imagePosition="right"
+      />
+
+      <ProductCard
+        data-type="square"
+        image="/img/models/q8/q8/suv.jpg"
+        title="아우디 SUV"
+        subtitle="아우디의 브랜드 철학은 'Q' SUV 모델이 추구하는 가치와 맞닿아 있습니다. 액티브한 라이프스타일을 지향하고 도심과 오프로드의 드라이빙 성능을 타협하지 않는 엔지니어링을 추구합니다. 도전적이고 혁신적인, 그러나 자유롭고 여유를 아는 열정가인 당신을 위해. 모든 길에 Q가 있다. 아우디 SUV, Q Familiy."
+        buttonText="아우디 SUV 확인하기"
+        buttonUrl="/models/suv"
+        buttonTarget="_self"
+        layout="horizontal"
+        imagePosition="left"
+      />
+
+      <CautionText />
+    </div>
+  </main>
+</template>
+
+<script setup>
+  // 컴포넌트 import
+  import fullSizeBannerText from "~/components/block/fullSizeBannerText1.vue";
+  import ParallaxBanner from "~/components/block/parallaxBanner.vue";
+  import SwiperBanner from "~/components/block/SwiperBanner.vue";
+  import TitleVisual from "~/components/block/TitleVisual.vue";
+  import ProductCard from "~/components/block/ProductCard.vue";
+  import CautionText from "~/components/block/cautionText4.vue";
+  import LinkList from "~/components/block/LinkList.vue";
+  import TrimInfoColumn from "~/components/block/TrimInfoColumn.vue";
+  import CareProgramItem from "~/components/block/CareProgramItem.vue";
+
+  // Runtime Config 가져오기
+  const config = useRuntimeConfig();
+
+  const bannerTextPath = ref("/img/models/q8/rs-q8/main1.jpg");
+
+  // Trim 정보 데이터
+  const trimInfoItems = ref([
+    {
+      title: "최대 출력",
+      value: "640",
+      unit: "ps",
+      subText: "",
+    },
+    {
+      title: "가속력(0~100 km/h)",
+      value: "3.6",
+      unit: "초",
+      subText: "",
+    },
+    {
+      title: "최고 속도",
+      value: "305",
+      unit: "km/h",
+      subText: "(안전 제한속도)",
+    },
+  ]);
+
+  // 링크 데이터 배열
+  const reservationLinks = ref([
+    {
+      text: "내 차량 만들기",
+      url:
+        "https://www.audi.co.kr/ko/models/q8/rs-q8-suv-performance-2025/configurator/?ulid=1762763446882&pr=4MTRR20_2025%7C9399%7CAR#configurator",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "월 납입금 계산",
+      url: "https://www.audikoreaevent.co.kr/lms/calculator.do?cidx=71",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "차량 상담",
+      url: "https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=" + config.public.testDriveCode + "&selectCar=RS_Q8&testType=2",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "전시장/AS센터",
+      url: "/company/serviceCenter",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "카탈로그 다운로드",
+      url:
+        "https://www.audikoreaevent.co.kr/aca/ecatalog/download/Audi_RS_Q8_catalogue.pdf",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "디지털 카탈로그",
+      url: "http://www.audi-catalogue.co.kr/RSQ8/",
+      target: "_blank",
+      showIcon: true,
+    },
+  ]);
+
+  // Swiper 배너 슬라이드 데이터 (30% + 70% 레이아웃용)
+  const bannerSlides = ref([
+    {
+      video: "/img/models/q8/rs-q8/main2.mp4",
+      alt: "",
+      title: "",
+      subtitle: "",
+      smalldesc: "",
+    },
+  ]);
+
+  const bannerSlides2 = ref([
+    {
+      image: "/img/models/q8/rs-q8/slide1-1.jpg",
+      alt: "확실한 역동성",
+      title: "확실한 역동성",
+      subtitle:
+        "가속 시 RS 스포츠 배기 시스템과 인상적인 V8 엔진사운드가 스포츠 드라이빙의 즐거움을 더해줍니다. 최고 속도는 305 km/h에 달하며 RS 전용 소프트웨어 덕분에 스포츠 디퍼렌셜이 적용된 콰트로 사륜구동 시스템이 더욱 정교한 드라이빙을 선사합니다.",
+      cautiondesc:
+        "",
+    },
+    {
+      image: "/img/models/q8/rs-q8/slide1-2.jpg",
+      alt: "성능을 충족시켜주는 제어",
+      title: "성능을 충족시켜주는 제어",
+      subtitle:
+        "기본 장착된 RS 세라믹 브레이크 시스템이 역동적인 주행에서도 과열 없이 차체를 최대한 제어할 수 있게 해줍니다. 또한 레드 컬러로 도장된 대형 브레이크 캘리퍼가 시선을 사로잡습니다.",
+      cautiondesc:
+        "",
+    },
+  ]);
+
+  const bannerSlides3 = ref([
+    {
+      video:
+        "/img/models/q8/q8/slide3-1.mp4",
+      alt: "조명 선택",
+      title: "조명 선택",
+      subtitle:
+        "진정 특별한 카리스마를 발산하고자 한다면, MMI에서 HD 매트릭스 LED 헤드라이트와 네 가지 디지털 OLED 테일라이트 시그니처를 선택할 수 있습니다. (Premium 모델 적용)",
+      smalldesc: "",
+      cautiondesc: "",
+    },
+    {
+      video:
+        "/img/models/q8/q8/slide3-1.mp4",
+      alt: "시야 확보를 위한 조명",
+      title: "시야 확보를 위한 조명",
+      subtitle:
+        "Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트는 거의 두 배에 달하는 조명 범위로 운전자의 마음을 사로잡습니다. 또한 운전자가 선택한 라이트 시그니처에 맞춰 귀가/외출 기능의 다이내믹한 조명 시퀀스를 표시해줍니다. (Premium 모델 적용) ",
+      smalldesc: "",
+      cautiondesc: "",
+    },
+  ]);
+
+  const bannerSlides4 = ref([
+    {
+      video: "/img/models/q8/q8/main3.mp4",
+      alt: "",
+      title: "",
+      subtitle:
+        "",
+      smalldesc: "",
+    },
+  ]);
+
+  const bannerSlides5 = ref([
+    {
+      image: "/img/models/q8/q8/slide4-1.jpg",
+      alt: "손끝에 느껴지는 프리미엄 인테리어의 퀄러티",
+      title: "손끝에 느껴지는 프리미엄 인테리어의 퀄러티",
+      subtitle:
+        "Audi Q8 SUV의 매트 브러쉬드 알루미늄 인레이가 전체적으로 고급스럽고 조화로운 느낌을 자아냅니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q8/q8/slide4-2.jpg",
+      alt: "모든 좌석을 최고의 좌석으로",
+      title: "모든 좌석을 최고의 좌석으로",
+      subtitle:
+        "S 엠보싱 처리된 마름모 패턴과 스티칭이 들어간 발코나 가죽 스포츠 시트 플러스가 탁월한 착좌감을 제공합니다. 사이드 볼스터와 허리 요추 받침대는 공기압으로 조절하여 체형에 맞게 조정할 수 있으며 앞 좌석 마사지 시트도 여행의 피로를 덜어줍니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q8/q8/slide4-3.jpg",
+      alt: "놀라운 3D 사운드 경험",
+      title: "놀라운 3D 사운드 경험",
+      subtitle:
+        "놀라운 입체 사운드를 경험해보십시오. 16채널, 19스피커, 730와트 Bang & Olufsen 3D 프리미엄 사운드 시스템의 입체음향이 실내 공간을 실제보다 더 넓게 느껴지도록 합니다.",
+      smalldesc: "참고: 이미지는 B&O 3D Advanced Sound이며 3D Premium Sound와 다를 수 있습니다.",
+    },
+  ]);
+
+  const bannerSlides6 = ref([
+    {
+      image: "/img/models/q8/q8/slide5-1.jpg",
+      alt: "파워풀한 역동성",
+      title: "파워풀한 역동성",
+      subtitle:
+        "Audi Q8 SUV는 경쾌한 구동력을 선사하는 파워풀한 TFSI 및 TDI엔진을 제공합니다. 기본 장착된 어댑티브 에어 서스펜션을 통해 탁월한 주행 역동성과 향상된 승차감을 만끽할 수 있습니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q8/q8/slide5-2.jpg",
+      alt: "한 차원 높은 드라이빙의 즐거움",
+      title: "한 차원 높은 드라이빙의 즐거움",
+      subtitle:
+        "Audi Q8 SUV에는 정밀한 핸들링과 최상의 접지력을 위해 콰트로 사륜구동 시스템이 기본 장착되어 있습니다. 또한 최대 254mm에 이르는 지상고 덕택에 다채로운 주행 경험을 즐길 수 있습니다.",
+      smalldesc: "",
+    }
+  ]);
+
+  // Parallax Banner 이미지 데이터
+  const customParallaxImages = ref({
+    xl: '/img/models/q8/q8/main2.jpg',
+    xl2x: '/img/models/q8/q8/main2.jpg',
+    m: '/img/models/q8/q8/main2.jpg',
+    m2x: '/img/models/q8/q8/main2.jpg',
+    s: '/img/models/q8/q8/main2.jpg',
+    s2x: '/img/models/q8/q8/main2.jpg',
+    xs: '/img/models/q8/q8/main2.jpg',
+    xs2x: '/img/models/q8/q8/main2.jpg'
+  });
+
+  const careProgramItems = ref([
+    {
+      imagePath: "/img/models/e-tron-gt/RSeGTp_2024_6631-L.avif",
+      title: "RS e-tron GT performance",
+      description: "아우디 공식 서비스센터에서 제공되는 차량 유지관리 서비스입니다.",
+      linkUrl: "/models/detail/rs-e-tron-gt-performance-master-2025",
+      linkText: "지금 알아보기",
+      linkTarget: "_self",
+      smallText:
+        "전력 소비량: 3.4 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+      captionText: "",
+    },
+    {
+      imagePath: "/img/models/e-tron-gt/Q6_2023_5202-cast_1-v2-L.avif",
+      title: "아우디 사고 수리 지원 프로그램",
+      description: "고객님의 안전한 이동과 차량의 완벽한 수리를 약속 드립니다.",
+      linkUrl: "/models/detail/q6-suv-e-tron-2025",
+      linkText: "지금 알아보기",
+      linkTarget: "_self",
+      smallText:
+        "전력 소비량(복합): 19.8-16.1kWh/100km, CO₂ 배출량(복합): 0g/km, CO₂ 등급: A",
+    },
+  ]);
+</script>

BIN
public/img/models/q8/q8/slide1-3.jpg


BIN
public/img/models/q8/q8/slide2-1.jpg


BIN
public/img/models/q8/q8/slide2-2.jpg


BIN
public/img/models/q8/q8/slide2-3.jpg


BIN
public/img/models/q8/q8/slide2-4.jpg


BIN
public/img/models/q8/q8/slide4-1.jpg


BIN
public/img/models/q8/q8/slide4-2.jpg


BIN
public/img/models/q8/q8/slide4-3.jpg


BIN
public/img/models/q8/q8/slide5-1.jpg


BIN
public/img/models/q8/q8/slide5-2.jpg


BIN
public/img/models/q8/q8/suv.jpg


BIN
public/img/models/q8/rs-q8/main1.jpg


BIN
public/img/models/q8/rs-q8/main2.mp4


BIN
public/img/models/q8/rs-q8/slide1-1.jpg


BIN
public/img/models/q8/rs-q8/slide1-2.jpg


BIN
public/img/models/q8/rs-q8/slide2-1.jpg


BIN
public/img/models/q8/rs-q8/slide2-2.jpg


BIN
public/img/models/q8/rs-q8/slide2-3.jpg


BIN
public/img/models/q8/rs-q8/slide2-4.jpg


+ 2 - 2
public/models.json

@@ -458,7 +458,7 @@
       "priceText": "가격 문의",
       "description": "플래그십 쿠페 SUV",
       "image": "/img/models/thumb/q8.webp",
-      "link": "/models/detail/detail/q8-suv-2025",
+      "link": "/models/detail/q8-suv-2025",
       "stock": 8,
       "isNew": false,
       "fuelType": "gas-diesel",
@@ -473,7 +473,7 @@
       "priceText": "192,020,000원",
       "description": "최고 성능의 쿠페 SUV",
       "image": "/img/models/thumb/rs-q8-p.webp",
-      "link": "/models/detail/rsq8-performance",
+      "link": "/models/detail/rs-q8-suv-performance-2025",
       "stock": 0,
       "isNew": false,
       "fuelType": "gas-diesel",