45 lines
1.4 KiB
Vue
45 lines
1.4 KiB
Vue
<template>
|
||
<section class="bg-gray-50 dark:bg-gray-900 py-16 sm:py-20">
|
||
<div class="mx-auto max-w-4xl px-4">
|
||
<!-- Title -->
|
||
<div class="text-center">
|
||
<h2
|
||
class="text-sm font-semibold tracking-[0.2em] text-gray-500 dark:text-gray-400 uppercase"
|
||
>
|
||
BOBU – Nomad Social Club
|
||
</h2>
|
||
<p
|
||
class="mt-4 text-2xl sm:text-3xl font-bold text-gray-900 dark:text-gray-100 leading-snug"
|
||
>
|
||
자연 속, 자유롭지만 차분한 공간.
|
||
</p>
|
||
|
||
<p
|
||
class="mt-2 text-base sm:text-lg font-medium text-gray-600 dark:text-gray-300 leading-relaxed"
|
||
>
|
||
정선의 유일한 공유 오피스에서 일과 쉼의 균형을 찾아보세요.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Body text -->
|
||
<div
|
||
class="mt-8 text-center sm:text-left text-gray-700 dark:text-gray-300 leading-relaxed"
|
||
>
|
||
<p class="whitespace-pre-line">
|
||
멀리 가지 않아도 곁에 있는 자연. 낮에는 머물고, 저녁엔 떠나고, 밤에는
|
||
자연 속에서 쉬어가는 일과 쉼의 순환. 보부는 그 한 사이의 연결을
|
||
제공합니다.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
// Presentational only – no script logic needed for now
|
||
</script>
|
||
|
||
<style scoped>
|
||
/* Tailwind handles most styling; no extra CSS for now */
|
||
</style>
|