audi/app/pages/stories/future/sphere-conceptcars/index.vue

<template>
    <main>
        <div class="detail--container">
            <section class="img--section none--bdrs">
                <div class="img--wrap">
                    <img src="/img/stories/future/img--future1--detail1.jpg" alt="">
                </div>
                <div class="desc--wrap">
                    <p class="desc pl--30">표시된 차량은 양산 차량으로 사용할 수 없는 콘셉트 카입니다.</p>
                </div>
            </section>
            <section class="title--section">
                <h2 class="big--title">아우디의 콘셉트 카</h2>
                <p>아우디는 항상 모빌리티의 미래에 대한 질문을 던지고 있습니다. 그리고 기술적 가능성, 선구적인 혁신, 흥미로운 디자인을 계속 드러내는 매력적인 콘셉트 카를 선보이며 질문에 대한 답을 제시합니다.</p>
            </section>
            <section class="img--desc--section">
                <div class="img--wrap">
                    <img src="/img/stories/future/img--future1--detail2.jpg" alt="">
                </div>
                <div class="desc--wrap">
                    <h3>아우디 액티브스피어 콘셉트 카</h3>
                    <p>고품격 아웃도어 활동을 위해 콰트로 성능을 재정의한 아우디 액티브스피어 콘셉트 카는 아우디의 역사를 아우디의 미래로 전환합니다. 우아함, 실용성 및 기능의 공생이 조화를 이룬 최신 연구 결과물은 완벽한 라이프스타일 동반자가 되었습니다.</p>
                    <NuxtLink to="/stories/future/sphere-conceptcars/activesphere-concept/" class="btn--gray mt--24">
                        자세히 보기
                    </NuxtLink>
                </div>
            </section>
            <section class="img--section">
                <div class="img--wrap">
                    <video  controls autoplay muted loop playsinline src="/img/stories/future/img--future1--detail3.mp4"></video>
                </div>
            </section>
            <section class="img--desc--section reverse">
                <div class="img--wrap">
                    <img src="/img/stories/future/img--future1--detail4.jpg" alt="">
                </div>
                <div class="desc--wrap">
                    <h3>아우디 어반스피어 콘셉트 카</h3>
                    <p>혼잡한 도심 속에서 안식처가 되어줄 자율 주행 아우디 어반스피어 콘셉트 카는 바퀴 달린 라운지일 뿐만 아니라 지금까지 스피어 제품군 중 가장 큰 콘셉트 카이기도 합니다. 첨단 기술과 넉넉한 실내 공간으로 최고급 안락함을 선사합니다.</p>
                    <NuxtLink to="/stories/future/sphere-conceptcars/urbansphere-concept/" class="btn--gray mt--24">
                        자세히 보기
                    </NuxtLink>
                </div>
            </section>
            <section class="img--desc--section">
                <div class="img--wrap">
                    <img src="/img/stories/future/img--future1--detail5.jpg" alt="">
                </div>
                <div class="desc--wrap">
                    <h3>아우디 그랜드스피어 콘셉트 카</h3>
                    <p>두 번째 스피어 콘셉트 카는 아우디가 해석한 미래의 프리미엄 모빌리티를 엿볼 수 있는 모델입니다. 완전히 새롭게 재해석된 실내 인테리어는 퍼스트 클래스 라운지와 같은 느낌의 충분한 체험 공간을 제공합니다.</p>
                    <NuxtLink to="/stories/future/sphere-conceptcars/grandsphere-concept/" class="btn--gray mt--24">
                        자세히 보기
                    </NuxtLink>
                </div>
            </section>
            <section class="img--desc--section reverse">
                <div class="img--wrap">
                    <img src="/img/stories/future/img--future1--detail6.jpg" alt="">
                </div>
                <div class="desc--wrap">
                    <h3>아우디 스카이스피어 콘셉트 카</h3>
                    <p>스카이스피어 콘셉트 카는 아우디가 프리미엄 모빌리티의 미래를 어떻게 적극적으로 만들어가고 있는지를 보여주는 시리즈 중 첫 번째 사례로서, 기술과 디자인을 융합하여 완전히 새로운 경험의 세계로 안내합니다.</p>
                    <NuxtLink to="/stories/future/sphere-conceptcars/skysphere-concept/" class="btn--gray mt--24">
                        자세히 보기
                    </NuxtLink>
                </div>
            </section>
            <BlockInterestedFuture />
        </div>
    </main>
</template>