2 Commits d0fd1a933e ... dc64fd8522

Author SHA1 Message Date
  DESKTOP-T61HUSC\user dc64fd8522 Merge remote-tracking branch 'origin/master' 1 month ago
  DESKTOP-T61HUSC\user f0077547e5 Q7 그룹 완료 1 month ago
52 changed files with 1147 additions and 67 deletions
  1. 7 1
      app/assets/scss/admin.scss
  2. 7 1
      app/components/block/ProductCard.vue
  3. 23 0
      app/components/block/TitleVisual.vue
  4. 486 0
      app/pages/models/detail/q7-suv-2025.vue
  5. 121 63
      app/pages/models/detail/rs-q8-suv-performance-2025.vue
  6. 501 0
      app/pages/models/detail/sq7-suv-2025.vue
  7. BIN
      public/img/models/q7/q7/main1.jpg
  8. BIN
      public/img/models/q7/q7/main2.jpg
  9. BIN
      public/img/models/q7/q7/main3.mp4
  10. BIN
      public/img/models/q7/q7/slide1-1.mp4
  11. BIN
      public/img/models/q7/q7/slide1-2.mp4
  12. BIN
      public/img/models/q7/q7/slide1-3.jpg
  13. BIN
      public/img/models/q7/q7/slide1-4.jpg
  14. BIN
      public/img/models/q7/q7/slide2-1.jpg
  15. BIN
      public/img/models/q7/q7/slide2-2.jpg
  16. BIN
      public/img/models/q7/q7/slide2-3.jpg
  17. BIN
      public/img/models/q7/q7/slide3-1.mp4
  18. BIN
      public/img/models/q7/q7/slide3-2.mp4
  19. BIN
      public/img/models/q7/q7/slide4-1.mp4
  20. BIN
      public/img/models/q7/q7/slide4-2.jpg
  21. BIN
      public/img/models/q7/q7/slide4-3.jpg
  22. BIN
      public/img/models/q7/q7/slide5-1.jpg
  23. BIN
      public/img/models/q7/q7/slide5-2.jpg
  24. BIN
      public/img/models/q7/q7/slide5-3.jpg
  25. BIN
      public/img/models/q7/sq7/main1.jpg
  26. BIN
      public/img/models/q7/sq7/main2.jpg
  27. BIN
      public/img/models/q7/sq7/slide1-1.jpg
  28. BIN
      public/img/models/q7/sq7/slide1-2.mp4
  29. BIN
      public/img/models/q7/sq7/slide1-3.mp4
  30. BIN
      public/img/models/q7/sq7/slide1-4.jpg
  31. BIN
      public/img/models/q7/sq7/slide1-5.jpg
  32. BIN
      public/img/models/q7/sq7/slide2-1.jpg
  33. BIN
      public/img/models/q7/sq7/slide2-2.jpg
  34. BIN
      public/img/models/q7/sq7/slide3-1.jpg
  35. BIN
      public/img/models/q7/sq7/slide3-2.jpg
  36. BIN
      public/img/models/q7/sq7/slide4-1.mp4
  37. BIN
      public/img/models/q7/sq7/slide4-2.mp4
  38. BIN
      public/img/models/q7/sq7/slide5.mp4
  39. BIN
      public/img/models/q7/sq7/slide6-1.jpg
  40. BIN
      public/img/models/q7/sq7/slide6-2.jpg
  41. BIN
      public/img/models/q7/sq7/slide7-1.jpg
  42. BIN
      public/img/models/q7/sq7/slide7-2.jpg
  43. BIN
      public/img/models/q8/rs-q8/main3.mp4
  44. BIN
      public/img/models/q8/rs-q8/main4.jpg
  45. BIN
      public/img/models/q8/rs-q8/slide3-1.mp4
  46. BIN
      public/img/models/q8/rs-q8/slide3-2.mp4
  47. BIN
      public/img/models/q8/rs-q8/slide4-1.jpg
  48. BIN
      public/img/models/q8/rs-q8/slide4-2.jpg
  49. BIN
      public/img/models/q8/rs-q8/slide4-3.jpg
  50. BIN
      public/img/models/q8/rs-q8/slide5-1.jpg
  51. BIN
      public/img/models/q8/rs-q8/slide5-2.jpg
  52. 2 2
      public/models.json

+ 7 - 1
app/assets/scss/admin.scss

@@ -2398,12 +2398,18 @@ html {
     }
   }
 
+  
   .product--card {
     display: flex;     
     overflow: hidden;
     max-height: 50vh;    
-
     
+    // 작은 이미지 사이즈
+    &[data-mini="true"]{
+      .product--card--thumb{
+        padding-top: 38%;
+      }
+    }
     // 가로 레이아웃
     &[data-layout="horizontal"] {
       flex-direction: row;

+ 7 - 1
app/components/block/ProductCard.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="product--card--wrapper">
-    <div class="product--card" :data-layout="layout" :data-image-position="imagePosition">
+    <div class="product--card" :data-layout="layout" :data-image-position="imagePosition" :data-mini="mini">
       <div class="product--card--thumb">
         <div class="product--card--thumb--inner">
           <!-- <img :src="image" :alt="imageAlt || title" loading="lazy" /> -->
@@ -125,5 +125,11 @@
       default: "left", // 'left', 'right'
       validator: (value) => ["left", "right"].includes(value),
     },
+
+    // 미니 사이즈 옵션
+    mini: {
+      type: Boolean,
+      default: false,
+    },
   });
 </script>

+ 23 - 0
app/components/block/TitleVisual.vue

@@ -15,6 +15,16 @@
         <h2 class="title--main" v-if="title" v-html="title"></h2>
         <span class="sub--title" v-if="subtitle" v-html="subtitle"></span>
         <span class="title--description" v-if="description" v-html="description"></span>
+        <div v-if="btnTitle" class="btn--wrap mt--24">
+          <NuxtLink
+            :to="btnLink"
+            :target="btnTarget"
+            class="btn more--btn"
+          >
+            {{ btnTitle }}
+            <i class="ico"></i>
+          </NuxtLink>
+        </div>
         <div v-if="$slots.default" class="title--additional">
           <slot></slot>
         </div>
@@ -63,6 +73,19 @@
       type: Number,
       default: 300, // milliseconds
     },
+    btnTitle: {
+      type: String,
+      default: '',
+    },
+    btnLink: {
+      type: String,
+      default: '#',
+    },
+    btnTarget: {
+      type: String,
+      default: '_self',
+      validator: (value) => ['_self', '_blank'].includes(value),
+    },
   });
 
   // 애니메이션 로직

+ 486 - 0
app/pages/models/detail/q7-suv-2025.vue

@@ -0,0 +1,486 @@
+<template>
+  <main>
+    <div class="detail--container--full">
+      <!-- 풀사이즈 배너 텍스트 1줄용 -->
+      <fullSizeBannerText
+        :height="856"
+        :imagePath="bannerTextPath"
+        class="video"
+        textLocation="bottomleft2"
+        type="cover"
+        altText="The new Audi Q7"
+        btnText="시승 신청"
+        :btnLink="`https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=${config.public.testDriveCode}&selectCar=Q7_2020&testType=1`"
+        btnTarget="_blank"
+        btnText2="내 차량 만들기"
+        btnLink2="https://www.audi.co.kr/ko/models/q7/q7-suv-2025/configurator/?ulid=1762827859441#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" />
+
+      <BlockParallaxBanner
+        :images="customParallaxImages"
+        title="세련되고 다재다능한 올라운더 모델"
+        description="파워풀한 콰트로 드라이브와 스포티한 디자인, 완벽한 비율과 최대 7명까지 탑승할 수 있는 공간을 자랑하는 Audi Q7 SUV는 강력한 성능과 일상 생활을 배려한 실용성으로 감동을 선사합니다."
+      />
+
+      <SwiperBanner :slides="bannerSlides" :autoplay="false" :loop="false" type="" />
+
+      <!-- 
+      타이틀 비주얼 컴포넌트
+
+      type : middle 타이틀 중간사이즈면 좌우 여백없음
+             middle2 : 타이틀 중간사이즈면서 좌우 여백있음
+      -->
+      <TitleVisual
+        title="파워풀하고 우아한 외관"
+        description="Audi Q7 SUV는 클래식 콰트로 디자인과 파워풀한 숄더 라인으로 오프로드 DNA를 확실히 보여줍니다. 눈길을 사로잡는 Audi 싱글프레임, 새롭게 디자인된 2D Audi 로고 그리고 특히 S 라인 익스테리어 패키지가 조화를 이루며 스포티한 외관을 완성합니다. "
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides2"
+        notice=""
+        :autoplay="false"
+        :loop="false"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="디지털 조명의 혁신"
+        description="Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트와 네 가지 디지털 OLED 테일라이트는 라이트 시그니처를 통해 매력적인 나만의 라이트 애니메이션을 연출할 수 있습니다."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides3"
+        :autoplay="true"
+        :loop="true"
+        type="vertical"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="7인승 3열 시트"
+        description="3열 시트로 최대 7명까지 탑승 가능한 공간을 확보할 수 있습니다. 모든 뒷좌석에 ISOFIX 어린이용 시트 마운팅을 적용할 수 있으며 2열과 3열 시트를 접으면 최대 1,908리터의 적재 공간을 확보할 수 있습니다. "
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides4"
+        title=""
+        subtitle=""
+        smalldesc=""
+        notice=""
+        type="vertical"
+        :autoplay="{ delay: 0 }"
+        :loop="false"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides5"
+        type=""
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="역동성과 높은 활용도"
+        description="Audi Q7 SUV는 주행 시 자유로움과 자신감을 선사하며 스포티한 주행성능은 물론 오프로드 성능과 최대 3.5톤의 트레일러 하중으로 높은 활용도를 자랑합니다."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides6"
+        :autoplay="false"
+        type=""
+        :loop="false"
+        class="mt--80"
+      />
+
+      <!-- <ProductCard
+        data-type="square"
+        image="/img/models/q7/q7/main4.jpg"
+        title="Audi connect"
+        subtitle="인터넷에 바로 접속 가능하며 완벽한 연결성을 자랑하는 혁신적인 Audi connect 서비스는 일상을 더 편리하게 만들어주며, 여행 계획 또한 더 손쉬워집니다."
+        smallDescription="참고: Audi Q6 SUV e-tron 이미지입니다."
+        buttonText="자세히 보기"
+        buttonUrl="/aboutaudi/audi_connect"
+        buttonTarget=""
+        mini="true"
+        layout="horizontal"
+        imagePosition="left"
+      /> -->
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <!-- <TitleVisual
+        title="존재감을 확실하게 드러내는 디자인, Audi 익스클루시브"
+        description="Audi 익스클루시브로 Audi RS Q8 performance를 더욱 유니크하게 만들어 보십시오. 엄선된 장식과 색상을 입힌 가죽, 다양한 색상의 맞춤 도색 마감이 제공됩니다. 원하는 방식으로 스타일을 꾸며보십시오."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        btnTitle="자세히 보기"
+        btnLink="/exclusive/exclusive-order"
+        :animation="true"
+        :animationDelay="300"
+        class="mt--100"
+      /> -->
+
+      <!-- <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/q7/q7/main1.jpg");
+
+  // Trim 정보 데이터
+  const trimInfoItems = ref([
+    {
+      title: "최대 출력",
+      value: "340",
+      unit: "ps",
+      subText: "55 TFSI quattro 기준",
+    },
+    {
+      title: "최대 수납 공간 (7인승)",
+      value: "1,908",
+      unit: "리터",
+      subText: "",
+    },
+    {
+      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=Q7_2020&testType=1`,
+      target: "_blank",
+      showIcon: true
+    },
+    {
+      text: "내 차량 만들기",
+      url:
+        "https://www.audi.co.kr/ko/models/q7/q7-suv-2025/configurator/?ulid=1762828214965&pr=4MQAN20_2025%7C0Q0Q%7CMP#configurator",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "월 납입금 계산",
+      url: "https://www.audikoreaevent.co.kr/lms/calculator.do?cidx=19",
+      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=Q7_2020&testType=2",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "전시장/AS센터",
+      url: "/company/serviceCenter",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "카탈로그 다운로드",
+      url:
+        "https://audikoreaevent.co.kr/aca/ecatalog/download/Q7_trim_update_izcomm.pdf",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "디지털 카탈로그",
+      url: "http://www.audi-catalogue.co.kr/Q7/",
+      target: "_blank",
+      showIcon: true,
+    },
+  ]);
+
+  // Swiper 배너 슬라이드 데이터 (30% + 70% 레이아웃용)
+  const bannerSlides = ref([
+    {
+      video: "/img/models/q7/q7/slide1-1.mp4",
+      alt: "공간의 여유로움에 집중한 디자인",
+      title: "공간의 여유로움에 집중한 디자인",
+      subtitle: "넓은 공간감이 특징인 Audi Q7 SUV의 디자인은 실내 공간에도 그대로 적용되어, 최대 7명까지 탑승할 수 있습니다.",
+      smalldesc: "",
+    },
+    {
+      video: "/img/models/q7/q7/slide1-2.mp4",
+      alt: "매혹적인 디지털 조명 기술",
+      title: "매혹적인 디지털 조명 기술",
+      subtitle: "Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트와 네 가지 라이트 시그니처 세트와 매칭되는 다이내믹한 조명 시퀀스가 적용된 디지털 OLED 테일라이트가 차량 외관에 개성 넘치는 매력을 더합니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/q7/slide1-3.jpg",
+      alt: "고급스러운 분위기가 선사하는 편안함",
+      title: "고급스러운 분위기가 선사하는 편안함",
+      subtitle: "엄선된 소재가 선사하는 촉감과 미적 감각은 물론 마사지 및 시트 통풍 기능 등을 통해 비할 데 없는 편안함을 느껴보십시오. 3열 시트가 기본으로 제공됩니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/q7/slide1-4.jpg",
+      alt: "모험에 대한 열망을 충족시켜주는 역동성",
+      title: "모험에 대한 열망을 충족시켜주는 역동성",
+      subtitle: "콰트로 사륜구동, 파워풀한 엔진, 어댑티브 에어 서스펜션이 결합되어 고속 주행뿐만 아니라 그 어떤 주행에서도 최고의 성능을 선사합니다. Audi Q7 SUV가 선사하는 주행 역동성의 짜릿함을 만끽해보십시오.",
+      smalldesc: "",
+    }
+  ]);
+
+  const bannerSlides2 = ref([
+    {
+      image: "/img/models/q7/q7/slide2-1.jpg",
+      alt: "스포티한 디테일",
+      title: "스포티한 디테일",
+      subtitle:
+        "일체형 테일파이프와 디퓨저는 Audi Q7 SUV의 주행성능을 그대로 보여줍니다. 2D로 새롭게 디자인된 전후면의 Audi 로고는 새로운 디자인 언어에서 두드러지는 특징입니다. S 루프 엣지 스포일러가 장착된 S 라인 익스테리어 패키지는 고급스러운 외관을 완성해줍니다. (Premium 모델 적용)",
+      cautiondesc:
+        "",
+    },
+    {
+      image: "/img/models/q7/q7/slide2-2.jpg",
+      alt: "혁신적인 느낌의 외관",
+      title: "혁신적인 느낌의 외관",
+      subtitle:
+        "S 라인 익스테리어 패키지로 Audi Q7 SUV의 스포티한 면이 한층 부각됩니다. 여기에는 유광 블랙패키지와 어댑티브 에어 서스펜션이 포함됩니다. 이뿐만 아니라, 전체 도장 마감 처리된 S 라인 범퍼와 대형 흡기구가 시선을 사로잡는 차량 전면 디자인을 연출합니다. (Premium 모델 적용)",
+      cautiondesc:
+        "",
+    },
+    {
+      image: "/img/models/q7/q7/slide2-3.jpg",
+      alt: "어디에서나 돋보이는 디자인",
+      title: "어디에서나 돋보이는 디자인",
+      subtitle:
+        "20인치 5-트윈스포크 휠 혹은 21인치 아우디 스포트 5-트윈스포크 모듈 매트 그레이 휠(Premium 모델)이 Audi Q7 SUV의 진취적인 미적 감각을 한층 돋보이게 합니다.",
+      cautiondesc:
+        "",
+    },
+  ]);
+
+  const bannerSlides3 = ref([
+    {
+      video:
+        "/img/models/q7/q7/slide3-1.mp4",
+      alt: "라이트 시그니처",
+      title: "라이트 시그니처",
+      subtitle: "진정 특별한 카리스마를 원한다면 MMI에서 Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트와 네 가지 디지털 OLED 테일라이트 라이트 시그니처를 선택할 수 있습니다. ",
+      smalldesc: "",
+      cautiondesc: "",
+    },
+    {
+      video:
+        "/img/models/q7/q7/slide3-2.mp4",
+      alt: "원거리 조명",
+      title: "원거리 조명",
+      subtitle: "Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트는 거의 두 배에 달하는 조명 범위로 운전자의 마음을 사로잡습니다. 또한 운전자가 선택한 라이트 시그니처에 맞춰 귀가/외출 기능의 다이내믹한 조명 시퀀스를 표시해줍니다. ",
+      smalldesc: "",
+      cautiondesc: "",
+    },
+  ]);
+
+  const bannerSlides4 = ref([
+    {
+      video: "/img/models/q7/q7/main3.mp4",
+      alt: "",
+      title: "",
+      subtitle:
+        "",
+      smalldesc: "",
+    }
+  ]);
+
+  const bannerSlides5 = ref([
+    {
+      video: "/img/models/q7/q7/slide4-1.mp4",
+      alt: "손끝에 느껴지는 프리미엄 인테리어의 퀄러티",
+      title: "손끝에 느껴지는 프리미엄 인테리어의 퀄러티",
+      subtitle:
+        "Audi Q7 SUV의 유칼립투스 내추럴 인레이 혹은 매트 브러쉬드 알루미늄 인레이가 전체적으로 고급스럽고 조화로운 느낌을 자아냅니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/q7/slide4-2.jpg",
+      alt: "모든 좌석이 최고의 좌석",
+      title: "모든 좌석이 최고의 좌석",
+      subtitle:
+        "S 엠보싱 처리된 마름모 패턴과 스티칭이 들어간 발코나 가죽 스포츠 플러스 시트가 탁월한 착좌감을 제공합니다. 사이드 볼스터와 허리 요추 받침대는 공기압으로 조절하여 체형에 맞게 조정할 수 있으며 앞 좌석 마사지 시트도 여행의 피로를 덜어줍니다. (S 스포츠 플러스 시트는 Premium 모델 적용)",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/q7/slide4-3.jpg",
+      alt: "놀라운 3D 사운드 경험",
+      title: "놀라운 3D 사운드 경험",
+      subtitle:
+        "놀라운 입체 사운드를 경험해보십시오. 16채널, 19스피커, 730와트 Bang & Olufsen 3D 프리미엄 사운드 시스템의 입체음향이 실내 공간을 실제보다 더 넓게 느껴지도록 합니다.",
+      cautiondesc: "참고: 이미지는 B&O 3D Advanced Sound이며 3D Premium Sound와 다를 수 있습니다.",
+    },
+  ]);
+
+  const bannerSlides6 = ref([
+    {
+      image: "/img/models/q7/q7/slide5-1.jpg",
+      alt: "한 차원 높은 드라이빙의 즐거움",
+      title: "한 차원 높은 드라이빙의 즐거움",
+      subtitle:
+        "Audi Q7 SUV에는 정밀한 핸들링과 최상의 접지력을 위해 콰트로 사륜구동 시스템이 기본 장착되어 있습니다. 또한 최대 254mm에 이르는 지상고 덕택에 다채로운 주행 경험을 즐길 수 있습니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/q7/slide5-2.jpg",
+      alt: "파워풀한 견인력, 손쉬운 조작",
+      title: "파워풀한 견인력, 손쉬운 조작",
+      subtitle:
+        "Audi Q7 SUV에 옵션 사양인 전동 회전식 트레일러 히치를 장착하면 최대 3,500kg의 트레일러 하중을 견인할 수 있습니다. 트레일러 어시스트를 사용하면 조작이 한층 쉬워지며 후진 시 차량과 트레일러를 운전자가 지정한 방향으로 조향할 수 있습니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/q7/slide5-3.jpg",
+      alt: "파워풀한 역동성",
+      title: "파워풀한 역동성",
+      subtitle:
+        "Audi Q7 SUV는 경쾌한 구동력을 선사하는 파워풀한 TFSI 및 TDI 엔진을 제공합니다. 또한 기본 장착된 어댑티브 에어 서스펜션과 다이내믹 올 휠 스티어링을 통해 탁월한 주행 역동성과 향상된 승차감을 만끽할 수 있습니다.",
+      smalldesc: "",
+    }
+  ]);
+
+  //Parallax Banner 이미지 데이터
+  const customParallaxImages = ref({
+    xl: '/img/models/q7/q7/main2.jpg',
+    xl2x: '/img/models/q7/q7/main2.jpg',
+    m: '/img/models/q7/q7/main2.jpg',
+    m2x: '/img/models/q7/q7/main2.jpg',
+    s: '/img/models/q7/q7/main2.jpg',
+    s2x: '/img/models/q7/q7/main2.jpg',
+    xs: '/img/models/q7/q7/main2.jpg',
+    xs2x: '/img/models/q7/q7/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>

+ 121 - 63
app/pages/models/detail/rs-q8-suv-performance-2025.vue

@@ -93,49 +93,73 @@
         subtitle=""
         smalldesc=""
         notice=""
-        type="vertical"
+        type=""
         :autoplay="{ delay: 0 }"
         :loop="false"
       />
 
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="모든 라인에 담긴 특별한 개성"
+        description="블랙 파인 나파가죽은 물론 디나미카 및 알칸타라가 폭넓게 사용된 ‘RS 디자인 패키지 레드’ 인테리어는 곳곳에 적용된 익스프레스 레드 컬러의 스티치와 레드 엣지의 시트벨트가 돋보입니다."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
       <SwiperBanner
         :slides="bannerSlides5"
+        type="vertical"
         :autoplay="false"
         :loop="false"
         class="mt--80"
       />
 
+      <SwiperBanner
+        :slides="bannerSlides6"
+        :autoplay="false"
+        type="vertical"
+        :loop="false"
+        class="mt--80"
+      />
+
+      <ProductCard
+        data-type="square"
+        image="/img/models/q8/rs-q8/main4.jpg"
+        title="Audi connect"
+        subtitle="인터넷에 바로 접속 가능하며 완벽한 연결성을 자랑하는 혁신적인 Audi connect 서비스는 일상을 더 편리하게 만들어주며, 여행 계획 또한 더 손쉬워집니다."
+        smallDescription="참고: Audi Q6 SUV e-tron 이미지입니다."
+        buttonText="자세히 보기"
+        buttonUrl="/aboutaudi/audi_connect"
+        buttonTarget=""
+        mini="true"
+        layout="horizontal"
+        imagePosition="left"
+      />
+
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="역동성과 높은 활용도"
-        description="Audi Q8 SUV는 주행 시 자유로움과 자신감을 선사하며 스포티한 주행, 오프로드 성능, 최대 3.5톤의 트레일러 하중으로 높은 활용도를 자랑합니다. "
+        title="존재감을 확실하게 드러내는 디자인, Audi 익스클루시브"
+        description="Audi 익스클루시브로 Audi RS Q8 performance를 더욱 유니크하게 만들어 보십시오. 엄선된 장식과 색상을 입힌 가죽, 다양한 색상의 맞춤 도색 마감이 제공됩니다. 원하는 방식으로 스타일을 꾸며보십시오."
         textAlign="left"
         type="middle2"
         theme="dark"
+        btnTitle="자세히 보기"
+        btnLink="/exclusive/exclusive-order"
         :animation="true"
         :animationDelay="300"
         class="mt--100"
       />
 
       <SwiperBanner
-        :slides="bannerSlides6"
+        :slides="bannerSlides7"
         :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" /> -->
 
       <!-- 제품 카드 컴포넌트 -->
@@ -304,22 +328,38 @@
 
   const bannerSlides3 = ref([
     {
-      video:
-        "/img/models/q8/q8/slide3-1.mp4",
-      alt: "조명 선택",
-      title: "조명 선택",
-      subtitle:
-        "진정 특별한 카리스마를 발산하고자 한다면, MMI에서 HD 매트릭스 LED 헤드라이트와 네 가지 디지털 OLED 테일라이트 시그니처를 선택할 수 있습니다. (Premium 모델 적용)",
+      image:
+        "/img/models/q8/rs-q8/slide2-1.jpg",
+      alt: "인상적인 외관",
+      title: "인상적인 외관",
+      subtitle: "커다란 흡기구와 허니콤 구조의 RS 전용 싱글프레임이 정면에서 인상적인 존재감을 드러냅니다. 또한 매트 카본 요소와 어두운 색의 매트릭스 LED 헤드라이트가 황홀한 대조를 선보입니다.",
       smalldesc: "",
       cautiondesc: "",
     },
     {
-      video:
-        "/img/models/q8/q8/slide3-1.mp4",
-      alt: "시야 확보를 위한 조명",
-      title: "시야 확보를 위한 조명",
-      subtitle:
-        "Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트는 거의 두 배에 달하는 조명 범위로 운전자의 마음을 사로잡습니다. 또한 운전자가 선택한 라이트 시그니처에 맞춰 귀가/외출 기능의 다이내믹한 조명 시퀀스를 표시해줍니다. (Premium 모델 적용) ",
+      image:
+        "/img/models/q8/rs-q8/slide2-2.jpg",
+      alt: "강렬한 후면",
+      title: "강렬한 후면",
+      subtitle: "플레어 형태의 휠 아치가 파워풀한 후면의 느낌을 한층 더 강조합니다. RS 전용 디자인, 특히 매트 카본 디테일을 포함한 범퍼가 외관을 더욱 돋보이게 하며, 차체 색상의 RS 전용 루프 에지 스포일러가 후면 디자인을 완성합니다.",
+      smalldesc: "",
+      cautiondesc: "연비(복합): 12.8~13.4 l/100 km, CO₂ 배출량(복합): 291~304 g/km, CO₂ 배출 등급: G",
+    },
+    {
+      image:
+        "/img/models/q8/rs-q8/slide2-3.jpg",
+      alt: "모든 라인에 담긴 역동성",
+      title: "모든 라인에 담긴 역동성",
+      subtitle: "사이드 미러에도 매트 카본이 적용되어 있으며 도어를 열면 ‘RS performance’로고가 바닥에 투사되는 도어 엔트리 라이트가 특별함을 더합니다.",
+      smalldesc: "",
+      cautiondesc: "",
+    },
+    {
+      image:
+        "/img/models/q8/rs-q8/slide2-4.jpg",
+      alt: "크고 가벼운 휠",
+      title: "크고 가벼운 휠",
+      subtitle: "카리스마 넘치는 23인치 5-Y 스포크 매트 콘트라스트 블랙 휠은 Audi RS Q8 performance만을 위해 개발되었습니다.",
       smalldesc: "",
       cautiondesc: "",
     },
@@ -327,7 +367,25 @@
 
   const bannerSlides4 = ref([
     {
-      video: "/img/models/q8/q8/main3.mp4",
+      video: "/img/models/q8/rs-q8/slide3-1.mp4",
+      alt: "인상적인 리어라이트",
+      title: "인상적인 리어라이트",
+      subtitle:
+        "디지털 OLED 리어라이트와 Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트로 인상적인 디지털 라이트 시그니처가 탄생됩니다. 선택 가능한 여러 디지털 라이트 시그니처 세트 옵션이 있으며 RS 모델에만 적용되는 RS 전용 시그니처도 있습니다.",
+      smalldesc: "",
+    },
+    {
+      video: "/img/models/q8/rs-q8/slide3-2.mp4",
+      alt: "감각적인 조명",
+      title: "감각적인 조명",
+      subtitle: "Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트는 Audi RS Q8 performance의 개성을 한층 돋보이게 해줍니다. 커밍홈/리빙홈 기능을 이용해 집 앞을 비추는 다이내믹한 라이트 시퀀스 세리모니도 선택할 수 있습니다.",
+      smalldesc: ""
+    }
+  ]);
+
+  const bannerSlides5 = ref([
+    {
+      video: "/img/models/q8/rs-q8/main3.mp4",
       alt: "",
       title: "",
       subtitle:
@@ -336,63 +394,63 @@
     },
   ]);
 
-  const bannerSlides5 = ref([
+  const bannerSlides6 = ref([
     {
-      image: "/img/models/q8/q8/slide4-1.jpg",
-      alt: "손끝에 느껴지는 프리미엄 인테리어의 퀄러티",
-      title: "손끝에 느껴지는 프리미엄 인테리어의 퀄러티",
+      image: "/img/models/q8/rs-q8/slide4-1.jpg",
+      alt: "훌륭한 승차감",
+      title: "훌륭한 승차감",
       subtitle:
-        "Audi Q8 SUV의 매트 브러쉬드 알루미늄 인레이가 전체적으로 고급스럽고 조화로운 느낌을 자아냅니다.",
+        "블랙 컬러의 스포츠 시트 플러스는 천공 발코나 가죽으로 제작되었으며, 다양한 설정 옵션 덕분에 탑승자에게 꼭 맞는 훌륭한 지지력을 제공합니다. 레드 컬러가 돋보이는 스티칭, 스포티한 허니콤 패턴, 시트 등받이의 RS 엠보싱이 최고의 만족감을 선사합니다.",
       smalldesc: "",
     },
     {
-      image: "/img/models/q8/q8/slide4-2.jpg",
-      alt: "모든 좌석을 최고의 좌석으로",
-      title: "모든 좌석을 최고의 좌석으로",
+      image: "/img/models/q8/rs-q8/slide4-2.jpg",
+      alt: "한눈에 확인하는 퍼포먼스",
+      title: "한눈에 확인하는 퍼포먼스",
       subtitle:
-        "S 엠보싱 처리된 마름모 패턴과 스티칭이 들어간 발코나 가죽 스포츠 시트 플러스가 탁월한 착좌감을 제공합니다. 사이드 볼스터와 허리 요추 받침대는 공기압으로 조절하여 체형에 맞게 조정할 수 있으며 앞 좌석 마사지 시트도 여행의 피로를 덜어줍니다.",
+        "퍼포먼스가 강조된 Audi 버추얼 콕핏 플러스는 12.3인치 디스플레이에 레이스카를 연상시키는 RS 레이아웃이 추가로 제공됩니다. RS 모드를 활성화시키면 긴장감 넘치는 런웨이 계기 디자인이 화면을 장악합니다.",
       smalldesc: "",
     },
     {
-      image: "/img/models/q8/q8/slide4-3.jpg",
-      alt: "놀라운 3D 사운드 경험",
-      title: "놀라운 3D 사운드 경험",
+      image: "/img/models/q8/rs-q8/slide4-3.jpg",
+      alt: "몰입을 이끄는 사운드",
+      title: "몰입을 이끄는 사운드",
       subtitle:
-        "놀라운 입체 사운드를 경험해보십시오. 16채널, 19스피커, 730와트 Bang & Olufsen 3D 프리미엄 사운드 시스템의 입체음향이 실내 공간을 실제보다 더 넓게 느껴지도록 합니다.",
-      smalldesc: "참고: 이미지는 B&O 3D Advanced Sound이며 3D Premium Sound와 다를 수 있습니다.",
-    },
+        "Bang & Olufsen 3D 어드벤스드 사운드 시스템과 동적 주행 소음 보상기능으로 모든 좌석에서 정교한 사운드를 감상할 수 있습니다. 23채널의 Beo Core 앰프, 23스피커와 1920와트의 강력한 출력으로 진정한 프리미엄 사운드를 경험해 보십시오.",
+      smalldesc: "",
+    }
   ]);
 
-  const bannerSlides6 = ref([
+  const bannerSlides7 = ref([
     {
-      image: "/img/models/q8/q8/slide5-1.jpg",
-      alt: "파워풀한 역동성",
-      title: "파워풀한 역동성",
+      image: "/img/models/q8/rs-q8/slide5-1.jpg",
+      alt: "존재감을 확실하게 드러내는 디자인",
+      title: "존재감을 확실하게 드러내는 디자인",
       subtitle:
-        "Audi Q8 SUV는 경쾌한 구동력을 선사하는 파워풀한 TFSI 및 TDI엔진을 제공합니다. 기본 장착된 어댑티브 에어 서스펜션을 통해 탁월한 주행 역동성과 향상된 승차감을 만끽할 수 있습니다.",
+        "많은 이들이 특별함을 추구하지만, 특별함을 직접 창조할 수 있는 기회는 많지 않습니다. 예를 들어, 애로우 그레이 펄 컬러의 Audi 익스클루시브 커스텀 페인트 마감으로 나만의 새로운 Audi RS Q8 performance를 표현해 보세요.",
       smalldesc: "",
     },
     {
-      image: "/img/models/q8/q8/slide5-2.jpg",
-      alt: "한 차원 높은 드라이빙의 즐거움",
-      title: "한 차원 높은 드라이빙의 즐거움",
+      image: "/img/models/q8/rs-q8/slide5-2.jpg",
+      alt: "나만의 개성이 담긴 인테리어",
+      title: "나만의 개성이 담긴 인테리어",
       subtitle:
-        "Audi Q8 SUV에는 정밀한 핸들링과 최상의 접지력을 위해 콰트로 사륜구동 시스템이 기본 장착되어 있습니다. 또한 최대 254mm에 이르는 지상고 덕택에 다채로운 주행 경험을 즐길 수 있습니다.",
+        "발코나 가죽 시트커버와 트림, 대비되는 컬러의 스티칭과 벨트 그리고 등받이와 바닥 매트에 크림슨 레드로 수놓은 RS 로고가 돋보이는 제트 그레이/실버 Audi 익스클루시브 인테리어로 실내 공간에 나만의 개성과 특별한 분위기를 연출할 수 있습니다.",
       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 customParallaxImages = ref({
+  //   xl: '/img/models/q8/rs-q8/main2.jpg',
+  //   xl2x: '/img/models/q8/rs-q8/main2.jpg',
+  //   m: '/img/models/q8/rs-q8/main2.jpg',
+  //   m2x: '/img/models/q8/rs-q8/main2.jpg',
+  //   s: '/img/models/q8/rs-q8/main2.jpg',
+  //   s2x: '/img/models/q8/rs-q8/main2.jpg',
+  //   xs: '/img/models/q8/rs-q8/main2.jpg',
+  //   xs2x: '/img/models/q8/rs-q8/main2.jpg'
+  // });
 
   const careProgramItems = ref([
     {

+ 501 - 0
app/pages/models/detail/sq7-suv-2025.vue

@@ -0,0 +1,501 @@
+<template>
+  <main>
+    <div class="detail--container--full">
+      <!-- 풀사이즈 배너 텍스트 1줄용 -->
+      <fullSizeBannerText
+        :height="856"
+        :imagePath="bannerTextPath"
+        class="video"
+        textLocation="bottomleft2"
+        type="cover"
+        altText="The new Audi SQ7"
+        btnText="상담 신청"
+        :btnLink="`https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=${config.public.testDriveCode}&selectCar=SQ7&testType=2`"
+        btnTarget="_blank"
+        btnText2="내 차량 만들기"
+        btnLink2="https://www.audi.co.kr/ko/models/q7/sq7-suv-2025/configurator/?ulid=1762837089111&pr=4MQSW10_2025%7C0Q0Q%7COQ#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" />
+
+      <BlockParallaxBanner
+        :images="customParallaxImages"
+        title="성능 및 특성"
+        description="Audi SQ7 SUV는 스포티한 디자인으로 강력한 성능을 강조합니다. 또한 다양한 시트배열이 특징인 넉넉한 공간은 여러가지 상황에서 일상 생활을 더욱 편리하게 만들어줍니다."
+      />
+
+      <SwiperBanner :slides="bannerSlides" :autoplay="false" :loop="false" type="" />
+
+      <!-- 
+      타이틀 비주얼 컴포넌트
+
+      type : middle 타이틀 중간사이즈면 좌우 여백없음
+             middle2 : 타이틀 중간사이즈면서 좌우 여백있음
+      -->
+      <TitleVisual
+        title="다이내믹한 퍼포먼스"
+        description="Audi SQ7 SUV는 스포티한 주행과 뛰어난 승차감을 모두 만족시킵니다. 강력한 V8 TFSI 엔진의 파워는 물론 콰트로 사륜구동 시스템, 다이내믹 올 휠 스티어링, 스포츠 디퍼랜셜과 액티브 롤 스테빌라이저를 통해 도로에서 짜릿한 역동성과 뛰어난 안정성을 동시에 선사합니다."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides2"
+        notice=""
+        type="vertical"
+        :autoplay="false"
+        :loop="false"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="기능적이면서도 강렬한 아름다움"
+        description="Audi SQ7은 다양한 컬러 옵션에 더하여 파노라마 글래스 선루프까지 갖추어 보는 이의 마음을 사로잡습니다. 레드 브레이크 캘리퍼를 포함한 22인치 휠이 돋보이는 외관을 완성합니다. "
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides3"
+        :autoplay="true"
+        :loop="true"
+        type=""
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="디지털 조명의 혁신"
+        description="Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트와 네 가지 디지털 OLED 테일라이트는 라이트 시그니처를 통해 매력적인 나만의 라이트 애니메이션을 연출할 수 있습니다."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides4"
+        title=""
+        subtitle=""
+        smalldesc=""
+        notice=""
+        type="vertical"
+        :autoplay="{ delay: 0 }"
+        :loop="false"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="7인승 3열 시트"
+        description="3열 시트로 최대 7명까지 탑승 가능한 공간을 확보할 수 있습니다. 모든 뒷좌석에 ISOFIX 어린이용 시트 마운팅을 적용할 수 있으며 2열과 3열 시트를 접으면 최대 1,921리터의 적재 공간을 확보할 수 있습니다. "
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides5"
+        type="vertical"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+        />
+        
+        <SwiperBanner
+        :slides="bannerSlides6"
+        :autoplay="false"
+        type=""
+        :loop="false"
+        class="mt--80"
+        />
+  
+        <!-- 타이틀 비주얼 컴포넌트 -->
+        <TitleVisual
+          title="존재감을 확실하게 드러내는 나만의 디자인, Audi exclusive"
+          description="Audi exclusive로 당신만의 Audi SQ7 SUV를 더욱 유니크하게 만들어보십시오. 엄선된 장식, 다양한 색상의 가죽과 맞춤 도색 마감으로 당신만의 스타일을 꾸며보십시오. "
+          textAlign="left"
+          type="middle2"
+          theme="dark"
+          :animation="true"
+          :animationDelay="300"
+        />
+
+        <SwiperBanner
+        :slides="bannerSlides7"
+        :autoplay="false"
+        type="vertical"
+        :loop="false"
+        class="mt--80"
+        />
+
+      <!-- <ProductCard
+        data-type="square"
+        image="/img/models/q7/sq7/main4.jpg"
+        title="Audi connect"
+        subtitle="인터넷에 바로 접속 가능하며 완벽한 연결성을 자랑하는 혁신적인 Audi connect 서비스는 일상을 더 편리하게 만들어주며, 여행 계획 또한 더 손쉬워집니다."
+        smallDescription="참고: Audi Q6 SUV e-tron 이미지입니다."
+        buttonText="자세히 보기"
+        buttonUrl="/aboutaudi/audi_connect"
+        buttonTarget=""
+        mini="true"
+        layout="horizontal"
+        imagePosition="left"
+      /> -->
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <!-- <TitleVisual
+        title="존재감을 확실하게 드러내는 디자인, Audi 익스클루시브"
+        description="Audi 익스클루시브로 Audi RS Q8 performance를 더욱 유니크하게 만들어 보십시오. 엄선된 장식과 색상을 입힌 가죽, 다양한 색상의 맞춤 도색 마감이 제공됩니다. 원하는 방식으로 스타일을 꾸며보십시오."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        btnTitle="자세히 보기"
+        btnLink="/exclusive/exclusive-order"
+        :animation="true"
+        :animationDelay="300"
+        class="mt--100"
+      /> -->
+
+      <!-- <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/q7/sq7/main1.jpg");
+
+  // Trim 정보 데이터
+  const trimInfoItems = ref([
+    {
+      title: "최대 출력",
+      value: "507",
+      unit: "ps",
+      subText: "",
+    },
+    {
+      title: "가속력",
+      value: "4.1",
+      unit: "초",
+      subText: "(0 - 100 km/h)",
+    },
+    {
+      title: "최대 토크",
+      value: "78.51",
+      unit: "kgm",
+      subText: "(2,000 - 4,000 rpm)",
+    },
+  ]);
+
+  // 링크 데이터 배열
+  const reservationLinks = ref([
+    {
+      text: "내 차량 만들기",
+      url:
+        "https://www.audi.co.kr/ko/models/q7/sq7-suv-2025/configurator/?ulid=1762837089111&pr=4MQSW10_2025%7C0Q0Q%7COQ#configurator",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "월 납입금 계산",
+      url: "https://www.audikoreaevent.co.kr/lms/calculator.do?cidx=65",
+      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=SQ7&testType=2",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "전시장/AS센터",
+      url: "/company/serviceCenter",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "카탈로그 다운로드",
+      url:
+        "https://audikoreaevent.co.kr/aca/ecatalog/download/Q7_trim_update_izcomm.pdf",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "디지털 카탈로그",
+      url: "http://www.audi-catalogue.co.kr/Q7/",
+      target: "_blank",
+      showIcon: true,
+    },
+  ]);
+
+  // Swiper 배너 슬라이드 데이터 (30% + 70% 레이아웃용)
+  const bannerSlides = ref([
+    {
+      image: "/img/models/q7/sq7/slide1-1.jpg",
+      alt: "다이내믹한 드라이빙의 즐거움",
+      title: "다이내믹한 드라이빙의 즐거움",
+      subtitle: "뛰어난 승차감과 스포티한 핸들링을 만끽할 수 있습니다. Audi SQ7 SUV에는 매우 강력한 V8 TFSI 엔진과 함께 다이내믹한 성능을 향상시키는 다양한 기술이 탑재되어 있습니다.",
+      smalldesc: "",
+    },
+    {
+      video: "/img/models/q7/sq7/slide1-2.mp4",
+      alt: "한 차원 다른 S 모델",
+      title: "한 차원 다른 S 모델",
+      subtitle: "새로운 디자인의 S 모델 전용 익스테리어 아이템이 장착된 Audi SQ7은 순수한 스포티함을 발산합니다.",
+      smalldesc: "",
+    },
+    {
+      video: "/img/models/q7/sq7/slide1-3.mp4",
+      alt: "매혹적인 디지털 조명 기술",
+      title: "매혹적인 디지털 조명 기술",
+      subtitle: "Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트와 네 가지 라이트 시그니처 세트와 매칭되는 다이내믹한 조명 시퀀스가 적용된 디지털 OLED 테일라이트가 차량 외관에 개성 넘치는 매력을 더합니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/sq7/slide1-4.jpg",
+      alt: "운전자의 마음을 사로잡는 S 모델의 실내 공간",
+      title: "운전자의 마음을 사로잡는 S 모델의 실내 공간",
+      subtitle: "Audi SQ7 SUV와 함께라면 모든 여정이 특별한 경험이 됩니다. S 모델만의 특징이 적용된 독보적인 실내 디자인이 스포티함과 스타일리시함을 발산합니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/sq7/slide1-5.jpg",
+      alt: "Audi SQ7 SUV의 인테리어",
+      title: "Audi SQ7 SUV의 인테리어",
+      subtitle: "모든 탑승객 배려함은 물론 짐을 싣기에도 넉넉한 공간을 선사합니다. 2열 및 3열 시트를 사용하여 다양한 방식으로 공간을 분할할 수 있습니다.",
+      smalldesc: "",
+    }
+  ]);
+
+  const bannerSlides2 = ref([
+    {
+      image: "/img/models/q7/sq7/slide2-1.jpg",
+      alt: "안정적이고 강력한 성능",
+      title: "안정적이고 강력한 성능",
+      subtitle:
+        "Audi SQ7 SUV는 507PS에 이르는 V8 4.0리터 TFSI 엔진의 파워를 유감없이 보여줍니다. 뛰어난 주행 특성과 탁월한 핸들링을 만끽할 수 있습니다. ",
+      cautiondesc:
+        "",
+    },
+    {
+      image: "/img/models/q7/sq7/slide2-2.jpg",
+      alt: "역동적인 제어",
+      title: "역동적인 제어",
+      subtitle:
+        "최대 254mm의 지상고로 다채로운 주행 경험을 즐길 수 있습니다. Audi SQ7 SUV는 스포츠 디퍼렌셜과 액티브 롤 스테빌라이저, 어댑티브 에어 서스펜션 스포츠 및 다이내믹 올 휠 스티어링을 갖춘 콰트로 사륜구동 시스템으로 운전자의 마음을 사로잡습니다. ",
+      cautiondesc:
+        "",
+    },
+  ]);
+
+  const bannerSlides3 = ref([
+    {
+      image:
+        "/img/models/q7/sq7/slide3-1.jpg",
+      alt: "S 모델의 진취성",
+      title: "S 모델의 진취성",
+      subtitle: "다양한 S모델 전용 아이템들이 Audi SQ7 SUV의 스포티함을 더욱 돋보이게 합니다. 프런트 엔드는 새로운 디자인의 범퍼와 Audi 싱글프레임으로 존재감을 드러냅니다.",
+      smalldesc: "",
+      cautiondesc: "",
+    },
+    {
+      image:
+        "/img/models/q7/sq7/slide3-2.jpg",
+      alt: "시선을 끄는 인상적인 디자인",
+      title: "시선을 끄는 인상적인 디자인",
+      subtitle: "Audi SQ7 SUV는 성능뿐만 아니라 흡기구, 디퓨저, 듀얼 트윈 머플러와 같이 새롭게 디자인된 요소 덕분에 한층 돋보입니다. 2D로 새롭게 디자인된 전후면의 Audi 로고 역시 새로운 디자인 언어의 특징입니다. ",
+      smalldesc: "",
+      cautiondesc: "",
+    },
+  ]);
+
+  const bannerSlides4 = ref([
+    {
+      video: "/img/models/q7/sq7/slide4-1.mp4",
+      alt: "라이트 시그니처",
+      title: "라이트 시그니처",
+      subtitle:
+        "진정 특별한 카리스마를 원한다면 MMI에서 Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트와 네 가지 디지털 OLED 테일라이트 라이트 시그니처를 선택할 수 있습니다.",
+      smalldesc: "",
+    },
+    {
+      video: "/img/models/q7/sq7/slide4-2.mp4",
+      alt: "원거리 조명",
+      title: "원거리 조명",
+      subtitle:
+        "Audi 레이저 라이트가 적용된 HD 매트릭스 LED 헤드라이트는 거의 두 배에 달하는 조명 범위로 운전자의 마음을 사로잡습니다. 또한 운전자가 선택한 라이트 시그니처에 맞춰 귀가/외출 기능의 다이내믹한 조명 시퀀스를 표시해줍니다. ",
+      smalldesc: "",
+    }
+  ]);
+
+  const bannerSlides5 = ref([
+    {
+      video: "/img/models/q7/sq7/slide5.mp4",
+      alt: "",
+      title: "",
+      subtitle:
+        "",
+      smalldesc: "",
+    }
+  ]);
+
+  const bannerSlides6 = ref([
+    {
+      image: "/img/models/q7/sq7/slide6-1.jpg",
+      alt: "모든 좌석을 최고의 좌석으로",
+      title: "모든 좌석을 최고의 좌석으로",
+      subtitle:
+        "S 엠보싱 처리된 마름모 패턴과 스티칭이 들어간 발코나 가죽 스포츠 시트 플러스가 탁월한 착좌감을 제공합니다. 사이드 볼스터와 허리 요추 받침대는 공기압으로 조절하여 체형에 맞게 조정할 수 있으며 앞 좌석 마사지 시트도 여행의 피로를 덜어줍니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/sq7/slide6-2.jpg",
+      alt: "궁극의 3D 사운드 경험",
+      title: "궁극의 3D 사운드 경험",
+      subtitle:
+        "Bang & Olufsen 3D 어드벤스드 사운드 시스템의 입체 음향이 실내 공간을 실제보다 더 넓게 느껴지도록 합니다. 총 1,920와트 출력의 23채널 Beo Core 앰프와 23개 스피커가 만들어내는 환상적인 사운드를 경험해 보십시오.",
+      smalldesc: "참고: Audi Q8 SUV 이미지입니다.",
+    }
+  ]);
+
+  const bannerSlides7 = ref([
+    {
+      image: "/img/models/q7/sq7/slide7-1.jpg",
+      alt: "나만의 개성을 더해보십시오",
+      title: "나만의 개성을 더해보십시오",
+      subtitle:
+        "많은 사람들이 특별한 것을 찾거나 ‘특별함’의 의미를 직접 정의하는 것을 선호합니다. 맞춤형 도장 마감, 벨벳 바이올렛에 펄 효과를 가미한 Audi 익스클루시브, 멀티 스포크 S 디자인, 블랙 메탈릭 등으로 Audi SQ7 SUV에 나만의 개성을 더해보십시오.  ",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/q7/sq7/slide7-2.jpg",
+      alt: "개인 취향을 반영한 맞춤화",
+      title: "개인 취향을 반영한 맞춤화",
+      subtitle:
+        "발코나 가죽 시트 커버와 트림, 실버와 블랙의 우아한 스타일, 블랙과 실버가 대비를 이루는 스티칭, 파인 그레인 애쉬 내추럴, 노블 그레이 인레이가 적용된 확장 실내 요소 등 Audi 익스클루시브를 통해 Audi SQ7 SUV의 실내 공간에 나만의 개성을 표현해보십시오. ",
+      smalldesc: "",
+    }
+  ]);
+
+  //Parallax Banner 이미지 데이터
+  const customParallaxImages = ref({
+    xl: '/img/models/q7/sq7/main2.jpg',
+    xl2x: '/img/models/q7/sq7/main2.jpg',
+    m: '/img/models/q7/sq7/main2.jpg',
+    m2x: '/img/models/q7/sq7/main2.jpg',
+    s: '/img/models/q7/sq7/main2.jpg',
+    s2x: '/img/models/q7/sq7/main2.jpg',
+    xs: '/img/models/q7/sq7/main2.jpg',
+    xs2x: '/img/models/q7/sq7/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/q7/q7/main1.jpg


BIN
public/img/models/q7/q7/main2.jpg


BIN
public/img/models/q7/q7/main3.mp4


BIN
public/img/models/q7/q7/slide1-1.mp4


BIN
public/img/models/q7/q7/slide1-2.mp4


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


BIN
public/img/models/q7/q7/slide1-4.jpg


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


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


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


BIN
public/img/models/q7/q7/slide3-1.mp4


BIN
public/img/models/q7/q7/slide3-2.mp4


BIN
public/img/models/q7/q7/slide4-1.mp4


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


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


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


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


BIN
public/img/models/q7/q7/slide5-3.jpg


BIN
public/img/models/q7/sq7/main1.jpg


BIN
public/img/models/q7/sq7/main2.jpg


BIN
public/img/models/q7/sq7/slide1-1.jpg


BIN
public/img/models/q7/sq7/slide1-2.mp4


BIN
public/img/models/q7/sq7/slide1-3.mp4


BIN
public/img/models/q7/sq7/slide1-4.jpg


BIN
public/img/models/q7/sq7/slide1-5.jpg


BIN
public/img/models/q7/sq7/slide2-1.jpg


BIN
public/img/models/q7/sq7/slide2-2.jpg


BIN
public/img/models/q7/sq7/slide3-1.jpg


BIN
public/img/models/q7/sq7/slide3-2.jpg


BIN
public/img/models/q7/sq7/slide4-1.mp4


BIN
public/img/models/q7/sq7/slide4-2.mp4


BIN
public/img/models/q7/sq7/slide5.mp4


BIN
public/img/models/q7/sq7/slide6-1.jpg


BIN
public/img/models/q7/sq7/slide6-2.jpg


BIN
public/img/models/q7/sq7/slide7-1.jpg


BIN
public/img/models/q7/sq7/slide7-2.jpg


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


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


BIN
public/img/models/q8/rs-q8/slide3-1.mp4


BIN
public/img/models/q8/rs-q8/slide3-2.mp4


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


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


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


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


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


+ 2 - 2
public/models.json

@@ -428,7 +428,7 @@
       "priceText": "가격 문의",
       "description": "대형 7인승 SUV",
       "image": "/img/models/thumb/q7.webp",
-      "link": "/models/detail/q7",
+      "link": "/models/detail/q7-suv-2025",
       "stock": 13,
       "isNew": false,
       "fuelType": "gas-diesel",
@@ -443,7 +443,7 @@
       "priceText": "가격 문의",
       "description": "고성능 대형 SUV",
       "image": "/img/models/thumb/sq7-tfsi.webp",
-      "link": "/models/detail/sq7-tfsi",
+      "link": "/models/detail/sq7-suv-2025",
       "stock": 9,
       "isNew": false,
       "fuelType": "gas-diesel",