浏览代码

etronggt 완료

송용우 1 月之前
父节点
当前提交
1bb34e920c
共有 24 个文件被更改,包括 315 次插入196 次删除
  1. 32 0
      app/assets/scss/admin.scss
  2. 23 4
      app/components/block/SwiperBanner.vue
  3. 34 0
      app/components/block/cautionText3.vue
  4. 218 191
      app/pages/models/detail/s-etron-gt.vue
  5. 8 1
      nuxt.config.ts
  6. 二进制
      public/img/etronms/e-tron_1920x1920.webp
  7. 二进制
      public/img/models/e-tron-gt/2_730X730.webp
  8. 二进制
      public/img/models/e-tron-gt/Audi_GT-Post-GlassRoof-S_1920x1080.mp4
  9. 二进制
      public/img/models/e-tron-gt/EN-240430_Audi_GT_LAUNCH_CONTROL_29s_v11_1x1_CLEAN.mp4
  10. 二进制
      public/img/models/e-tron-gt/Frunk_S_Etron_GT-L.mp4
  11. 二进制
      public/img/models/e-tron-gt/Q6_2023_5202-cast_1-v2-L.avif
  12. 二进制
      public/img/models/e-tron-gt/RRA0356-L-1.jpg
  13. 二进制
      public/img/models/e-tron-gt/RSeGTp_2024_6631-L.avif
  14. 二进制
      public/img/models/e-tron-gt/Running_Footage_Se-tronGT-L-2.mp4
  15. 二进制
      public/img/models/e-tron-gt/SeGT_2024_6504_Cast-L.avif
  16. 二进制
      public/img/models/e-tron-gt/SeGT_2024_6505-L.avif
  17. 二进制
      public/img/models/e-tron-gt/SeGT_2024_6505-S-L.avif
  18. 二进制
      public/img/models/e-tron-gt/SeGT_2024_6505-S-L.webp
  19. 二进制
      public/img/models/e-tron-gt/SeGT_2024_6509-L.avif
  20. 二进制
      public/img/models/e-tron-gt/SeGT_2024_6511-L-2.avif
  21. 二进制
      public/img/models/e-tron-gt/SeGT_2024_6511-L.avif
  22. 二进制
      public/img/models/e-tron-gt/SeGT_2024_6529_EN-L.avif
  23. 二进制
      public/img/models/e-tron-gt/s-e-tron-gt-chlh-lights-animation-L.mp4
  24. 二进制
      public/img/models/e-tron-gt/s-e-tron-gt-walkaround-L.mp4

+ 32 - 0
app/assets/scss/admin.scss

@@ -1194,6 +1194,38 @@ html {
       }
     }
   }
+
+
+  &[data-type="middle2"] { 
+    .title--visual--wrapper{      
+      padding:0px 96px;
+      .title--visual--content{
+        h2{
+          color: rgb(252, 252, 253);          
+          letter-spacing: 0px;
+          font-weight: 400;
+          text-decoration: none;
+          font-size: 24px;
+          line-height: 36px;
+          font-stretch: 130%;
+          
+          @media (min-width: 1024px) {          
+            font-size: 28px;
+            line-height: 40px;        
+          }
+          @media (min-width: 1440px) {                
+            font-size: 32px;
+            line-height: 44px;                
+          }
+          @media (min-width: 1920px) {            
+            font-size: 36px;
+            line-height: 52px;              
+          }
+
+        }
+      }
+    }
+  }
   
   // 테마별 스타일
   &[data-theme="dark"] {    

+ 23 - 4
app/components/block/SwiperBanner.vue

@@ -54,9 +54,11 @@
               <h4 v-if="getSlideSmalldesc(index)" class="desc--title">
                 {{ getSlideSmalldesc(index) }}
               </h4>
-              <h4 v-if="getSlideCautiondesc(index)" class="caution--title">
-                {{ getSlideCautiondesc(index) }}
-              </h4>
+              <h4
+                v-if="getSlideCautiondesc(index)"
+                class="caution--title"
+                v-html="getSlideCautiondesc(index)"
+              ></h4>
               <NuxtLink
                 v-if="getSlideMorelink(index)"
                 class="more--detail--href mt--20"
@@ -77,13 +79,30 @@
         <div class="swiper--container" ref="swiperContainer">
           <div class="swiper-wrapper">
             <div v-for="(slide, index) in slides" :key="index" class="swiper-slide">
-              <div class="slide--image">
+              <div class="slide--image" v-if="slide.image">
                 <img
                   :src="slide.image"
                   :alt="slide.alt || 'Banner Image'"
                   loading="lazy"
                 />
               </div>
+              <div class="slide--image" v-if="slide.video">
+                <video
+                  autoplay=""
+                  muted=""
+                  loop=""
+                  crossorigin="anonymous"
+                  controls=""
+                  playsinline=""
+                  :poster="slide.video"
+                  controlslist="nodownload noplaybackrate"
+                  disablepictureinpicture=""
+                  preload="metadata"
+                  class=""
+                >
+                  <source media="(min-width:320px)" :src="slide.video" />
+                </video>
+              </div>
             </div>
           </div>
         </div>

+ 34 - 0
app/components/block/cautionText3.vue

@@ -0,0 +1,34 @@
+<template>
+  <section class="caution--text--wrapper">
+    <div>
+      <p>
+        동절기 등 외기온도 하락시 배터리 성능 저하로 실 주행거리가 감소될 수 있습니다.
+      </p>
+
+      <p>*제원 및 사양은 제품의 성능 향상을 위하여 예고 없이 변경될 수 있습니다.</p>
+
+      <p>
+        *위 전비는 표준모드에 의한 연비로서 도로상태, 운전방법, 차량적재, 정비상태 및
+        외기온도에 따라 실주행 연비와 차이가 있습니다.
+      </p>
+      <br />
+      <br />
+
+      <p>*상기 이미지는 국내 판매 사양과 다를 수 있습니다.</p>
+
+      <p>
+        *해당 사양은 실제 출시 이후 변동될 가능성이 있으며 국내 사양과 상이할 수 있습니다.
+      </p>
+
+      <p>
+        *본 차량에 대한 일반적인 사항은 구매 시 제공되는 사용설명서와 별도 책자를 참조
+        하시기 바랍니다.
+      </p>
+
+      <p>
+        *구입한 차량의 실제 사양은 표시된 사양과 다를 수 있습니다. 일부 모델은 공급이
+        불가할 수 있습니다.
+      </p>
+    </div>
+  </section>
+</template>

+ 218 - 191
app/pages/models/detail/s-etron-gt.vue

@@ -33,13 +33,20 @@
       <!-- 링크 리스트 컴포넌트 -->
       <LinkList class="mt--20" :links="reservationLinks" />
 
-      <!-- 풀사이즈 패럴랙스 배너 (커스텀 데이터 예시) -->
-      <ParallaxBanner
-        :images="customParallaxImages"
-        imageAlt="한눈에 확인하는 성능"
-        title="한눈에 확인하는 성능"
-        description="향상된 주행 경험을 느끼고 들어보세요. 새로운 아우디 RS 6 아반트 퍼포먼스에는 현재까지 가장 강력한 RS 6 엔진이 탑재되었습니다. 퍼포먼스는 애티튜드입니다."
-        cautionText="공인 표준 연비 (km/l) : 복합: 7.1 / 도심: 6.1 / 고속: 9.0 (5등급), 배출량: 243(g/km)"
+      <!-- 
+      타이틀 비주얼 컴포넌트
+
+      type : middle 타이틀 중간사이즈면 좌우 여백없음
+             middle2 : 타이틀 중간사이즈면서 좌우 여백있음
+      -->
+      <TitleVisual
+        title="순수한 에너지 체험"
+        description="아우디 S e-tron GT: 가장 강력한 아우디 S 모델로, 그란 투리스모 순수 전기차의 힘과 아름다움에 긴 주행 가능 거리, 높은 충전 용량, 그리고 짜릿한 주행 역학을 결합한 차량입니다."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
       />
 
       <!-- 
@@ -49,20 +56,22 @@
       -->
       <SwiperBanner
         :slides="bannerSlides"
-        title="Audi Exclusive Collection"
-        subtitle="당신만을 위한 특별한 아우디"
-        smalldesc="유럽 인증 기준"
+        title=""
+        subtitle=""
+        smalldesc=""
         notice=""
+        type="vertical"
         :autoplay="{ delay: 0 }"
         :loop="false"
       />
 
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="맞춤형 페인팅 시스템"
-        description="Audi exclusive order의 맞춤형 페인트 마감은 매우 특별하게 구현됩니다. 색상의 혼합부터 다양한 페인트 레이어 적용까지 정밀한 작업을 통해 페인팅 시스템이 완성됩니다."
+        title="충전 중에도 우수한 성능"
+        description="충전하는 동안에도 짜릿한 성능을 만끽하세요. 낮은 온도에서도 최대 320kW의 충전 용량을 이용할 수 있으며, 안정적인 충전 곡선 덕분에 고속 충전의 진가를 느낄 수 있습니다."
         textAlign="left"
         theme="dark"
+        type="middle2"
         :animation="true"
         :animationDelay="300"
       />
@@ -70,32 +79,32 @@
       <SwiperBanner
         :slides="bannerSlides2"
         notice=""
+        type="vertical"
         :autoplay="{ delay: 0 }"
         :loop="false"
       />
 
+      <TrimInfoColumn :items="trimInfoItems2" class="mt--180" />
+
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="당신만의 색상을 선택하세요"
-        description=""
+        title="코너링의 즐거움"
+        description="콰트로 사륜구동과 에어 서스펜션이 스포츠카 특유의 숨막히는 역동성을 제공합니다. 전기 토크 벡터링이 필요에 따라 후방 구동 휠에 다양한 수준의 토크를 배분하며, 이로써 코너링 시 우수한 후방 민첩성이 보장됩니다."
         textAlign="left"
         theme="dark"
+        type="middle2"
         :animation="true"
         :animationDelay="300"
       />
 
-      <SwiperBanner
-        :slides="bannerSlides3"
-        :autoplay="false"
-        :loop="false"
-        type="vertical"
-      />
+      <SwiperBanner :slides="bannerSlides3" :autoplay="false" :loop="false" type="" />
 
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="당신을 드러내는 색상"
-        description="차체 색상으로 첫인상을 남길 수 있는 기회는 단 한 번뿐입니다. Audi exclusive order의 다양한 색상 중에서 당신을 드러내는 외관 페인트 마감을 선택하세요. 아우디에서 테스트하고 승인한 맞춤형 페인트 마감은 아래와 같습니다. 원하는 차량에 원하는 색상을 적용할 수 있는지 확인하려면 아우디 파트너에게 문의해 주세요."
+        title="에너지로 충만한 아름다움"
+        description="아우디 S e-tron GT는 낮고 유려한 실루엣, 긴 휠베이스, 그리고 눈길을 사로잡는 S 디자인 요소를 갖추고 있습니다. 플로렛 실버 메탈릭 색상의 마감 도색이 그란 투리스모 특유의 강력한 비율과 역동적인 형태감을 강조합니다."
         textAlign="left"
+        type="middle2"
         theme="dark"
         :animation="true"
         :animationDelay="300"
@@ -108,6 +117,18 @@
         type="vertical"
       />
 
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="디테일에 숨겨진 스포티한 매력"
+        description="운전자 중심의 콕핏 레이아웃, 스포티한 윤곽의 스티어링 휠, 그리고 앞쪽에 S자 조명 엠블럼이 달린 스포츠 시트 플러스가 실내에서도 스포츠카만의 분위기를 조성합니다."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+        class="mt--100"
+      />
+
       <SwiperBanner
         :slides="bannerSlides5"
         :autoplay="false"
@@ -118,31 +139,78 @@
 
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="인테리어에도 특별함을 더하다"
-        description="다양한 가죽 트림 옵션, 컬러 장식 스티칭 등의 장식으로 모든 인테리어를 마감하고 특별한 개성을 드러낼 수 있습니다."
+        title="눈에 띄는 특별함 – 아우디 익스클루시브"
+        description="내가 특별한 만큼, 내 아우디도 특별해야 합니다. 아우디 S e-tron GT에 나만의 독창적인 매력을 더해 보세요."
         textAlign="left"
+        type="middle2"
         theme="dark"
         :animation="true"
         :animationDelay="300"
         class="mt--100"
       />
 
-      <SwiperBanner :slides="bannerSlides6" :autoplay="false" :loop="false" type="" />
+      <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"
+      />
 
-      <SwiperBanner
-        :slides="bannerSlides7"
-        :autoplay="false"
-        :loop="false"
-        class="mt--80"
-        type="vertical"
+      <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"
       />
 
-      <SwiperBanner
-        :slides="bannerSlides8"
-        :autoplay="false"
-        :loop="false"
-        class="mt--80"
-        type="vertical"
+      <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/etronms/e-tron_1920x1920.webp"
+        title="아우디 전기차
+"
+        smallTitle="카 서비스 플러스"
+        subtitle="아우디 최초의 순수 전기차 아우디 e-tron은 아우디 브랜드 역사의 완전한 새로운 장을 열었습니다.<br/>
+아우디 e-tron은 순수 전기 모터로 구동되며 급속 충전 편의성, 주행 중 첨단 에너지 회수 기능을 보유하고 있습니다.<br/>
+지속적으로 확장되는 아우디 e-tron 제품군은 전력으로 구동되며, 정교한 차량 디자인과 역동적인 성능 및 핸들링을 제공합니다."
+        buttonText="카 서비스 플러스 확인하기"
+        buttonUrl="/models/etron"
+        buttonTarget="_self"
+        layout="horizontal"
+        imagePosition="left"
       />
 
       <CautionText />
@@ -156,16 +224,16 @@
   import ParallaxBanner from "~/components/block/parallaxBanner.vue";
   import SwiperBanner from "~/components/block/SwiperBanner.vue";
   import TitleVisual from "~/components/block/TitleVisual.vue";
-  import CautionText from "~/components/block/cautionText.vue";
+  import ProductCard from "~/components/block/ProductCard.vue";
+  import CautionText from "~/components/block/cautionText3.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 bannerVideoPath = ref(
-    "https://media.audi.com/is/content/audi/nemo/models/audi-e-tron-gt/s-e-tron-gt/my-2025/stage/Running_Footage_Se-tronGT-L-2.mp4#t=0.001"
-  );
+  const bannerVideoPath = ref("/img/models/e-tron-gt/Running_Footage_Se-tronGT-L-2.mp4");
 
   // Trim 정보 데이터
   const trimInfoItems = ref([
@@ -224,220 +292,179 @@
       showIcon: true,
     },
   ]);
-  // 커스텀 이미지 세트 예시 (필요시 사용)
-  const customParallaxImages = {
-    xl: "/img/models/e-tron-gt/RS_6_2022_4355-XL.jpg?auto=webp&width=1920",
-    xl2x: "/img/models/e-tron-gt/RS_6_2022_4355-XL.jpg?auto=webp&width=3840",
-    m: "/img/models/e-tron-gt/RS_6_2022_4355-M.jpg?auto=webp&width=1439",
-    m2x: "/img/models/e-tron-gt/RS_6_2022_4355-M.jpg?auto=webp&width=2878",
-    s: "/img/models/e-tron-gt/RS_6_2022_4355-S.jpg?auto=webp&width=787",
-    s2x: "/img/models/e-tron-gt/RS_6_2022_4355-S.jpg?auto=webp&width=1574",
-    xs: "/img/models/e-tron-gt/RS_6_2022_4355-XS.jpg?auto=webp&width=374",
-    xs2x: "/img/models/e-tron-gt/RS_6_2022_4355-XS.jpg?auto=webp&width=748",
-  };
 
   // Swiper 배너 슬라이드 데이터 (30% + 70% 레이아웃용)
   const bannerSlides = ref([
     {
-      image: "/img/exclusive/03_r8_2021_3105_57994-S-L.jpg",
-      alt: "당신만을 위해 반영된 특별함",
-      title: "당신만을 위해 반영된 특별함",
-      subtitle:
-        "색상부터 스티칭 요소까지, Audi exclusive order를 통해 오직 당신을 위한 아우디를 만나보세요.",
-      smalldesc: "유럽인증",
-    },
-    {
-      image: "/img/exclusive/05_rsegt_ae_2021_2376-S-L.jpg",
-      alt: "원하는 컬러를 선택하다",
-      title: "원하는 컬러를 선택하다",
-      subtitle:
-        "노을의 골드, 와인의 레드, 에메랄드 반지의 그린 등 아우디 차체 색상으로 원하는 색상을 선택할 수 있습니다.",
-      smalldesc: "유럽인증",
-    },
-    {
-      image: "/img/exclusive/04_r8_2021_3106_58054-S-L.jpg",
-      alt: "보고, 느끼고, 매료되다",
-      title: "보고, 느끼고, 매료되다",
-      subtitle:
-        "Audi exclusive order 인테리어 트림을 사용하면 다양한 옵션을 선택할 수 있습니다. 가장 상위 카테고리로 고급 가죽을 선택할 수 있습니다.",
-      smalldesc: "유럽인증",
+      video: "/img/models/e-tron-gt/s-e-tron-gt-walkaround-L.mp4",
+      alt: "",
+      title: "",
+      subtitle: "",
+      smalldesc: "",
     },
   ]);
 
   const bannerSlides2 = ref([
     {
-      image: "/img/exclusive/06_AQUA_151004_7823-S-L.jpg",
-      alt: "개성이 담긴 색상",
-      title: "개성이 담긴 색상",
+      image: "/img/models/e-tron-gt/SeGT_2024_6504_Cast-L.avif",
+      alt: "고출력 충전",
+      title: "고출력 충전",
       subtitle:
-        "선택하는 색상은 결합제, 용제, 다양한 첨가제뿐만 아니라 유기 및 무기 안료의 혼합으로 이루어집니다. 유기 안료는 색상의 휘도와 선명도를 제공하고 무기 안료는 마감재의 내후성을 보장합니다. 메탈 소판(metal platelet)을 추가하면 메탈릭 페인트 마감의 매혹적인 이펙트가 나타납니다.",
-      smalldesc: "",
+        "약 18분 안에 10%에서 80%까지 충전됩니다. 또 10분이면 280km를 주행하기에 충분한 전력을 보충할 수 있습니다. 고전압 배터리를 탑재한 덕분에 HPC 충전소에서 이렇게 빠른 대용량 충전(충전 용량 최대 320kW)이 가능합니다.",
+      cautiondesc:
+        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급<br/>유럽 WLTP 기준",
     },
     {
-      image: "/img/exclusive/07_AU140766_large-S-L.jpg",
-      alt: "차체에 페인트를 적용하는 방법",
-      title: "차체에 페인트를 적용하는 방법",
+      image: "/img/models/e-tron-gt/SeGT_2024_6505-L.avif",
+      alt: "내 생애 가장 오래 이어지는 아드레날린 킥",
+      title: "내 생애 가장 오래 이어지는 아드레날린 킥",
       subtitle:
-        "아우디의 페인트 마감은 4겹으로 구성되지만 한 겹의 두께는 사람의 머리카락보다 굵지 않습니다. 먼저 부식을 방지하는 프라이머를 본체에 도포합니다. 이 단계에서 전체 차량이 딥 탱크를 통해 회전하여 안으로 들어간 모든 부분의 모든 면을 페인트로 코팅합니다. 그런 다음, 본체를 180°C에서 45분 동안 건조시킵니다.",
-      smalldesc: "",
+        "기대하세요. 무려 420km(복합 기준)에 달하는 아우디 그란 투리스모 전기차의 기나긴 주행 가능 거리 덕분에 역동적인 주행 경험이 오래도록 지속됩니다.",
+      cautiondesc:
+        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
     },
     {
-      image: "/img/exclusive/08_AU140767_large-S-L.jpg",
-      alt: "이후 공정",
-      title: "이후 공정",
+      image: "/img/models/e-tron-gt/RRA0356-L-1.jpg",
+      alt: "효율성을 위한 방향 전환",
+      title: "효율성을 위한 방향 전환",
       subtitle:
-        "두 번째 단계는 필러 레이어라고 합니다. 필러 레이어는 표면의 요철을 매끄럽게 하고 주행 중 날아오는 돌이나 모래로 마감이 갈라지는 것을 방지하는 데 필요한 탄성을 제공합니다. 세 번째 레이어는 컬러 페인트 마감입니다. 빠르게 회전하는 분무기로 아우디 표면에 이 베이스 마감을 적용합니다. 네 번째 단계에서는 투명한 바니시 보호층을 추가한 후 140°C에서 30분 동안 경화시켜야 합니다.",
-      smalldesc: "",
+        "아우디 e-tron GT를 위해 특별히 개발된 21인치 타이어는 기존 타이어 대비 최적화된 구름 저항으로 효율성이 우수하며, 따라서 주행 가능 거리를 늘리는 데 유리합니다. 이 타이어는 평균 55%의 재생 원료와 재활용 원료를 사용해 제조됩니다.",
+      cautiondesc: "참고: 사진의 모델은 아우디 RS e-tron GT 입니다.",
     },
   ]);
 
-  const bannerSlides3 = ref([
+  // Trim 정보 데이터
+  const trimInfoItems2 = ref([
     {
-      image: "/img/exclusive/09_rs7_ae_2020_2428-L.jpg",
-      alt: "",
-      title: "",
-      subtitle:
-        "Ascari blue metallic 색상의 아우디 RS 7 Sportback. 연비(km/l) : 7.4 (에너지소비효율등급 5등급 / 복합), 6.2 (도심), 9.5 (고속도로), CO₂ 배출량(g/km): 239",
-      smalldesc: "",
-      morelink: "/",
+      title: "합산 출력",
+      value: "435",
+      unit: "kW",
+      subText: "",
     },
     {
-      image: "/img/exclusive/11_a8_ae_2021_3214_58435-L.jpg",
-      alt: "",
-      title: "",
-      subtitle: "Night Blue Pearl Effect의 아우디 A8.",
-      smalldesc: "",
-      morelink: "/",
+      title: "가속 (0-100km/h)",
+      value: "3.6",
+      unit: "초",
+      subText: "(Launch Control 모드: 3.4초)",
     },
     {
-      image: "/img/exclusive/12_rs6_ae_2020_2426_55361-L.jpg",
-      alt: "",
-      title: "",
-      subtitle:
-        "Panther black crystall effect의 아우디 RS 6 Avant. 연비(km/l) : 7.0 (에너지소비효율등급 5등급/복합), 6.1 (도심), 8.6 (고속도로), CO₂ 배출량(g/km) : 250",
-      smalldesc: "",
-      morelink: "/",
+      title: "배터리 용량 (Gross)",
+      value: "105",
+      unit: "kWh",
+      subText: "",
     },
   ]);
 
-  const bannerSlides4 = ref([
-    {
-      image: "/img/exclusive/metallic.jpg",
-      alt: "",
-      title: "Metallic 페인트 마감:",
-      subtitle: "은은하게 반짝이는 우아함.",
-      smalldesc: "",
-    },
-    {
-      image: "/img/exclusive/pearleffect.jpg",
-      alt: "",
-      title: "Pearl effect 페인트 마감:",
-      subtitle: "빛나는 광채.",
-      smalldesc: "",
-    },
+  const bannerSlides3 = ref([
     {
-      image: "/img/exclusive/uni.jpg",
-      alt: "",
-      title: "단일 페인트 마감: ",
-      subtitle: "심플한 아름다움.",
+      video:
+        "/img/models/e-tron-gt/EN-240430_Audi_GT_LAUNCH_CONTROL_29s_v11_1x1_CLEAN.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 스포츠 사운드 덕분에 감동적인 주행 경험을 귀로도 느낄 수 있습니다. 절제, 균형, 스포티 등 원하는 사운드 프로필 옵션을 선택하세요.",
       smalldesc: "",
+      cautiondesc: "참고: 사진의 모델은 아우디 RS e-tron GT performance 입니다.",
     },
     {
-      image: "/img/exclusive/crystal.jpg",
-      alt: "",
-      title: "Crystall effect 페인트 마감: ",
-      subtitle: "숨이 멎을 듯 강렬한 럭셔리함. ",
+      image: "/img/models/e-tron-gt/SeGT_2024_6505-S-L.avif",
+      alt: "노면과 하나 되는 감각",
+      title: "노면과 하나 되는 감각",
+      subtitle:
+        "정밀하게 조향되며 조향 각도는 감소했습니다. 더 직접적인 조향 비율의 전륜 스포츠 스티어링은 특히 굽은 도로에서 운전하는 재미를 더욱 높여주며, 사륜 스티어링은 아우디 S e-tron GT의 민첩성을 한층 더 향상시킵니다.",
       smalldesc: "",
+      cautiondesc:
+        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
     },
   ]);
 
-  const bannerSlides5 = ref([
-    {
-      image: "/img/exclusive/metallic-shiny-L.jpg",
-      alt: "",
-      title: "Metallic 페인트 마감:",
-      subtitle: "은은하게 반짝이는 우아함.",
-      smalldesc: "",
-    },
+  const bannerSlides4 = ref([
     {
-      image: "/img/exclusive/metallic-L.jpg",
-      alt: "",
-      title: "Metallic 페인트 마감:",
-      subtitle: "은은하게 반짝이는 우아함.",
+      image: "/img/models/e-tron-gt/SeGT_2024_6511-L.avif",
+      alt: "모두가 주목하는 스포티한 감각",
+      title: "모두가 주목하는 스포티한 감각",
+      subtitle:
+        "넓은 전면부와 독특한 공기 흡입구, 눈에 띄는 범퍼가 스포츠카만의 인상적인 존재감을 드러냅니다. 싱글프레임의 반전 매력이 느껴지는 그릴은 특유의 3D 엠보싱으로 이러한 인상을 더욱 강화합니다.",
       smalldesc: "",
     },
     {
-      image: "/img/exclusive/pearl-effect-L.jpg",
-      alt: "",
-      title: "Pearl effect 페인트 마감:",
-      subtitle: "빛나는 광채.",
+      image: "/img/models/e-tron-gt/SeGT_2024_6509-L.avif",
+      alt: "다이내믹한 마감",
+      title: "다이내믹한 마감",
+      subtitle:
+        "강력한 후방 디퓨저는 공기역학적 효율성과 명료한 시각적 아름다움을 결합한 결과물입니다. 수직 슬랫을 통해 난류를 줄이는 한편, 디퓨저 위에 차체 색상의 인레이를 넣어 S 모델 특유의 디자인 감각을 강조했습니다.",
       smalldesc: "",
+      cautiondesc:
+        "전력 소비량: 3.7 km/kWh (복합), CO2&nbsp;배출량&nbsp;(복합): 0g/km,&nbsp;배출 등급: 4등급",
     },
     {
-      image: "/img/exclusive/uni-color-L.jpg",
-      alt: "",
-      title: "단일 페인트 마감: ",
-      subtitle: "심플한 아름다움. ",
-      smalldesc: "",
+      video: "/img/models/e-tron-gt/s-e-tron-gt-chlh-lights-animation-L.mp4",
+      alt: "혁신적인 조명 디자인",
+      title: "혁신적인 조명 디자인",
+      subtitle:
+        "커밍 홈/리빙 홈 기능의 다이내믹한 라이트 시퀀스가 혁신적인 느낌을 선사합니다. 후면 전체를 가로지르는 조명 스트립은 특히 강렬한 인상을 남깁니다.",
+      cautiondesc:
+        "전력 소비량: 3.7 km/kWh (복합), CO2&nbsp;배출량&nbsp;(복합): 0g/km,&nbsp;배출 등급: 4등급",
     },
     {
-      image: "/img/exclusive/crystal-effect-L.jpg",
-      alt: "",
-      title: "Crystall effect 페인트 마감: ",
-      subtitle: "숨이 멎을 듯 강렬한 럭셔리함. ",
+      image: "/img/models/e-tron-gt/SeGT_2024_6511-L-2.avif",
+      alt: "빛으로 완성되는 존재감",
+      title: "빛으로 완성되는 존재감",
+      subtitle:
+        "매트릭스 LED 헤드라이트와 아우디 레이저 라이트는 아우디의 진보적 디자인을 대표하는 핵심 요소입니다. 아우디 레이저 라이트의 파란색 포인트가 돋보이는 독창적인 조명 시그니처는 이 자동차의 스포티한 개성을 더욱 강조합니다.",
       smalldesc: "",
     },
   ]);
 
-  const bannerSlides6 = ref([
+  const bannerSlides5 = ref([
     {
-      image: "/img/exclusive/AQUA_171047_1_51L_rgb-L.jpg",
-      alt: "",
-      title: "가죽의 제작 과정",
+      image: "/img/models/e-tron-gt/SeGT_2024_6529_EN-L.avif",
+      alt: "한눈에 들어오는 디지털 정보",
+      title: "한눈에 들어오는 디지털 정보",
       subtitle:
-        "30가지 이상의 다양한 테스트를 실시한 후 적합한 가죽을 선택합니다. 이러한 테스트는 내마모성, 내광성, 수축 거동, 굽힘 강도 그리고 인장력, 방출 및 가연성에 대한 저항성과 같은 요소를 확인하도록 설계되었습니다.",
+        "아우디 버추얼 콕핏 플러스의 12.3인치 디스플레이는 속도 및 내비게이션 안내뿐만 아니라 배터리 온도 및 현재 차량의 최대 허용 충전 용량 등 충전 프로세스 관련 정보도 표시해 줍니다.",
       smalldesc: "",
     },
     {
-      image: "/img/exclusive/19_AL090111_large-S-L.jpg",
-      alt: "",
-      title: "신중하게 처리되는 공정",
+      video: "/img/models/e-tron-gt/Audi_GT-Post-GlassRoof-S_1920x1080.mp4",
+      alt: "새로운 차원의 개방감",
+      title: "새로운 차원의 개방감",
       subtitle:
-        "가죽의 진성을 유지하기 위해 식물성 염료를 포함한 물질로 부드럽게 정제합니다. 그 결과 내구성이 강하고 오래 지속되며 매우 감성적인 재료가 만들어집니다.",
+        "블라인드처럼 간편하게 조작할 수 있으면서도, 훨씬 더 다양하게 활용 가능합니다. 파노라마 글래스 루프를 구성하는 9개의 세그먼트는 각각 투명 또는 불투명으로 전환할 수 있습니다. 원하는 곳으로 햇살이 들어오도록 MMI 터치 디스플레이에서 선택하면 됩니다.",
       smalldesc: "",
     },
     {
-      image: "/img/exclusive/needle.jpg",
-      alt: "",
-      title: "타임리스 스티칭",
-      subtitle: "맞춤형 스티칭은 Audi 전용 차량에 완벽함 마무리 터치를 더합니다.",
+      video: "/img/models/e-tron-gt/Frunk_S_Etron_GT-L.mp4",
+      alt: "더 넉넉한 공간",
+      title: "더 넉넉한 공간",
+      subtitle:
+        "긴 보닛 아래에 추가 수납 공간이 마련되어, 수납 용량이 77리터나 더 늘어났습니다.",
       smalldesc: "",
+      cautiondesc: "유럽인증기준",
     },
   ]);
 
-  const bannerSlides7 = ref([
+  const careProgramItems = ref([
     {
-      image: "/img/exclusive/27_rs6_ae_2020_2427_1_55902-L.jpg",
-      alt: "",
-      title: "",
-      subtitle:
-        "아우디 RS 6 Avant의 인테리어에는 Diamond silver black 색상의 발코나 Audi exclusive 가죽 커버와 이에 대비되는 Diamond silver 스티칭을 사용했습니다.",
-      smalldesc: "",
-      morelink:
-        "https://www.audi.co.kr/ko/models/a6/rs-6-avant-performance-2024/configurator/",
-      morelinktitle: "아우디 RS 6 내 차량 만들기",
-      morelinktarget: "_blank",
+      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: "",
     },
-  ]);
-
-  const bannerSlides8 = ref([
     {
-      image: "/img/exclusive/28_Audi_R8_Coupe_Blau_07-2019_4-L.jpg",
-      alt: "",
-      title: "무엇이든 가능하게:",
-      subtitle:
-        "탁월하게 제작된 섬세한 재료와 다양한 조합을 통해 브랜드의 감성을 다면적으로 반영합니다.",
-      smalldesc: "",
+      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>

+ 8 - 1
nuxt.config.ts

@@ -61,7 +61,14 @@ export default defineNuxtConfig({
     public: {
       apiBase: process.env.NUXT_PUBLIC_API_BASE || 'http://gojinaudi.mycafe24.com',
       imageBase: process.env.NUXT_PUBLIC_IMAGE_BASE || 'http://gojinaudi.mycafe24.com',
-      testdrive: process.env.NUXT_PUBLIC_TESTDRIVE
+      // Company별 testdrive URL 분기
+      // g: TESTDRIVE, w: TESTDRIVE2, k: TESTDRIVE3, default: TESTDRIVE4
+      testdrive:
+        process.env.NUXT_PUBLIC_COMPANY == "g" ? process.env.NUXT_PUBLIC_TESTDRIVE :
+        process.env.NUXT_PUBLIC_COMPANY == "w" ? process.env.NUXT_PUBLIC_TESTDRIVE2 :
+        process.env.NUXT_PUBLIC_COMPANY == "k" ? process.env.NUXT_PUBLIC_TESTDRIVE3 :
+        process.env.NUXT_PUBLIC_TESTDRIVE4,
+      company: process.env.NUXT_PUBLIC_COMPANY
     }
   }
 })

二进制
public/img/etronms/e-tron_1920x1920.webp


二进制
public/img/models/e-tron-gt/2_730X730.webp


二进制
public/img/models/e-tron-gt/Audi_GT-Post-GlassRoof-S_1920x1080.mp4


二进制
public/img/models/e-tron-gt/EN-240430_Audi_GT_LAUNCH_CONTROL_29s_v11_1x1_CLEAN.mp4


二进制
public/img/models/e-tron-gt/Frunk_S_Etron_GT-L.mp4


二进制
public/img/models/e-tron-gt/Q6_2023_5202-cast_1-v2-L.avif


二进制
public/img/models/e-tron-gt/RRA0356-L-1.jpg


二进制
public/img/models/e-tron-gt/RSeGTp_2024_6631-L.avif


二进制
public/img/models/e-tron-gt/Running_Footage_Se-tronGT-L-2.mp4


二进制
public/img/models/e-tron-gt/SeGT_2024_6504_Cast-L.avif


二进制
public/img/models/e-tron-gt/SeGT_2024_6505-L.avif


二进制
public/img/models/e-tron-gt/SeGT_2024_6505-S-L.avif


二进制
public/img/models/e-tron-gt/SeGT_2024_6505-S-L.webp


二进制
public/img/models/e-tron-gt/SeGT_2024_6509-L.avif


二进制
public/img/models/e-tron-gt/SeGT_2024_6511-L-2.avif


二进制
public/img/models/e-tron-gt/SeGT_2024_6511-L.avif


二进制
public/img/models/e-tron-gt/SeGT_2024_6529_EN-L.avif


二进制
public/img/models/e-tron-gt/s-e-tron-gt-chlh-lights-animation-L.mp4


二进制
public/img/models/e-tron-gt/s-e-tron-gt-walkaround-L.mp4