From 67c395473ff1c42a68235df3cf4934e993143cd9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 2 Jan 2026 18:27:08 +0000
Subject: [PATCH] feat: update home page with new character and background
 assets

- Replace old assets with new heal/sick character images
- Character positioned at center
- Background image positioned at right bottom
- Support both healthy and sick states
---
 .../src/pages/general/dateStatus/index.tsx    | 22 ++++++++++++++-----
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/packages/main-feature/src/pages/general/dateStatus/index.tsx b/packages/main-feature/src/pages/general/dateStatus/index.tsx
index 633054d..3511925 100644
--- a/packages/main-feature/src/pages/general/dateStatus/index.tsx
+++ b/packages/main-feature/src/pages/general/dateStatus/index.tsx
@@ -20,9 +20,9 @@ const DateStatus = () => {
   const isHealthy = true; // false로 변경하면 '아픈' 상태 표시
 
   const healthStatus = {
-    image: isHealthy ? "/General/main-healthy.png" : "/General/main-sick.png",
+    character: isHealthy ? "/General/home/heal.png" : "/General/home/sick.png",
+    background: isHealthy ? "/General/home/healbackground.png" : "/General/home/sickbackground.png",
     text: isHealthy ? "건강해요!" : "아파요..",
-    ellipse: "/General/Ellipse-15063.png", // 배경 이미지 (필요시 사용)
   };
 
   return (
@@ -38,12 +38,22 @@ const DateStatus = () => {
           </button>
         ))}
       </div>
-      <div className="flex justify-center items-center w-full h-[240px]">
+      <div className="relative flex justify-center items-center w-full h-[240px]">
+        {/* 캐릭터 - 중앙 */}
         <Image
-          src={healthStatus.image}
+          src={healthStatus.character}
           alt={healthStatus.text}
-          width={240}
-          height={240}
+          width={200}
+          height={200}
+          className="relative z-10"
+        />
+        {/* 배경 - 오른쪽 하단 */}
+        <Image
+          src={healthStatus.background}
+          alt="background"
+          width={180}
+          height={180}
+          className="absolute right-0 bottom-0 z-0"
         />
       </div>
       <div className="w-full h-[38px] bg-Linear text-center text-text flex items-center justify-center rounded-[10px] opacity-100 gap-[3px]">