activesphere-concept.vue 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <template>
  2. <main>
  3. <div class="detail--container">
  4. <section class="img--section none--bdrs">
  5. <div class="img--wrap">
  6. <img src="/img/stories/future/img--concept1--detail1.jpg" alt="">
  7. </div>
  8. <div class="desc--wrap">
  9. <p class="desc pl--30">표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.</p>
  10. </div>
  11. </section>
  12. <section class="desc--section mid--type">
  13. <h2 class="big--title">활동적인 라이프스타일을 함께할 친근한 동반자</h2>
  14. <p class="mt--24">아우디 액티브스피어 콘셉트 카를 통해 아우디는 미래의 프리미엄 모빌리티를 위한 최고의 경험이라는 비전을 이어가고 있습니다. 스피어 제품군의 네 번째 콘셉트 카는 완전히 새로운 차체 스타일을 선보일 뿐만 아니라 우아함과 실용성이라는 보이지는 않지만 독특한 조합을 제시합니다.</p>
  15. </section>
  16. <BlockSwiperBanner
  17. :slides="bannerSlides"
  18. title=""
  19. subtitle=""
  20. notice=""
  21. :autoplay="{ delay: 0 }"
  22. :loop="false"
  23. type="vertical"
  24. />
  25. <section class="desc--section mid--type mt--100">
  26. <h2 class="">아우디 액티브스피어 콘셉트 카의 월드 프리미어</h2>
  27. <p class="mt--24">아우디는 2023년 1월 26일 저녁에 진행된 Celebration of Progress에서 아우디 액티브스피어 콘셉트 카를 공개했습니다. 아우디 AG 브랜드 책임자인 헨리크 벤더스(Henrik Wenders)와 아우디 AG 디자인 책임자인 마크 리히테(Marc Lichte)가 네 번째 스피어 콘셉트 카에 대한 아이디어와 비전을 어떻게 제시하는지 시청해 보세요. 아우디 디자인 로프트 말리부(CA)의 수석 이사인 게일 부진(Gael Buzyn)과 UI/UX 디자인 아우디 AG의 책임자인 시드 오데드라(Sid Odedra)가 아우디 액티브스피어 콘셉트 카가 얼마나 인간 중심으로 디자인되었는지를 인상적으로 소개합니다.</p>
  28. </section>
  29. <BlockSwiperBanner
  30. :slides="bannerSlides2"
  31. title=""
  32. subtitle=""
  33. notice=""
  34. :autoplay="{ delay: 0 }"
  35. :loop="false"
  36. type="vertical"
  37. />
  38. <section class="desc--section mid--type mt--100">
  39. <h2 class="">아우디 액티브스피어 콘셉트 카의 제작 과정</h2>
  40. <p class="mt--24">야외 활동을 고려하여 설계된 아우디 액티브스피어 콘셉트 카는 탁월한 우아함과 오프로드 기능을 동시에 제공합니다. 환상적인 사용자 인터페이스는 최고의 경험을 선사하며 자동차 밖에서도 이용할 수 있습니다. 활동적인 라이프스타일에서는 뻬놓을 수 없는 동반자입니다. 다큐멘터리에서 이 새로운 콘셉트 카와 디자인 및 유용성에 대한 이면의 아이디어를 자세히 알아보세요.</p>
  41. </section>
  42. </div>
  43. </main>
  44. </template>
  45. <script setup>
  46. const bannerSlides = ref([
  47. {
  48. image: "/img/stories/future/img--concept1--detail2.jpg",
  49. alt: "",
  50. title: "",
  51. subtitle:
  52. "아우디 액티브스피어 콘셉트는 겉으로 드러나지 않는 차량 콘셉트입니다. 매우 우아한데다, 향상된 기능과 탁월한 사용자 인터페이스 덕분에 뛰어난 성능을 경험할 수 있습니다. ",
  53. },
  54. {
  55. image: "/img/stories/future/img--concept1--detail3.jpg",
  56. alt: "",
  57. title: "",
  58. subtitle: "유리 표면이 차체의 중요한 부분을 구성합니다. 전면의 투명한 싱글 프레임을 통해 탑승자는 차량 앞의 도로를 명확하게 볼 수 있습니다."
  59. },
  60. {
  61. image: "/img/stories/future/img--concept1--detail4.jpg",
  62. alt: "",
  63. title: "",
  64. subtitle: "아우디 액티브스피어 콘셉트 카는 온로드 모드(로커 레일과 범퍼의 우아한 라이트)뿐만 아니라 오프로드 모드도 제공합니다. 오프로드 모드로 전환하면 지상고가 40mm 더 높아지고 로커 레일의 견고한 라이트를 제공합니다."
  65. },
  66. {
  67. image: "/img/stories/future/img--concept1--detail5.jpg",
  68. alt: "",
  69. title: "",
  70. subtitle: "차량 후면을 열고 스포트백에서 액티브백으로 변형하여 스포츠 장비용 픽업 화물칸으로 활용할 수 있습니다."
  71. }
  72. ]);
  73. const bannerSlides2 = ref([
  74. {
  75. image: "/img/stories/future/img--concept1--detail6.jpg",
  76. alt: "",
  77. title: "",
  78. subtitle:
  79. "미래 지향성: 콰트로 4륜 구동 - 주행의 즐거움과 흥미로운 증강 현실 경험을 더합니다. ",
  80. },
  81. {
  82. image: "/img/stories/future/img--concept1--detail7.jpg",
  83. alt: "",
  84. title: "",
  85. subtitle: "새로운 차원의 내부 공간 경험: 내부 디자인은 차창 너머로 열리는 듯한 개방감을 주며 미니멀하면서도 충분히 넓습니다."
  86. },
  87. {
  88. image: "/img/stories/future/img--concept1--detail8.jpg",
  89. alt: "",
  90. title: "",
  91. subtitle: "아우디 액티브스피어 콘셉트 카는 온로드 모드(로커 레일과 범퍼의 우아한 라이트)뿐만 아니라 오프로드 모드도 제공합니다. 오프로드 모드로 전환하면 지상고가 40mm 더 높아지고 로커 레일의 견고한 라이트를 제공합니다."
  92. },
  93. {
  94. image: "/img/stories/future/img--concept1--detail9.jpg",
  95. alt: "",
  96. title: "",
  97. subtitle: "아우디 액티브스피어 콘셉트 카는 자율 운전 기능을 지원하므로 최고의 경험을 편안하게 누릴 수 있습니다."
  98. }
  99. ]);
  100. </script>