sb-front/src/views/HomeView.vue

<script setup>
// 홈 = 대시보드 (임시: 히어로 이미지). 추후 요약 위젯으로 교체 예정.
</script>

<template>
  <section class="home">
    <div class="hero"></div>
  </section>
</template>

<style scoped>
.home {
  max-width: 960px;
  margin: 0 auto;
}
/* 임시 히어로 이미지 — public/home-hero.jpg 를 두면 표시됨. 없으면 연한 바다색 배경 */
.hero {
  width: 100%;
  min-height: 70vh;
  border-radius: 10px;
  background-color: #bfe6fb;
  background-image: url('/home-hero.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .hero {
    min-height: 78vh;
    border-radius: 8px;
  }
}
</style>