<template>
  <section class="theme-coral-page">
    <div class="page-hero">
      <span class="eyebrow">Coral</span>
      <h1>{{ 'Contact' }}</h1>
      <p>당신만의 스타일을 표현하세요 — 이 페이지는 Coral 테마 패키지의 `templates/pages/Contact.vue` 입니다.</p>
    </div>
  </section>
</template>
<style scoped>
.page-hero { max-width:960px; margin:0 auto; padding:80px 24px; text-align:center; }
.eyebrow { color:#ff6b6b; font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
h1 { font-size:44px; color:#c1272d; margin:10px 0 16px; font-weight:800; }
p { color:#555; font-size:16px; line-height:1.7; }
</style>
