audi/app/pages/stories/future/index.vue

<template>
    <main>
        <div class="detail--container">
            <div class="title--wrap">
                <h2 class="">Future</h2>
                <p>아우디는 놀라운 미래를 위한 혁신적인 비전과 콘셉을 만들어가고 있습니다. 이는 브랜드 콘셉트 차량에서 가장 잘 드러납니다. 이 이야기를 통해 미래의 삶에 조금 더 가까이 다가갑니다.</p>
            </div>
            <div class="content--wrap">
                <div class="ls--card--wrap">
                    <div class="ls--card reverse">
                        <div class="ls--txt--wrap">
                            <h2>아우디의 콘셉트 카</h2>
                            <p>아우디는 항상 모빌리티의 미래에 대한 질문을 던지고 있습니다. 그리고 기술적 가능성, 선구적인 혁신, 흥미로운 디자인을 계속 드러내는 매력적인 콘셉트 카를 선보이며 질문에 대한 답을 제시합니다.</p>
                            <NuxtLink to="/stories/future/sphere-conceptcars/" class="btn--border--gray big--btn">자세히 보기</NuxtLink>
                            <p class="desc">표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.</p>
                        </div>
                        <div class="ls--img--wrap">
                            <img src="/img/stories/future/img--future1.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="tech--card--wrap mt--80">
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/stories/future/img--future2.jpg" alt="퍼스트 클래스석 경험">
                        </div>
                        <h3>퍼스트 클래스석 경험</h3>
                        <p>디자이너 라파엘 팔켄부르거(Rafael Falkenburger)는 아우디 어반스피어 콘셉트(Audi urbansphere concept)¹의 독창적인 시트 기능을 소개하며, 새로운 인테리어 콘셉트에서 퍼스트 클래스 수준의 편안함을 제공한다고 설명합니다.</p>
                        <NuxtLink to="/stories/future/first-class-seats">자세히 알아보기 <i class="ico"></i></NuxtLink>
                        <p class="type2">해당 차량은 양산차가 아닌 콘셉트 차량입니다.</p>
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/stories/future/img--future3.jpg" alt="이동 중에 휴식을 취할 수 있는 프로그램">
                        </div>
                        <h3>이동 중에 휴식을 취할 수 있는 프로그램</h3>
                        <p>아우디 어반스피어 콘셉트 카의 '헬스 유스 케이스'는 자동차를 평화로운 안식처로 전환하는 휴식 프로그램입니다.</p>
                        <NuxtLink to="/stories/future/welcome-to-me-time-on-the-move">자세히 알아보기 <i class="ico"></i></NuxtLink>
                        <p class="type2">표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.</p>
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/stories/future/img--future4.jpg" alt="디자인 전략">
                        </div>
                        <h3>디자인 전략</h3>
                        <p>아우디 디자인은 미래를 향해 어떻게 발전하고 있나요? 미래를 향한 발전을 어떻게 정의하시겠어요? 이와 관련하여 아우디 디자인의 디자인 전략 책임자인 클라우스 포트호프(Claus Potthoff)와 이야기를 나눴습니다.</p>
                        <NuxtLink to="/stories/future/the-strategy-of-design">자세히 알아보기 <i class="ico"></i></NuxtLink>
                        <p class="type2">표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.</p>
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/stories/future/img--future5.jpg" alt="아우디 그랜드스피어 콘셉트 카">
                        </div>
                        <h3>아우디 그랜드스피어 콘셉트 카: 최상의 경험을 즐길 수 있는 아우디 그랜드스피어 콘셉트 카</h3>
                        <p>아우디 브랜드는 아우디 그랜드스피어 콘셉트 카를 통해 새로운 경험을 선사하는 인테리어를 비롯하여 최고급 이동 및 여행의 진보적인 럭셔리 개념에 대한 비전을 밝힙니다.</p>
                        <NuxtLink to="/stories/future/audi-grandsphere-concept-first-class-interior-experience">자세히 알아보기 <i class="ico"></i></NuxtLink>
                        <p class="type2">표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.</p>
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/stories/future/img--future6.jpg" alt="아우디 액티브스피어 콘셉트 카">
                        </div>
                        <h3>아우디 액티브스피어 콘셉트 카: 활동적인 라이프스타일의 동반자</h3>
                        <p>스포티하고 열정적이며 품격 있음: 아우디의 네 번째 스피어 콘셉트 카는 콰트로 기술과 혁신적인 작동 개념이 적용된 컨버터블 크로스오버 쿠페입니다.</p>
                        <NuxtLink to="/stories/future/audi-activesphere-concept-you-active-lifestyle-companion">자세히 알아보기 <i class="ico"></i></NuxtLink>
                        <p class="type2">표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.</p>
                    </div>
                    <div class="tech--card">
                        <div class="img--wrap">
                            <img src="/img/stories/future/img--future7.jpg" alt="마치 마법처럼">
                        </div>
                        <h3>마치 마법처럼</h3>
                        <p>미니멀한 인테리어 디자인, 첨단 안경, 사용자를 향해 움직이는 제어 요소, 이것이 바로 아우디 액티브스피어 콘셉트 카를 위한 새로운 혼합 현실 기반의 작동 개념인 아우디 디멘션(Audi dimensions)입니다.</p>
                        <NuxtLink to="/stories/future/almost-like-magic">자세히 알아보기 <i class="ico"></i></NuxtLink>
                        <p class="type2">표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.</p>
                    </div>
                </div>
            </div>
        </div>
    </main>
</template>