feat: 홈 대시보드 임시 히어로 이미지 추가

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/views/HomeView.vue

@@ -1,31 +1,33 @@
 <script setup>
-// 홈 = 대시보드 (현재는 빈 공간 — 추후 콘텐츠 추가 예정)
+// 홈 = 대시보드 (임시: 히어로 이미지). 추후 요약 위젯으로 교체 예정.
 </script>
 
 <template>
-  <section class="dashboard">
-    <div class="placeholder"></div>
+  <section class="home">
+    <div class="hero"></div>
   </section>
 </template>
 
 <style scoped>
-.dashboard {
+.home {
   max-width: 960px;
   margin: 0 auto;
 }
-h1 {
-  font-size: 1.5rem;
-  margin-bottom: 1rem;
+/* 임시 히어로 이미지 — 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;
 }
-.placeholder {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 40vh;
-  border: 1px dashed var(--color-border);
-  border-radius: 8px;
-  color: var(--color-text);
-  opacity: 0.5;
-  font-size: 0.95rem;
+@media (max-width: 768px) {
+  .hero {
+    min-height: 78vh;
+    border-radius: 8px;
+  }
 }
 </style>