<template>
  <section class="theme-aqua-page">
    <div class="page-hero">
      <span class="eyebrow">Aqua</span>
      <h1>{{ 'About' }}</h1>
      <p>신뢰할 수 있는 디지털 파트너 — 이 페이지는 Aqua 테마 패키지의 `templates/pages/About.vue` 입니다.</p>
    </div>
  </section>
</template>
<style scoped>
.page-hero { max-width:960px; margin:0 auto; padding:80px 24px; text-align:center; }
.eyebrow { color:#0f5fa8; font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
h1 { font-size:44px; color:#0e5392; margin:10px 0 16px; font-weight:800; }
p { color:#555; font-size:16px; line-height:1.7; }
</style>
