urbansphere-concept.vue 5.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  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--concept2--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">Experience megacities as never before</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">아우디 어반스피어 콘셉트 카를 통해 아우디는 미래의 모빌리티에 대한 비전을 드러냅니다. 아우디 AG의 마케팅 및 영업 이사회 일원인 힐데가르트 워트만(Hildegard Wortmann), 아우디 AG의 기술 개발 이사회 일원인 올리버 호프만(Oliver Hoffmann), 아우디 AG 브랜드 책임자인 헨리크 벤더스(Henrik Wenders)가 세 번째 스피어 콘셉트 카를 전 세계에 공개하면서 어떻게 소개했는지 알아보세요.</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">
  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--concept2--detail2.jpg",
  49. alt: "",
  50. title: "",
  51. subtitle:
  52. "아우디 어반스피어 콘셉트 카의 싱글 프레임 전체 표면은 커뮤니케이션을 위한 역동적인 조명 디스플레이로 활용될 수 있습니다. ",
  53. },
  54. {
  55. image: "/img/stories/future/img--concept2--detail3.jpg",
  56. alt: "",
  57. title: "",
  58. subtitle: "아우디 어반스피어 콘셉트 카의 전면과 마찬가지로 후면에 있는 대형 디지털 조명 표면도 디자인의 특징을 드러내고 커뮤니케이션을 지원하는 역할을 합니다. "
  59. },
  60. {
  61. image: "/img/stories/future/img--concept2--detail4.jpg",
  62. alt: "",
  63. title: "",
  64. subtitle: "아우디 어반스피어 콘셉트 카의 도어는 앞과 뒤의 반대 방향으로 힌지되어 있고 B필러가 없습니다. 탑승자가 차에 타자마자 실내의 전체 공간을 개방합니다. "
  65. },
  66. {
  67. image: "/img/stories/future/img--concept2--detail5.jpg",
  68. alt: "",
  69. title: "",
  70. subtitle: "넓은 유리 표면으로 인해 탑승자는 탁월한 공간감을 느낄 수 있고 주변 환경을 더 강렬하게 인식할 수 있습니다."
  71. }
  72. ]);
  73. const bannerSlides2 = ref([
  74. {
  75. image: "/img/stories/future/img--concept2--detail6.jpg",
  76. alt: "",
  77. title: "",
  78. subtitle:
  79. "아우디 어반스피어 콘셉트 카는 모든 탑승자에게 최대한의 편안한 기능을 제공하며 조명을 이용해서도 편안한 분위기를 조성합니다. ",
  80. },
  81. {
  82. image: "/img/stories/future/img--concept2--detail7.jpg",
  83. alt: "",
  84. title: "",
  85. subtitle: "아우디 어반스피어 콘셉트 카의 내부 좌석은 회전이 가능하며 항공기의 퍼스트 클래스와 같은 고급스러운 편안함을 제공합니다."
  86. },
  87. {
  88. image: "/img/stories/future/img--concept2--detail8.jpg",
  89. alt: "",
  90. title: "",
  91. subtitle: "인포테인먼트의 가장 놀라운 점은 루프에서 내릴 수 있는 OLED 스크린입니다. 이 OLED 스크린을 통해 뒷줄의 두 탑승자는 함께 화상 회의에 참여하거나 영화를 볼 수 있습니다."
  92. },
  93. ]);
  94. </script>