From 620f696592348891e2f87ccad1c1a3b8578c724c Mon Sep 17 00:00:00 2001
From: goorm <goorm@goormui-MacBookPro.local>
Date: Sun, 3 Aug 2025 00:22:39 +0900
Subject: [PATCH 01/11] =?UTF-8?q?feat:=20=EC=9D=B4=EB=A9=94=EC=9D=BC=20?=
 =?UTF-8?q?=EA=B5=AC=EB=8F=85=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Alert.tsx      | 46 ----------------------
 src/components/common/EmailAlert.tsx | 59 ++++++++++++++++++++++++++++
 src/components/common/Nav.tsx        | 38 ++++++++----------
 src/pages/Home.tsx                   | 50 ++++++++++++++++++++++-
 4 files changed, 124 insertions(+), 69 deletions(-)
 delete mode 100644 src/components/common/Alert.tsx
 create mode 100644 src/components/common/EmailAlert.tsx

diff --git a/src/components/common/Alert.tsx b/src/components/common/Alert.tsx
deleted file mode 100644
index 0f71fc6..0000000
--- a/src/components/common/Alert.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-export default function Alert() {
-  return (
-    <div
-      data-showbuttongroup="true"
-      data-showbuttonmore="true"
-      className="w-72 max-w-[480px] px-8 pt-6 pb-8 relative bg-Common-common-000 rounded-3xl inline-flex flex-col justify-start items-start gap-8"
-    >
-      <div className="self-stretch flex flex-col justify-start items-start gap-6">
-        <div
-          data-size="medium"
-          className="self-stretch pt-2 inline-flex justify-start items-center"
-        >
-          <div className="flex-1 justify-start text-Mint-mint-700 text-2xl font-bold font-['pretendard'] leading-9">
-            Label
-          </div>
-        </div>
-        <div className="self-stretch justify-start text-black text-base font-normal font-['pretendard'] leading-normal">
-          본문 텍스트 본문 텍스트
-          <br />
-          본문 텍스트
-        </div>
-      </div>
-      <div className="self-stretch inline-flex justify-end items-center gap-4">
-        <div
-          data-value="default"
-          className="px-6 py-2 bg-Common-common-000 rounded outline outline-1 outline-offset-[-1px] outline-Opacity-opacity-200/20 flex justify-center items-center"
-        >
-          <div className="text-center justify-start text-Gray-gray-800 text-base font-semibold font-['pretendard'] leading-normal">
-            btn1
-          </div>
-        </div>
-        <div
-          data-value="default"
-          className="px-6 py-2 bg-Mint-mint-600 rounded outline outline-1 outline-offset-[-1px] outline-Opacity-opacity-100/10 flex justify-center items-center"
-        >
-          <div className="text-center justify-start text-Common-common-000 text-base font-semibold font-['pretendard'] leading-normal">
-            btn2
-          </div>
-        </div>
-      </div>
-      <div className="w-6 h-6 left-[256px] top-[24px] absolute inline-flex justify-center items-center overflow-hidden">
-        <div className="w-7 h-7 left-[-3px] top-[-3px] absolute" />
-      </div>
-    </div>
-  );
-}
diff --git a/src/components/common/EmailAlert.tsx b/src/components/common/EmailAlert.tsx
new file mode 100644
index 0000000..2713af7
--- /dev/null
+++ b/src/components/common/EmailAlert.tsx
@@ -0,0 +1,59 @@
+interface EmailAlertProps {
+  email: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+}
+
+export default function EmailAlert({
+  email,
+  onConfirm,
+  onCancel,
+}: EmailAlertProps) {
+  return (
+    <div
+      data-showbuttongroup="true"
+      data-showbuttonmore="true"
+      className="w-150 px-8 pt-6 pb-8 relative bg-white rounded-3xl flex flex-col justify-start items-start gap-8 opacity-100"
+    >
+      <div className="self-stretch flex flex-col justify-start items-start gap-6">
+        <div
+          data-size="medium"
+          className="self-stretch pt-2 inline-flex justify-start items-center"
+        >
+          <div className="flex-1 justify-start text-mint-700 text-2xl font-bold font-pretendard leading-9">
+            이메일 알림
+          </div>
+        </div>
+        <div className="self-stretch justify-start text-black text-base font-normal font-pretendard leading-normal">
+          농장 소식을 구독하시겠습니까?
+          <br />
+          새로운 농작물과 특별 혜택 소식을 가장 먼저 받아보세요!
+        </div>
+      </div>
+      <div className="self-stretch inline-flex justify-end items-center gap-4">
+        <button
+          onClick={onCancel}
+          className="px-6 py-2 bg-white rounded border border-gray-300 flex justify-center items-center"
+        >
+          <div className="text-center justify-start text-gray-800 text-base font-semibold font-pretendard leading-normal">
+            취소
+          </div>
+        </button>
+        <button
+          onClick={onConfirm}
+          className="px-6 py-2 bg-mint-600 rounded border border-mint-600 flex justify-center items-center"
+        >
+          <div className="text-center justify-start text-white text-base font-semibold font-pretendard leading-normal">
+            확인
+          </div>
+        </button>
+      </div>
+      <button
+        onClick={onCancel}
+        className="w-6 h-6 right-6 top-6 absolute inline-flex justify-center items-center text-gray-400 hover:text-gray-600"
+      >
+        ✕
+      </button>
+    </div>
+  );
+}
diff --git a/src/components/common/Nav.tsx b/src/components/common/Nav.tsx
index aef5039..c507f68 100644
--- a/src/components/common/Nav.tsx
+++ b/src/components/common/Nav.tsx
@@ -42,27 +42,6 @@ export default function Nav() {
 
   return (
     <>
-      <Toaster
-        position="top-center"
-        gutter={12}
-        containerStyle={{
-          top: 100,
-        }}
-        toastOptions={{
-          duration: 3000,
-          style: {
-            background: "#fff",
-            color: "#374151",
-            border: "1px solid #e5e7eb",
-            borderRadius: "12px",
-            fontSize: "14px",
-            fontWeight: "500",
-            padding: "12px 16px",
-            boxShadow:
-              "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-          },
-        }}
-      />
       <header className="fixed top-0 left-0 w-full bg-transparent flex justify-center items-center pt-4 px-0 z-50">
         <div className="w-full max-w-[1200px] px-6 py-2 bg-mint-700 rounded-[999px] inline-flex justify-between items-center shadow">
           {/* 좌측 여백/로고 */}
@@ -112,6 +91,23 @@ export default function Nav() {
           </div>
         </div>
       </header>
+      <Toaster
+        position="top-center"
+        toastOptions={{
+          style: {
+            background: "#fff",
+            color: "#374151",
+            border: "1px solid #e5e7eb",
+            borderRadius: "12px",
+            fontSize: "14px",
+            fontWeight: "500",
+            padding: "12px 16px",
+            boxShadow:
+              "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+            marginTop: "100px",
+          },
+        }}
+      />
     </>
   );
 }
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 35915d7..2a4186c 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,4 +1,6 @@
 import { useState } from "react";
+import toast, { Toaster } from "react-hot-toast";
+import EmailAlert from "../components/common/EmailAlert";
 
 const cropCards = [
   {
@@ -111,17 +113,43 @@ const steps = [
 
 export default function Home() {
   const [email, setEmail] = useState("");
+  const [showEmailAlert, setShowEmailAlert] = useState(false);
+
   const handleEmailSubmit = (e: React.FormEvent) => {
     e.preventDefault();
+    if (email.trim()) {
+      setShowEmailAlert(true);
+    }
+  };
+
+  const handleConfirmSubscription = () => {
+    setShowEmailAlert(false);
+    toast.success("구독완료!", {
+      position: "bottom-center",
+      style: {
+        background: "#10b981",
+        color: "#fff",
+        fontSize: "16px",
+        fontWeight: "600",
+        padding: "12px 20px",
+        borderRadius: "9999px",
+        marginBottom: "100px",
+      },
+      duration: 3000,
+    });
     setEmail("");
     console.log("이메일 제출:", email);
   };
 
+  const handleCloseAlert = () => {
+    setShowEmailAlert(false);
+  };
+
   return (
-    <div className="w-full min-h-screen bg-white font-pretendard mt-3">
+    <div className="w-full min-h-screen bg-white font-pretendard mt-3 relative">
       <main className="w-full min-h-screen flex flex-col items-center">
         {/* 히어로 섹션 */}
-        <section className="w-full max-w-[1200px] px-6 pt-24 pb-16 flex flex-col items-center gap-8 bg-green-000">
+        <section className="w-full max-w-[1200px] px-6 pt-24 pb-16 flex flex-col items-center gap-8 bg-green-000 ">
           <h1 className="text-mint-900 text-[40px] md:text-[48px] font-bold leading-tight text-center">
             농부와 함께 키우는
             <br />
@@ -350,6 +378,7 @@ export default function Home() {
           <form
             onSubmit={handleEmailSubmit}
             className="w-full max-w-[480px] flex gap-3 mt-2"
+            noValidate
           >
             <input
               type="email"
@@ -368,6 +397,23 @@ export default function Home() {
           </form>
         </section>
       </main>
+
+      {/* Email Alert 모달 */}
+      {showEmailAlert && (
+        <div
+          className="fixed inset-0 flex items-center justify-center z-[60]"
+          style={{ background: "rgba(0,0,0,0.2)" }}
+        >
+          <EmailAlert
+            email={email}
+            onConfirm={handleConfirmSubscription}
+            onCancel={handleCloseAlert}
+          />
+        </div>
+      )}
+
+      {/* Toast 컨테이너 */}
+      <Toaster />
     </div>
   );
 }

From 932c73c6f44e54ec73be1e52ab4f1f0433486ac1 Mon Sep 17 00:00:00 2001
From: goorm <goorm@goormui-MacBookPro.local>
Date: Sun, 3 Aug 2025 00:25:17 +0900
Subject: [PATCH 02/11] =?UTF-8?q?fix:=20=EB=AF=B8=EC=82=AC=EC=9A=A9=20?=
 =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/EmailAlert.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/common/EmailAlert.tsx b/src/components/common/EmailAlert.tsx
index 2713af7..110c3fa 100644
--- a/src/components/common/EmailAlert.tsx
+++ b/src/components/common/EmailAlert.tsx
@@ -27,6 +27,10 @@ export default function EmailAlert({
         <div className="self-stretch justify-start text-black text-base font-normal font-pretendard leading-normal">
           농장 소식을 구독하시겠습니까?
           <br />
+          <span className="text-mint-700 font-bold">
+            소식 받을 이메일 : {email}
+          </span>
+          <br />
           새로운 농작물과 특별 혜택 소식을 가장 먼저 받아보세요!
         </div>
       </div>

From cd346afafbeef805aec5cad8cfc895e4aa0034e5 Mon Sep 17 00:00:00 2001
From: 6108 <>
Date: Sun, 3 Aug 2025 00:40:22 +0900
Subject: [PATCH 03/11] =?UTF-8?q?style:=20=EC=98=88=EC=95=BD=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=8A=A4=ED=83=80=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                            |   3 +
 src/components/reserve/ReserveCard.tsx | 112 +++++++++++++++++++++++++
 src/pages/Reserve.tsx                  |  20 +++++
 3 files changed, 135 insertions(+)
 create mode 100644 src/components/reserve/ReserveCard.tsx
 create mode 100644 src/pages/Reserve.tsx

diff --git a/src/App.tsx b/src/App.tsx
index c3a0983..21b4a35 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -19,6 +19,7 @@ import ScrollToTop from "./components/common/ScrollToTop";
 
 import NotFound from "./pages/NotFound";
 import ProjectList from "./pages/ProjectList";
+import Reserve from "./pages/Reserve";
 
 function App() {
   const { isLoggedIn, _hasHydrated } = useAuthStore();
@@ -46,6 +47,8 @@ function App() {
           <Route path="/cart" element={<Cart />} />
           <Route path="/payment" element={<PaymentComplete />} />
           <Route path="/list" element={<ProjectList />} />
+          <Route path="/reserve" element={<Reserve />} />
+
           <Route path="*" element={<NotFound />} /> {/* 404 페이지 처리 */}
           <Route
             path="/mypage"
diff --git a/src/components/reserve/ReserveCard.tsx b/src/components/reserve/ReserveCard.tsx
new file mode 100644
index 0000000..d4b357d
--- /dev/null
+++ b/src/components/reserve/ReserveCard.tsx
@@ -0,0 +1,112 @@
+import React, { useState, useRef, useEffect } from 'react';
+
+export default function ReserveCard() {
+  const [isOpen, setIsOpen] = useState(false);
+  const [count, setCount] = useState(0); // 예약 인원 상태
+  const contentRef = useRef<HTMLDivElement>(null);
+  const [height, setHeight] = useState(0);
+
+  useEffect(() => {
+    if (isOpen && contentRef.current) {
+      setHeight(contentRef.current.scrollHeight);
+    } else {
+      setHeight(0);
+    }
+  }, [isOpen, count]); // count도 포함하여 높이 재계산
+
+  const handleReserveClick = () => {
+    if (!isOpen) {
+      setIsOpen(true); // 펼침
+    } else {
+      // 예약 실행 로직 (예시)
+      alert(`예약이 완료되었습니다. 예약 인원: ${count}명`);
+    }
+  };
+
+  const increment = () => {
+    setCount((prev) => prev + 1);
+  };
+
+  const decrement = () => {
+    setCount((prev) => (prev > 0 ? prev - 1 : 0));
+  };
+
+  return (
+    <div className="border rounded-xl p-4 shadow-sm mb-4">
+      {/* 상단 정보 */}
+      <div>
+        <p className="font-bold text-lg">재배 체험</p>
+        <p>00월 00일 0요일 00시 00분</p>
+        <p>주소지</p>
+        <p>00명 예약 가능</p>
+      </div>
+
+      <hr className="my-2" />
+      <div>
+        <p>체험 일정 1</p>
+        <p>체험 일정 2</p>
+        <p>체험 일정 3</p>
+      </div>
+
+      {/* 애니메이션 영역 */}
+      <div
+        style={{ height: `${height}px` }}
+        className="overflow-hidden transition-all duration-700 ease-in-out"
+      >
+        <div ref={contentRef}>
+          <hr className="my-2" />
+          {/* 방문 예정 인원 */}
+          <div className="flex gap-2 items-center my-2">
+            <span>방문 예정 인원</span>
+            <button
+              onClick={decrement}
+              className="border px-2 py-0.5 rounded select-none"
+              aria-label="인원 감소"
+            >
+              -
+            </button>
+            <span className="min-w-[30px] text-center">{count}명</span>
+            <button
+              onClick={increment}
+              className="border px-2 py-0.5 rounded select-none"
+              aria-label="인원 증가"
+            >
+              +
+            </button>
+          </div>
+
+          {/* 방문 주의 사항 */}
+          <div className="bg-gray-100 p-2 rounded">
+            <p className="font-semibold">방문 주의 사항</p>
+            <p>농장 방문 시 주의사항을 안내하는 문구 작성되는 영역</p>
+            <label className="flex items-center gap-2 mt-2">
+              <input type="checkbox" />
+              <span>방문 주의 사항을 확인했습니다.</span>
+            </label>
+          </div>
+        </div>
+      </div>
+
+      {/* 예약하기 버튼 (항상 하나) */}
+      <div className="flex justify-end mt-4">
+        {/* 닫기 버튼 */}
+        {isOpen && (
+          <button
+            onClick={() => setIsOpen(false)}
+            className="px-4 py-1 border rounded mr-2"
+          >
+            닫기
+          </button>
+        )}
+        <button
+          onClick={handleReserveClick}
+          className="px-4 py-1 border rounded mr-2"
+          disabled={isOpen && count === 0} // 0명일 땐 예약 버튼 비활성화
+          title={isOpen && count === 0 ? "예약 인원을 선택하세요" : undefined}
+        >
+          {isOpen ? '예약하기' : '인원 선택'}
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/src/pages/Reserve.tsx b/src/pages/Reserve.tsx
new file mode 100644
index 0000000..5e71d84
--- /dev/null
+++ b/src/pages/Reserve.tsx
@@ -0,0 +1,20 @@
+import ReserveCard from "../components/reserve/ReserveCard";
+
+export default function Reserve() {
+  return (
+    <>
+      <div>
+        <div>홈 농작물목록 text</div>
+        <div>
+          <p>농장이름 농장 방문 예약</p>
+          <p>농장에서 안내하는 주의사항 문구 작성되는 영역 농장에서 안내하는 주의사항 문구 작성되는 영역</p>
+        </div>
+        <div>
+          <ReserveCard />
+          <ReserveCard />
+          <ReserveCard />
+        </div>
+      </div>
+    </>
+  )
+}

From b290162da59bfd49363f8cc34062774ae22fc033 Mon Sep 17 00:00:00 2001
From: goorm <goorm@goormui-MacBookPro.local>
Date: Sun, 3 Aug 2025 01:30:50 +0900
Subject: [PATCH 04/11] =?UTF-8?q?feat:=20api=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                        | 259 ++++++++++++++++++++
 package.json                             |   1 +
 services/authService.ts                  | 106 ++++++---
 src/App.css                              |   3 +
 src/App.tsx                              |  19 ++
 src/api/Home.ts                          |   6 +
 src/components/common/Nav.tsx            |  20 +-
 src/components/home/CropSection.tsx      |  88 +++++++
 src/components/home/ExtraCropSection.tsx |  41 ++++
 src/components/home/HeroSection.tsx      |  17 ++
 src/components/home/ReviewSection.tsx    |  47 ++++
 src/components/home/StatsSection.tsx     |  28 +++
 src/components/home/StepsSection.tsx     |  35 +++
 src/components/home/SubscribeSection.tsx |  42 ++++
 src/pages/Home.tsx                       | 286 +++--------------------
 src/pages/Login.tsx                      |  10 +-
 src/pages/Mypage.tsx                     |   2 -
 src/pages/Signup.tsx                     |  20 +-
 src/utils/httpClient.ts                  |   4 +-
 vite.config.ts                           |   2 +-
 20 files changed, 708 insertions(+), 328 deletions(-)
 create mode 100644 src/api/Home.ts
 create mode 100644 src/components/home/CropSection.tsx
 create mode 100644 src/components/home/ExtraCropSection.tsx
 create mode 100644 src/components/home/HeroSection.tsx
 create mode 100644 src/components/home/ReviewSection.tsx
 create mode 100644 src/components/home/StatsSection.tsx
 create mode 100644 src/components/home/StepsSection.tsx
 create mode 100644 src/components/home/SubscribeSection.tsx

diff --git a/package-lock.json b/package-lock.json
index e62fc45..b68c5b0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "reactd",
       "version": "0.0.0",
       "dependencies": {
+        "axios": "^1.11.0",
         "react": "^19.1.0",
         "react-daum-postcode": "^3.2.0",
         "react-dom": "^19.1.0",
@@ -2247,6 +2248,23 @@
       "license": "Python-2.0",
       "peer": true
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
+      "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/babel-plugin-macros": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
@@ -2327,6 +2345,19 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -2407,6 +2438,18 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -2503,6 +2546,15 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
@@ -2523,6 +2575,20 @@
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.5.178",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.178.tgz",
@@ -2553,6 +2619,51 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.25.5",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz",
@@ -2939,6 +3050,42 @@
       "license": "ISC",
       "peer": true
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -2973,6 +3120,43 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
@@ -3009,6 +3193,18 @@
         "csstype": "^3.0.10"
       }
     },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
@@ -3034,6 +3230,33 @@
         "node": ">=8"
       }
     },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -3568,6 +3791,15 @@
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/memoize-one": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
@@ -3598,6 +3830,27 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -3905,6 +4158,12 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
diff --git a/package.json b/package.json
index 6dbe0e4..ad1eb15 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "axios": "^1.11.0",
     "react": "^19.1.0",
     "react-daum-postcode": "^3.2.0",
     "react-dom": "^19.1.0",
diff --git a/services/authService.ts b/services/authService.ts
index 9d04cf8..819bd56 100644
--- a/services/authService.ts
+++ b/services/authService.ts
@@ -2,8 +2,8 @@ interface SignupData {
   email: string;
   password: string;
   name: string;
-  phone: string;
-  userType: 'BUYER' | 'FARMER';
+  phoneNumber: string;
+  userType: "BUYER" | "FARMER";
 }
 
 interface LoginCredentials {
@@ -15,6 +15,7 @@ interface User {
   id: string;
   email: string;
   name: string;
+  phoneNumber: string;
 }
 
 interface LoginResponse {
@@ -34,78 +35,94 @@ interface ApiResponse<T> {
 // 응답이 유효한 JSON인지 확인하는 헬퍼 함수
 const parseJsonResponse = async (response: Response): Promise<any> => {
   const responseText = await response.text();
-  
+
   // HTML 응답인지 확인
-  if (responseText.trim().startsWith('<!')) {
-    throw new Error('서버에서 HTML 응답을 받았습니다. API 엔드포인트를 확인해주세요.');
+  if (responseText.trim().startsWith("<!")) {
+    throw new Error(
+      "서버에서 HTML 응답을 받았습니다. API 엔드포인트를 확인해주세요."
+    );
   }
-  
+
   // 빈 응답인지 확인
   if (!responseText.trim()) {
-    throw new Error('서버에서 빈 응답을 받았습니다.');
+    throw new Error("서버에서 빈 응답을 받았습니다.");
   }
-  
+
   try {
     return JSON.parse(responseText);
   } catch (error) {
-    console.error('JSON 파싱 실패:', responseText);
-    throw new Error('서버 응답을 파싱할 수 없습니다.');
+    console.error("JSON 파싱 실패:", responseText);
+    throw new Error("서버 응답을 파싱할 수 없습니다.");
   }
 };
 
 // 개발 환경에서는 프록시 사용, 배포 환경에서는 실제 API URL 사용
-const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 
+const API_BASE_URL =
+  import.meta.env.VITE_API_BASE_URL ||
   (import.meta.env.DEV ? "" : "https://zerojae175-dev.store");
 
 export const authService = {
   signup: async (userData: SignupData): Promise<SignupResponse> => {
-    const url = `${API_BASE_URL}/api/v1/users`;
-    console.log('회원가입 요청 URL:', url); // 디버깅용
-    
+    const url = `${API_BASE_URL}/api/users`;
+    console.log("회원가입 요청 URL:", url); // 디버깅용
+
     try {
       const response = await fetch(url, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          "Accept": "application/json",
+          Accept: "application/json",
         },
-        credentials: 'include', // CORS 요청에 credentials 포함
+        credentials: "include", // CORS 요청에 credentials 포함
         body: JSON.stringify(userData),
       });
 
       if (!response.ok) {
         const errorText = await response.text();
-        console.error('회원가입 실패 응답:', errorText);
+        console.error("회원가입 실패 응답:", errorText);
         throw new Error(`회원가입 실패: ${response.status}`);
       }
 
-      return parseJsonResponse(response);
+      const result = await parseJsonResponse(response);
+      // phoneNumber 정보가 누락된 경우, userData에서 보완
+      if (
+        result &&
+        result.user &&
+        !result.user.phoneNumber &&
+        userData.phoneNumber
+      ) {
+        result.user.phoneNumber = userData.phoneNumber;
+      }
+      return result;
     } catch (error) {
-      console.error('회원가입 처리 중 오류:', error);
-      
+      console.error("회원가입 처리 중 오류:", error);
+
       // CORS 에러 특별 처리
-      if (error instanceof TypeError && error.message.includes('Failed to fetch')) {
-        throw new Error('서버 연결에 실패했습니다. CORS 설정을 확인해주세요.');
+      if (
+        error instanceof TypeError &&
+        error.message.includes("Failed to fetch")
+      ) {
+        throw new Error("서버 연결에 실패했습니다. CORS 설정을 확인해주세요.");
       }
-      
+
       if (error instanceof Error) {
         throw error;
       }
-      throw new Error('회원가입 처리 중 알 수 없는 오류가 발생했습니다.');
+      throw new Error("회원가입 처리 중 알 수 없는 오류가 발생했습니다.");
     }
   },
 
   /* 로그인 */
   login: async (credentials: LoginCredentials): Promise<LoginResponse> => {
-    const url = `${API_BASE_URL}/api/v1/auth/login`;
-    console.log('로그인 요청 URL:', url); // 디버깅용
-    
+    const url = `${API_BASE_URL}/api/auth/login`;
+    console.log("로그인 요청 URL:", url); // 디버깅용
+
     try {
       const response = await fetch(url, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          "Accept": "application/json",
+          Accept: "application/json",
         },
         credentials: "include",
         body: JSON.stringify(credentials),
@@ -113,24 +130,39 @@ export const authService = {
 
       if (!response.ok) {
         const errorText = await response.text();
-        console.error('로그인 실패 응답:', errorText);
+        console.error("로그인 실패 응답:", errorText);
         throw new Error(`로그인 실패: ${response.status}`);
       }
 
-      const data: ApiResponse<LoginResponse> = await parseJsonResponse(response);
-      return data.response; // { accessToken, user }
+      const data: ApiResponse<LoginResponse> =
+        await parseJsonResponse(response);
+      // phoneNumber 정보가 누락된 경우, credentials에서 보완
+      if (
+        data &&
+        data.response &&
+        data.response.user &&
+        !data.response.user.phoneNumber &&
+        credentials.email
+      ) {
+        // phoneNumber는 로그인 시 서버에서 반환하지 않을 수 있으므로, 필요시 추가 로직 구현
+        // 여기서는 email만 보완, 실제 phoneNumber는 서버에서 반환해야 함
+      }
+      return data.response;
     } catch (error) {
-      console.error('로그인 처리 중 오류:', error);
-      
+      console.error("로그인 처리 중 오류:", error);
+
       // CORS 에러 특별 처리
-      if (error instanceof TypeError && error.message.includes('Failed to fetch')) {
-        throw new Error('서버 연결에 실패했습니다. CORS 설정을 확인해주세요.');
+      if (
+        error instanceof TypeError &&
+        error.message.includes("Failed to fetch")
+      ) {
+        throw new Error("서버 연결에 실패했습니다. CORS 설정을 확인해주세요.");
       }
-      
+
       if (error instanceof Error) {
         throw error;
       }
-      throw new Error('로그인 처리 중 알 수 없는 오류가 발생했습니다.');
+      throw new Error("로그인 처리 중 알 수 없는 오류가 발생했습니다.");
     }
   },
 };
diff --git a/src/App.css b/src/App.css
index e69de29..ad77f09 100644
--- a/src/App.css
+++ b/src/App.css
@@ -0,0 +1,3 @@
+html {
+  overflow-y: scroll;
+}
diff --git a/src/App.tsx b/src/App.tsx
index c3a0983..a5dc085 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -18,6 +18,7 @@ import PaymentComplete from "./pages/PaymentComplete";
 import ScrollToTop from "./components/common/ScrollToTop";
 
 import NotFound from "./pages/NotFound";
+import { Toaster } from "react-hot-toast";
 import ProjectList from "./pages/ProjectList";
 
 function App() {
@@ -33,6 +34,24 @@ function App() {
 
   return (
     <div className="w-full min-h-screen m-auto bg-white">
+      <Toaster
+        position="top-center"
+        reverseOrder={false}
+        toastOptions={{
+          style: {
+            background: "#fff",
+            color: "#374151",
+            border: "1px solid #e5e7eb",
+            borderRadius: "12px",
+            fontSize: "14px",
+            fontWeight: "500",
+            padding: "12px 16px",
+            boxShadow:
+              "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+            marginTop: "32px",
+          },
+        }}
+      />
       <div className="w-full max-w-[1280px] m-auto bg-white pt-20">
         <Nav />
         <ScrollToTop />
diff --git a/src/api/Home.ts b/src/api/Home.ts
new file mode 100644
index 0000000..0dd80c1
--- /dev/null
+++ b/src/api/Home.ts
@@ -0,0 +1,6 @@
+import axios from "axios";
+
+export const fetchProducts = async () => {
+  const response = await axios.get("api/products");
+  return response.data;
+};
diff --git a/src/components/common/Nav.tsx b/src/components/common/Nav.tsx
index c507f68..73b1758 100644
--- a/src/components/common/Nav.tsx
+++ b/src/components/common/Nav.tsx
@@ -1,7 +1,7 @@
+import toast from "react-hot-toast";
 import { Link, useNavigate } from "react-router-dom";
 import { useAuthStore } from "../../store/authStore";
 import Logo from "../../assets/logo.svg";
-import toast, { Toaster } from "react-hot-toast";
 import { useRef } from "react";
 
 export default function Nav() {
@@ -91,23 +91,7 @@ export default function Nav() {
           </div>
         </div>
       </header>
-      <Toaster
-        position="top-center"
-        toastOptions={{
-          style: {
-            background: "#fff",
-            color: "#374151",
-            border: "1px solid #e5e7eb",
-            borderRadius: "12px",
-            fontSize: "14px",
-            fontWeight: "500",
-            padding: "12px 16px",
-            boxShadow:
-              "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-            marginTop: "100px",
-          },
-        }}
-      />
+      {/* Toaster는 App.tsx에서 전역으로 렌더링 */}
     </>
   );
 }
diff --git a/src/components/home/CropSection.tsx b/src/components/home/CropSection.tsx
new file mode 100644
index 0000000..9bccfc4
--- /dev/null
+++ b/src/components/home/CropSection.tsx
@@ -0,0 +1,88 @@
+interface CropCard {
+  id: number;
+  emoji: string;
+  name: string;
+  farmer: string;
+  location: string;
+  experience: string;
+  rating: string;
+  reviews: number;
+  price: string;
+  weight: string;
+  participants: number;
+  totalBoxes: number;
+  completedBoxes: number;
+  percentage: number;
+  status: string;
+  deadline: string;
+  bgColor: string;
+}
+
+const CropSection = ({ cropCards }: { cropCards: CropCard[] }) => (
+  <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col gap-8">
+    <div className="flex flex-col items-center gap-2">
+      <span className="px-4 py-1 bg-orange-200 rounded-full outline-1 outline-offset-[-1px] outline-opacity-100/10 text-orange-900 text-sm font-semibold">
+        이번 주 인기 농작물
+      </span>
+      <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center">
+        지금 참여 가능한 위탁 농작물
+      </h2>
+    </div>
+    <div className="w-full flex flex-wrap justify-center gap-8">
+      {cropCards.map((crop) => (
+        <div
+          key={crop.id}
+          className="w-full max-w-[340px] flex flex-col gap-4 bg-common-000 rounded-3xl shadow-md p-6 outline-1 outline-offset-[-1px] outline-opacity-200/20"
+        >
+          <div className="flex items-center gap-2 text-red-500 text-base font-semibold">
+            ⏰ 마감까지 D-{crop.deadline?.replace(/[^0-9]/g, "") || "00"}
+          </div>
+          <div className="w-full h-48 flex items-center justify-center text-6xl bg-opacity-000/5 rounded-2xl">
+            {crop.emoji}
+          </div>
+          <div className="flex flex-col gap-2">
+            <div className="text-gray-900 text-xl font-bold">{crop.name}</div>
+            <div className="flex flex-wrap gap-2 text-gray-600 text-xs">
+              <span>📍 {crop.farmer}</span>
+              <span>{crop.location}</span>
+              <span>{crop.experience}</span>
+            </div>
+            <div className="flex gap-2 text-gray-600 text-xs">
+              <span>⭐️ {crop.rating} / 5</span>
+              <span>({crop.reviews}개 후기)</span>
+            </div>
+            <div className="flex gap-2 items-center text-blue-500 text-lg font-bold">
+              <span>{crop.price}원</span>
+              <span className="text-gray-600 text-sm font-normal">
+                박스당 {crop.weight}
+              </span>
+            </div>
+          </div>
+          <div className="w-full bg-mint-000 rounded-2xl px-4 py-3 flex flex-col gap-2">
+            <div className="flex gap-1 items-center text-gray-800 text-base font-semibold">
+              <span>달성률</span>
+              <span>{crop.percentage}%</span>
+            </div>
+            <div className="w-full h-3 bg-cool-gray-100 rounded-full overflow-hidden flex">
+              <div
+                className="h-3 bg-mint-500 rounded-l-full"
+                style={{ width: `${crop.percentage}%` }}
+              ></div>
+              <div className="flex-1"></div>
+            </div>
+            <div className="flex gap-1 text-cool-gray-700 text-sm">
+              <span>
+                총 {crop.totalBoxes}박스 중 {crop.completedBoxes}박스 위탁 완료!
+              </span>
+            </div>
+          </div>
+          <button className="w-full mt-2 px-6 py-3 bg-orange-400 rounded-full outline-1 outline-offset-[-1px] outline-opacity-100/10 text-common-000 text-base font-semibold hover:bg-orange-500 transition">
+            상품 둘러보기
+          </button>
+        </div>
+      ))}
+    </div>
+  </section>
+);
+
+export default CropSection;
diff --git a/src/components/home/ExtraCropSection.tsx b/src/components/home/ExtraCropSection.tsx
new file mode 100644
index 0000000..0a83bde
--- /dev/null
+++ b/src/components/home/ExtraCropSection.tsx
@@ -0,0 +1,41 @@
+interface ExtraCrop {
+  emoji: string;
+  name: string;
+  price: string;
+  participants: number;
+}
+
+const ExtraCropSection = ({ extraCrops }: { extraCrops: ExtraCrop[] }) => (
+  <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col gap-8">
+    <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center mb-4">
+      다른 농작물 둘러보기
+    </h2>
+    <div className="flex flex-wrap justify-center gap-6">
+      {extraCrops.map((crop, idx) => (
+        <div
+          key={idx}
+          className="w-full max-w-[320px] flex flex-col gap-4 bg-common-000 rounded-3xl shadow p-6 border border-opacity-200/20"
+        >
+          <div className="flex gap-1 items-center text-red-400 text-base font-semibold">
+            <span>🚩</span>
+            <span>{crop.participants}명 참여중!</span>
+          </div>
+          <div className="w-full h-40 flex items-center justify-center text-4xl bg-opacity-000/5 rounded-2xl">
+            {crop.emoji}
+          </div>
+          <div className="flex flex-col gap-2">
+            <div className="text-gray-900 text-xl font-bold">{crop.name}</div>
+            <div className="flex gap-2 items-center text-mint-700 text-lg font-bold">
+              <span>{crop.price}원</span>
+              <span className="text-gray-600 text-sm font-normal">
+                박스당 1박스
+              </span>
+            </div>
+          </div>
+        </div>
+      ))}
+    </div>
+  </section>
+);
+
+export default ExtraCropSection;
diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx
new file mode 100644
index 0000000..05094f0
--- /dev/null
+++ b/src/components/home/HeroSection.tsx
@@ -0,0 +1,17 @@
+const HeroSection = () => (
+  <section className="w-full max-w-[1200px] px-6 pt-24 pb-16 flex flex-col items-center gap-8 bg-green-000 ">
+    <h1 className="text-mint-900 text-[40px] md:text-[48px] font-bold leading-tight text-center">
+      농부와 함께 키우는
+      <br />
+      믿음직한 농작물
+    </h1>
+    <p className="text-green-600 text-lg md:text-xl text-center">
+      농부의 신선한 농작물을 펀딩하고, 성장 과정을 지켜보세요 🌱
+    </p>
+    <button className="mt-4 px-10 py-4 bg-mint-600 rounded-full shadow-md hover:bg-mint-700 transition text-common-000 text-lg font-semibold">
+      시작하기
+    </button>
+  </section>
+);
+
+export default HeroSection;
diff --git a/src/components/home/ReviewSection.tsx b/src/components/home/ReviewSection.tsx
new file mode 100644
index 0000000..fe49d94
--- /dev/null
+++ b/src/components/home/ReviewSection.tsx
@@ -0,0 +1,47 @@
+interface Review {
+  rating: number;
+  title: string;
+  content: string;
+  name: string;
+  location: string;
+  date: string;
+}
+
+const ReviewSection = ({ reviews }: { reviews: Review[] }) => (
+  <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col gap-8 bg-blue-000 rounded-3xl mt-12">
+    <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center mb-4">
+      생생한 고객 후기
+    </h2>
+    <div className="flex flex-wrap justify-center gap-6">
+      {reviews.map((review, idx) => (
+        <div
+          key={idx}
+          className="w-full max-w-[340px] flex flex-col gap-4 bg-common-000 rounded-2xl shadow p-6 border border-opacity-100/10"
+        >
+          <div className="flex gap-2 items-center text-cool-gray-800 text-base">
+            {"⭐️".repeat(review.rating)}
+          </div>
+          <div className="flex gap-1 items-center text-blue-500 text-base font-semibold">
+            <span>"</span>
+            <span>{review.title}</span>
+            <span>"</span>
+          </div>
+          <div className="text-cool-gray-800 text-sm">{review.content}</div>
+          <div className="flex items-center gap-3 mt-2">
+            <div className="w-10 h-10 bg-cool-gray-200 rounded-full flex items-center justify-center"></div>
+            <div className="flex flex-col gap-1">
+              <span className="text-blue-800 text-sm font-semibold">
+                {review.name}
+              </span>
+              <span className="text-cool-gray-300 text-xs">
+                {review.date.replace(/\./g, "년 ").replace(/\.$/, "월")} 참가자
+              </span>
+            </div>
+          </div>
+        </div>
+      ))}
+    </div>
+  </section>
+);
+
+export default ReviewSection;
diff --git a/src/components/home/StatsSection.tsx b/src/components/home/StatsSection.tsx
new file mode 100644
index 0000000..ece4cde
--- /dev/null
+++ b/src/components/home/StatsSection.tsx
@@ -0,0 +1,28 @@
+const StatsSection = () => (
+  <section className="w-full max-w-[1200px] px-6 py-8 grid grid-cols-2 md:grid-cols-4 gap-6 bg-common-000 rounded-3xl shadow-sm mb-12">
+    <div className="flex flex-col items-center gap-1">
+      <span className="text-gray-600 text-base md:text-lg">참여 농부</span>
+      <span className="text-green-700 text-2xl md:text-3xl font-bold">
+        1,250+
+      </span>
+    </div>
+    <div className="flex flex-col items-center gap-1">
+      <span className="text-gray-600 text-base md:text-lg">위탁 완료</span>
+      <span className="text-green-700 text-2xl md:text-3xl font-bold">
+        5,680+
+      </span>
+    </div>
+    <div className="flex flex-col items-center gap-1">
+      <span className="text-gray-600 text-base md:text-lg">만족도</span>
+      <span className="text-green-700 text-2xl md:text-3xl font-bold">98%</span>
+    </div>
+    <div className="flex flex-col items-center gap-1">
+      <span className="text-gray-600 text-base md:text-lg">평균 경력</span>
+      <span className="text-green-700 text-2xl md:text-3xl font-bold">
+        24개월
+      </span>
+    </div>
+  </section>
+);
+
+export default StatsSection;
diff --git a/src/components/home/StepsSection.tsx b/src/components/home/StepsSection.tsx
new file mode 100644
index 0000000..8a6240b
--- /dev/null
+++ b/src/components/home/StepsSection.tsx
@@ -0,0 +1,35 @@
+interface Step {
+  number: number;
+  title: string;
+  description: string[];
+}
+
+const StepsSection = ({ steps }: { steps: Step[] }) => (
+  <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col gap-8 bg-green-200 rounded-3xl">
+    <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center mb-4">
+      가상농장 이용 방법
+    </h2>
+    <div className="flex flex-wrap justify-center gap-6">
+      {steps.map((step) => (
+        <div
+          key={step.number}
+          className="w-full max-w-[320px] flex flex-col items-center gap-4 bg-common-000 rounded-2xl shadow p-6"
+        >
+          <div className="w-10 h-10 bg-mint-600 rounded-full flex items-center justify-center text-common-000 text-lg font-bold">
+            {step.number}
+          </div>
+          <div className="text-gray-900 text-lg font-bold text-center">
+            {step.title}
+          </div>
+          <div className="text-gray-900 text-base text-center flex flex-col gap-1">
+            {step.description.map((line, idx) => (
+              <span key={idx}>{line}</span>
+            ))}
+          </div>
+        </div>
+      ))}
+    </div>
+  </section>
+);
+
+export default StepsSection;
diff --git a/src/components/home/SubscribeSection.tsx b/src/components/home/SubscribeSection.tsx
new file mode 100644
index 0000000..30f8ae2
--- /dev/null
+++ b/src/components/home/SubscribeSection.tsx
@@ -0,0 +1,42 @@
+interface SubscribeSectionProps {
+  email: string;
+  setEmail: (email: string) => void;
+  handleEmailSubmit: (e: React.FormEvent) => void;
+}
+
+const SubscribeSection = ({
+  email,
+  setEmail,
+  handleEmailSubmit,
+}: SubscribeSectionProps) => (
+  <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col items-center gap-6 bg-orange-000 rounded-3xl mt-12 mb-16">
+    <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center">
+      농장 소식 미리받기
+    </h2>
+    <p className="text-cool-gray-600 text-base text-center">
+      새로운 농작물과 특별 혜택 소식을 가장 먼저 받아보세요!
+    </p>
+    <form
+      onSubmit={handleEmailSubmit}
+      className="w-full max-w-[480px] flex gap-3 mt-2"
+      noValidate
+    >
+      <input
+        type="email"
+        value={email}
+        onChange={(e) => setEmail(e.target.value)}
+        placeholder="이메일 주소를 입력하세요"
+        className="flex-1 px-6 py-3 bg-common-000 rounded-full outline-1 outline-offset-[-1px] outline-green-400 text-base"
+        required
+      />
+      <button
+        type="submit"
+        className="px-6 py-2 bg-green-600 rounded-full outline-1 outline-offset-[-1px] outline-opacity-100/10 text-common-000 font-semibold hover:bg-green-700 transition"
+      >
+        구독하기
+      </button>
+    </form>
+  </section>
+);
+
+export default SubscribeSection;
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 2a4186c..b8c6e47 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,6 +1,14 @@
-import { useState } from "react";
-import toast, { Toaster } from "react-hot-toast";
+import toast from "react-hot-toast";
+import { useState, useEffect } from "react";
+import { fetchProducts } from "../api/Home";
 import EmailAlert from "../components/common/EmailAlert";
+import HeroSection from "../components/home/HeroSection";
+import StatsSection from "../components/home/StatsSection";
+import CropSection from "../components/home/CropSection";
+import StepsSection from "../components/home/StepsSection";
+import ReviewSection from "../components/home/ReviewSection";
+import ExtraCropSection from "../components/home/ExtraCropSection";
+import SubscribeSection from "../components/home/SubscribeSection";
 
 const cropCards = [
   {
@@ -115,6 +123,18 @@ export default function Home() {
   const [email, setEmail] = useState("");
   const [showEmailAlert, setShowEmailAlert] = useState(false);
 
+  useEffect(() => {
+    const getProducts = async () => {
+      try {
+        const data = await fetchProducts();
+        console.log("products:", data);
+      } catch (error) {
+        console.error("Failed to fetch products:", error);
+      }
+    };
+    getProducts();
+  }, []);
+
   const handleEmailSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     if (email.trim()) {
@@ -148,254 +168,17 @@ export default function Home() {
   return (
     <div className="w-full min-h-screen bg-white font-pretendard mt-3 relative">
       <main className="w-full min-h-screen flex flex-col items-center">
-        {/* 히어로 섹션 */}
-        <section className="w-full max-w-[1200px] px-6 pt-24 pb-16 flex flex-col items-center gap-8 bg-green-000 ">
-          <h1 className="text-mint-900 text-[40px] md:text-[48px] font-bold leading-tight text-center">
-            농부와 함께 키우는
-            <br />
-            믿음직한 농작물
-          </h1>
-          <p className="text-green-600 text-lg md:text-xl text-center">
-            농부의 신선한 농작물을 펀딩하고, 성장 과정을 지켜보세요 🌱
-          </p>
-          <button className="mt-4 px-10 py-4 bg-mint-600 rounded-full shadow-md hover:bg-mint-700 transition text-common-000 text-lg font-semibold">
-            시작하기
-          </button>
-        </section>
-
-        {/* 통계 섹션 */}
-        <section className="w-full max-w-[1200px] px-6 py-8 grid grid-cols-2 md:grid-cols-4 gap-6 bg-common-000 rounded-3xl shadow-sm mb-12">
-          <div className="flex flex-col items-center gap-1">
-            <span className="text-gray-600 text-base md:text-lg">
-              참여 농부
-            </span>
-            <span className="text-green-700 text-2xl md:text-3xl font-bold">
-              1,250+
-            </span>
-          </div>
-          <div className="flex flex-col items-center gap-1">
-            <span className="text-gray-600 text-base md:text-lg">
-              위탁 완료
-            </span>
-            <span className="text-green-700 text-2xl md:text-3xl font-bold">
-              5,680+
-            </span>
-          </div>
-          <div className="flex flex-col items-center gap-1">
-            <span className="text-gray-600 text-base md:text-lg">만족도</span>
-            <span className="text-green-700 text-2xl md:text-3xl font-bold">
-              98%
-            </span>
-          </div>
-          <div className="flex flex-col items-center gap-1">
-            <span className="text-gray-600 text-base md:text-lg">
-              평균 경력
-            </span>
-            <span className="text-green-700 text-2xl md:text-3xl font-bold">
-              24개월
-            </span>
-          </div>
-        </section>
-
-        {/* 인기 농작물 섹션 */}
-        <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col gap-8">
-          <div className="flex flex-col items-center gap-2">
-            <span className="px-4 py-1 bg-orange-200 rounded-full outline-1 outline-offset-[-1px] outline-opacity-100/10 text-orange-900 text-sm font-semibold">
-              이번 주 인기 농작물
-            </span>
-            <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center">
-              지금 참여 가능한 위탁 농작물
-            </h2>
-          </div>
-          <div className="w-full flex flex-wrap justify-center gap-8">
-            {cropCards.map((crop) => (
-              <div
-                key={crop.id}
-                className="w-full max-w-[340px] flex flex-col gap-4 bg-common-000 rounded-3xl shadow-md p-6 outline-1 outline-offset-[-1px] outline-opacity-200/20"
-              >
-                <div className="flex items-center gap-2 text-red-500 text-base font-semibold">
-                  ⏰ 마감까지 D-
-                  {crop.deadline?.replace(/[^0-9]/g, "") || "00"}
-                </div>
-                <div className="w-full h-48 flex items-center justify-center text-6xl bg-opacity-000/5 rounded-2xl">
-                  {crop.emoji}
-                </div>
-                <div className="flex flex-col gap-2">
-                  <div className="text-gray-900 text-xl font-bold">
-                    {crop.name}
-                  </div>
-                  <div className="flex flex-wrap gap-2 text-gray-600 text-xs">
-                    <span>📍 {crop.farmer}</span>
-                    <span>{crop.location}</span>
-                    <span>{crop.experience}</span>
-                  </div>
-                  <div className="flex gap-2 text-gray-600 text-xs">
-                    <span>⭐️ {crop.rating} / 5</span>
-                    <span>({crop.reviews}개 후기)</span>
-                  </div>
-                  <div className="flex gap-2 items-center text-blue-500 text-lg font-bold">
-                    <span>{crop.price}원</span>
-                    <span className="text-gray-600 text-sm font-normal">
-                      박스당 {crop.weight}
-                    </span>
-                  </div>
-                </div>
-                <div className="w-full bg-mint-000 rounded-2xl px-4 py-3 flex flex-col gap-2">
-                  <div className="flex gap-1 items-center text-gray-800 text-base font-semibold">
-                    <span>달성률</span>
-                    <span>{crop.percentage}%</span>
-                  </div>
-                  <div className="w-full h-3 bg-cool-gray-100 rounded-full overflow-hidden flex">
-                    <div
-                      className="h-3 bg-mint-500 rounded-l-full"
-                      style={{ width: `${crop.percentage}%` }}
-                    ></div>
-                    <div className="flex-1"></div>
-                  </div>
-                  <div className="flex gap-1 text-cool-gray-700 text-sm">
-                    <span>
-                      총 {crop.totalBoxes}박스 중 {crop.completedBoxes}박스 위탁
-                      완료!
-                    </span>
-                  </div>
-                </div>
-                <button className="w-full mt-2 px-6 py-3 bg-orange-400 rounded-full outline-1 outline-offset-[-1px] outline-opacity-100/10 text-common-000 text-base font-semibold hover:bg-orange-500 transition">
-                  상품 둘러보기
-                </button>
-              </div>
-            ))}
-          </div>
-        </section>
-
-        {/* 이용 방법 섹션 */}
-        <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col gap-8 bg-green-200 rounded-3xl">
-          <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center mb-4">
-            가상농장 이용 방법
-          </h2>
-          <div className="flex flex-wrap justify-center gap-6">
-            {steps.map((step) => (
-              <div
-                key={step.number}
-                className="w-full max-w-[320px] flex flex-col items-center gap-4 bg-common-000 rounded-2xl shadow p-6"
-              >
-                <div className="w-10 h-10 bg-mint-600 rounded-full flex items-center justify-center text-common-000 text-lg font-bold">
-                  {step.number}
-                </div>
-                <div className="text-gray-900 text-lg font-bold text-center">
-                  {step.title}
-                </div>
-                <div className="text-gray-900 text-base text-center flex flex-col gap-1">
-                  {step.description.map((line, idx) => (
-                    <span key={idx}>{line}</span>
-                  ))}
-                </div>
-              </div>
-            ))}
-          </div>
-        </section>
-
-        {/* 후기 섹션 */}
-        <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col gap-8 bg-blue-000 rounded-3xl mt-12">
-          <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center mb-4">
-            생생한 고객 후기
-          </h2>
-          <div className="flex flex-wrap justify-center gap-6">
-            {reviews.map((review, idx) => (
-              <div
-                key={idx}
-                className="w-full max-w-[340px] flex flex-col gap-4 bg-common-000 rounded-2xl shadow p-6 border border-opacity-100/10"
-              >
-                <div className="flex gap-2 items-center text-cool-gray-800 text-base">
-                  {"⭐️".repeat(review.rating)}
-                </div>
-                <div className="flex gap-1 items-center text-blue-500 text-base font-semibold">
-                  <span>"</span>
-                  <span>{review.title}</span>
-                  <span>"</span>
-                </div>
-                <div className="text-cool-gray-800 text-sm">
-                  {review.content}
-                </div>
-                <div className="flex items-center gap-3 mt-2">
-                  <div className="w-10 h-10 bg-cool-gray-200 rounded-full flex items-center justify-center"></div>
-                  <div className="flex flex-col gap-1">
-                    <span className="text-blue-800 text-sm font-semibold">
-                      {review.name}
-                    </span>
-                    <span className="text-cool-gray-300 text-xs">
-                      {review.date.replace(/\./g, "년 ").replace(/\.$/, "월")}{" "}
-                      참가자
-                    </span>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        </section>
-
-        {/* 다른 농작물 섹션 */}
-        <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col gap-8">
-          <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center mb-4">
-            다른 농작물 둘러보기
-          </h2>
-          <div className="flex flex-wrap justify-center gap-6">
-            {extraCrops.map((crop, idx) => (
-              <div
-                key={idx}
-                className="w-full max-w-[320px] flex flex-col gap-4 bg-common-000 rounded-3xl shadow p-6 border border-opacity-200/20"
-              >
-                <div className="flex gap-1 items-center text-red-400 text-base font-semibold">
-                  <span>🚩</span>
-                  <span>{crop.participants}명 참여중!</span>
-                </div>
-                <div className="w-full h-40 flex items-center justify-center text-4xl bg-opacity-000/5 rounded-2xl">
-                  {crop.emoji}
-                </div>
-                <div className="flex flex-col gap-2">
-                  <div className="text-gray-900 text-xl font-bold">
-                    {crop.name}
-                  </div>
-                  <div className="flex gap-2 items-center text-mint-700 text-lg font-bold">
-                    <span>{crop.price}원</span>
-                    <span className="text-gray-600 text-sm font-normal">
-                      박스당 1박스
-                    </span>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        </section>
-
-        {/* 구독 섹션 */}
-        <section className="w-full max-w-[1200px] px-6 py-12 flex flex-col items-center gap-6 bg-orange-000 rounded-3xl mt-12 mb-16">
-          <h2 className="text-gray-900 text-2xl md:text-3xl font-bold text-center">
-            농장 소식 미리받기
-          </h2>
-          <p className="text-cool-gray-600 text-base text-center">
-            새로운 농작물과 특별 혜택 소식을 가장 먼저 받아보세요!
-          </p>
-          <form
-            onSubmit={handleEmailSubmit}
-            className="w-full max-w-[480px] flex gap-3 mt-2"
-            noValidate
-          >
-            <input
-              type="email"
-              value={email}
-              onChange={(e) => setEmail(e.target.value)}
-              placeholder="이메일 주소를 입력하세요"
-              className="flex-1 px-6 py-3 bg-common-000 rounded-full outline-1 outline-offset-[-1px] outline-green-400 text-base"
-              required
-            />
-            <button
-              type="submit"
-              className="px-6 py-2 bg-green-600 rounded-full outline-1 outline-offset-[-1px] outline-opacity-100/10 text-common-000 font-semibold hover:bg-green-700 transition"
-            >
-              구독하기
-            </button>
-          </form>
-        </section>
+        <HeroSection />
+        <StatsSection />
+        <CropSection cropCards={cropCards} />
+        <StepsSection steps={steps} />
+        <ReviewSection reviews={reviews} />
+        <ExtraCropSection extraCrops={extraCrops} />
+        <SubscribeSection
+          email={email}
+          setEmail={setEmail}
+          handleEmailSubmit={handleEmailSubmit}
+        />
       </main>
 
       {/* Email Alert 모달 */}
@@ -412,8 +195,7 @@ export default function Home() {
         </div>
       )}
 
-      {/* Toast 컨테이너 */}
-      <Toaster />
+      {/* Toaster는 App.tsx에서 전역으로 렌더링 */}
     </div>
   );
 }
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index cb77af8..9c29a5a 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -139,7 +139,7 @@ export default function Login() {
                 onSubmit={handleSubmit}
               >
                 {/* Email Field */}
-                <div className="self-stretch flex flex-col justify-start items-start gap-3">
+                <div className="self-stretch flex flex-col justify-start items-start gap-1">
                   <div className="self-stretch inline-flex justify-start items-start">
                     <div className="justify-start text-gray-900 text-base font-semibold leading-6">
                       이메일
@@ -154,13 +154,13 @@ export default function Login() {
                     value={email}
                     onChange={(e) => setEmail(e.target.value)}
                   />
-                  {emailMessage && (
-                    <div className="pl-0.5 inline-flex justify-center items-center gap-2.5">
+                  <div className="pl-0.5 inline-flex justify-center items-center h-3">
+                    {emailMessage && (
                       <div className="justify-start text-red-500 text-xs font-light leading-none">
                         {emailMessage}
                       </div>
-                    </div>
-                  )}
+                    )}
+                  </div>
                 </div>
 
                 {/* Password Field */}
diff --git a/src/pages/Mypage.tsx b/src/pages/Mypage.tsx
index 4fe6e1e..6cb0cfb 100644
--- a/src/pages/Mypage.tsx
+++ b/src/pages/Mypage.tsx
@@ -1,6 +1,5 @@
 import { useNavigate } from "react-router-dom";
 import { useAuthStore } from "../store/authStore";
-import toast from "react-hot-toast";
 
 export default function Mypage() {
   const { removeToken } = useAuthStore();
@@ -8,7 +7,6 @@ export default function Mypage() {
 
   const handleLogout = () => {
     removeToken();
-    toast.success("로그아웃되었습니다.");
     navigate("/");
   };
 
diff --git a/src/pages/Signup.tsx b/src/pages/Signup.tsx
index e990e3e..337e5b6 100644
--- a/src/pages/Signup.tsx
+++ b/src/pages/Signup.tsx
@@ -59,21 +59,19 @@ export default function Signup() {
     setSignupError("");
 
     try {
-      console.log("회원가입 시도:", {
+      const signupPayload = {
         email,
         password,
         name,
-        phone: fullPhone,
-        userType: selectedKey.toUpperCase(),
-      });
-      const signupResponse = await authService.signup({
-        email,
-        password,
-        name,
-        phone: fullPhone,
+        phoneNumber: fullPhone,
         userType: selectedKey.toUpperCase() as "BUYER" | "FARMER",
-      });
-      console.log("회원가입 성공:", signupResponse);
+      };
+      console.log("회원가입 시도 payload:", signupPayload);
+      const signupResponse = await authService.signup(signupPayload);
+      console.log("회원가입 성공 response:", signupResponse);
+      if (signupResponse && signupResponse.user) {
+        console.log("가입된 유저 정보:", signupResponse.user);
+      }
       navigate("/login");
     } catch (error) {
       console.error("회원가입 실패:", error);
diff --git a/src/utils/httpClient.ts b/src/utils/httpClient.ts
index d968ba5..85fa958 100644
--- a/src/utils/httpClient.ts
+++ b/src/utils/httpClient.ts
@@ -1,5 +1,5 @@
 async function refreshAccessToken(): Promise<string> {
-  const response = await fetch("/api/v1/auth/refresh", {
+  const response = await fetch("/api/auth/refresh", {
     method: "POST",
     credentials: "include",
   });
@@ -44,4 +44,4 @@ export function createAuthenticatedFetch(
 
     return response;
   };
-}
\ No newline at end of file
+}
diff --git a/vite.config.ts b/vite.config.ts
index 519807a..79b7a48 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,7 +7,7 @@ export default defineConfig({
   plugins: [react(), tailwindcss()],
   server: {
     proxy: {
-      "/api/v1": {
+      "/api": {
         target: "https://zerojae175-dev.store",
         changeOrigin: true,
         secure: true,

From ce9d379fc264dd632d6608e89774c4fc645d8618 Mon Sep 17 00:00:00 2001
From: goorm <goorm@goormui-MacBookPro.local>
Date: Sun, 3 Aug 2025 01:34:44 +0900
Subject: [PATCH 05/11] =?UTF-8?q?fix:=20=EB=B2=84=EA=B7=B8=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Home.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index b8c6e47..618ed8a 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -46,6 +46,7 @@ const cropCards = [
     completedBoxes: 90,
     percentage: 45,
     status: "유기농 인증",
+    deadline: "3일 남음",
     bgColor: "from-amber-400 to-yellow-300",
   },
   {
@@ -64,6 +65,7 @@ const cropCards = [
     completedBoxes: 120,
     percentage: 80,
     status: "베스트셀러",
+    deadline: "1일 남음",
     bgColor: "from-green-300 to-green-300",
   },
 ];

From 5d7e580ba95b0479209e733e5e31d17430292e72 Mon Sep 17 00:00:00 2001
From: goorm <goorm@goormui-MacBookPro.local>
Date: Sun, 3 Aug 2025 01:44:28 +0900
Subject: [PATCH 06/11] trigger deployment


From a740fa6e254c85fd4964c947a4c5c4a6c74f5027 Mon Sep 17 00:00:00 2001
From: goorm <goorm@goormui-MacBookPro.local>
Date: Sun, 3 Aug 2025 01:47:14 +0900
Subject: [PATCH 07/11] fix: clean install dependencies to resolve build issues

---
 package-lock.json | 776 +++++++++++++++++++++++-----------------------
 1 file changed, 391 insertions(+), 385 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b68c5b0..ec2ea9b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -63,9 +63,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.27.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.27.7.tgz",
-      "integrity": "sha512-xgu/ySj2mTiUFmdE9yCMfBxLp4DHd5DwmbbD05YAuICfodYT3VvRxbrh81LGQ/8UpSdtMdfKMn3KouYDX59DGQ==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.0.tgz",
+      "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -73,22 +73,22 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.27.7",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.27.7.tgz",
-      "integrity": "sha512-BU2f9tlKQ5CAthiMIgpzAh4eDTLWo1mqi9jqE2OxMG0E/OM199VJt2q8BztTxpnSW0i1ymdwLXRJnYzvDM5r2w==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz",
+      "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.27.5",
+        "@babel/generator": "^7.28.0",
         "@babel/helper-compilation-targets": "^7.27.2",
         "@babel/helper-module-transforms": "^7.27.3",
         "@babel/helpers": "^7.27.6",
-        "@babel/parser": "^7.27.7",
+        "@babel/parser": "^7.28.0",
         "@babel/template": "^7.27.2",
-        "@babel/traverse": "^7.27.7",
-        "@babel/types": "^7.27.7",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.0",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -104,15 +104,15 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.5.tgz",
-      "integrity": "sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz",
+      "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.27.5",
-        "@babel/types": "^7.27.3",
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25",
+        "@babel/parser": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
       },
       "engines": {
@@ -136,6 +136,15 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/helper-module-imports": {
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
@@ -206,26 +215,26 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.6.tgz",
-      "integrity": "sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==",
+      "version": "7.28.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.2.tgz",
+      "integrity": "sha512-/V9771t+EgXz62aCcyofnQhGM8DQACbRhvzKFsXKC9QM+5MadF8ZmIm0crDMaz3+o0h0zXfJnd4EhbYbxsrcFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/template": "^7.27.2",
-        "@babel/types": "^7.27.6"
+        "@babel/types": "^7.28.2"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.27.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.7.tgz",
-      "integrity": "sha512-qnzXzDXdr/po3bOTbTIQZ7+TxNKxpkN5IifVLXS+r7qwynkZfPyjZfE7hCXbo7IoO9TNcSyibgONsf2HauUd3Q==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz",
+      "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.27.7"
+        "@babel/types": "^7.28.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -267,9 +276,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz",
-      "integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==",
+      "version": "7.28.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.2.tgz",
+      "integrity": "sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -290,36 +299,27 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.27.7",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.7.tgz",
-      "integrity": "sha512-X6ZlfR/O/s5EQ/SnUSLzr+6kGnkg8HXGMzpgsMsrJVcfDtH1vIp6ctCN4eZ1LS5c0+te5Cb6Y514fASjMRJ1nw==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz",
+      "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.27.5",
-        "@babel/parser": "^7.27.7",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.0",
         "@babel/template": "^7.27.2",
-        "@babel/types": "^7.27.7",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
+        "@babel/types": "^7.28.0",
+        "debug": "^4.3.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/traverse/node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/@babel/types": {
-      "version": "7.27.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.7.tgz",
-      "integrity": "sha512-8OLQgDScAOHXnAz2cV+RfzzNMipuLVBz2biuAJFMV9bfkNf393je3VM8CLkjQodW5+iWsSJdSgSWT6rsZoXHPw==",
+      "version": "7.28.2",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.2.tgz",
+      "integrity": "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
@@ -450,9 +450,9 @@
       "license": "MIT"
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.5.tgz",
-      "integrity": "sha512-9o3TMmpmftaCMepOdA5k/yDw8SfInyzWWTjYTFCX3kPSDJMROQTb8jg+h9Cnwnmm1vOzvxN7gIfB5V2ewpjtGA==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.8.tgz",
+      "integrity": "sha512-urAvrUedIqEiFR3FYSLTWQgLu5tb+m0qZw0NBEasUeo6wuqatkMDaRT+1uABiGXEu5vqgPd7FGE1BhsAIy9QVA==",
       "cpu": [
         "ppc64"
       ],
@@ -467,9 +467,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.5.tgz",
-      "integrity": "sha512-AdJKSPeEHgi7/ZhuIPtcQKr5RQdo6OO2IL87JkianiMYMPbCtot9fxPbrMiBADOWWm3T2si9stAiVsGbTQFkbA==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.8.tgz",
+      "integrity": "sha512-RONsAvGCz5oWyePVnLdZY/HHwA++nxYWIX1atInlaW6SEkwq6XkP3+cb825EUcRs5Vss/lGh/2YxAb5xqc07Uw==",
       "cpu": [
         "arm"
       ],
@@ -484,9 +484,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.5.tgz",
-      "integrity": "sha512-VGzGhj4lJO+TVGV1v8ntCZWJktV7SGCs3Pn1GRWI1SBFtRALoomm8k5E9Pmwg3HOAal2VDc2F9+PM/rEY6oIDg==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.8.tgz",
+      "integrity": "sha512-OD3p7LYzWpLhZEyATcTSJ67qB5D+20vbtr6vHlHWSQYhKtzUYrETuWThmzFpZtFsBIxRvhO07+UgVA9m0i/O1w==",
       "cpu": [
         "arm64"
       ],
@@ -501,9 +501,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.5.tgz",
-      "integrity": "sha512-D2GyJT1kjvO//drbRT3Hib9XPwQeWd9vZoBJn+bu/lVsOZ13cqNdDeqIF/xQ5/VmWvMduP6AmXvylO/PIc2isw==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.8.tgz",
+      "integrity": "sha512-yJAVPklM5+4+9dTeKwHOaA+LQkmrKFX96BM0A/2zQrbS6ENCmxc4OVoBs5dPkCCak2roAD+jKCdnmOqKszPkjA==",
       "cpu": [
         "x64"
       ],
@@ -518,9 +518,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.5.tgz",
-      "integrity": "sha512-GtaBgammVvdF7aPIgH2jxMDdivezgFu6iKpmT+48+F8Hhg5J/sfnDieg0aeG/jfSvkYQU2/pceFPDKlqZzwnfQ==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.8.tgz",
+      "integrity": "sha512-Jw0mxgIaYX6R8ODrdkLLPwBqHTtYHJSmzzd+QeytSugzQ0Vg4c5rDky5VgkoowbZQahCbsv1rT1KW72MPIkevw==",
       "cpu": [
         "arm64"
       ],
@@ -535,9 +535,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.5.tgz",
-      "integrity": "sha512-1iT4FVL0dJ76/q1wd7XDsXrSW+oLoquptvh4CLR4kITDtqi2e/xwXwdCVH8hVHU43wgJdsq7Gxuzcs6Iq/7bxQ==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.8.tgz",
+      "integrity": "sha512-Vh2gLxxHnuoQ+GjPNvDSDRpoBCUzY4Pu0kBqMBDlK4fuWbKgGtmDIeEC081xi26PPjn+1tct+Bh8FjyLlw1Zlg==",
       "cpu": [
         "x64"
       ],
@@ -552,9 +552,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.5.tgz",
-      "integrity": "sha512-nk4tGP3JThz4La38Uy/gzyXtpkPW8zSAmoUhK9xKKXdBCzKODMc2adkB2+8om9BDYugz+uGV7sLmpTYzvmz6Sw==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.8.tgz",
+      "integrity": "sha512-YPJ7hDQ9DnNe5vxOm6jaie9QsTwcKedPvizTVlqWG9GBSq+BuyWEDazlGaDTC5NGU4QJd666V0yqCBL2oWKPfA==",
       "cpu": [
         "arm64"
       ],
@@ -569,9 +569,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.5.tgz",
-      "integrity": "sha512-PrikaNjiXdR2laW6OIjlbeuCPrPaAl0IwPIaRv+SMV8CiM8i2LqVUHFC1+8eORgWyY7yhQY+2U2fA55mBzReaw==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.8.tgz",
+      "integrity": "sha512-MmaEXxQRdXNFsRN/KcIimLnSJrk2r5H8v+WVafRWz5xdSVmWLoITZQXcgehI2ZE6gioE6HirAEToM/RvFBeuhw==",
       "cpu": [
         "x64"
       ],
@@ -586,9 +586,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.5.tgz",
-      "integrity": "sha512-cPzojwW2okgh7ZlRpcBEtsX7WBuqbLrNXqLU89GxWbNt6uIg78ET82qifUy3W6OVww6ZWobWub5oqZOVtwolfw==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.8.tgz",
+      "integrity": "sha512-FuzEP9BixzZohl1kLf76KEVOsxtIBFwCaLupVuk4eFVnOZfU+Wsn+x5Ryam7nILV2pkq2TqQM9EZPsOBuMC+kg==",
       "cpu": [
         "arm"
       ],
@@ -603,9 +603,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.5.tgz",
-      "integrity": "sha512-Z9kfb1v6ZlGbWj8EJk9T6czVEjjq2ntSYLY2cw6pAZl4oKtfgQuS4HOq41M/BcoLPzrUbNd+R4BXFyH//nHxVg==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.8.tgz",
+      "integrity": "sha512-WIgg00ARWv/uYLU7lsuDK00d/hHSfES5BzdWAdAig1ioV5kaFNrtK8EqGcUBJhYqotlUByUKz5Qo6u8tt7iD/w==",
       "cpu": [
         "arm64"
       ],
@@ -620,9 +620,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.5.tgz",
-      "integrity": "sha512-sQ7l00M8bSv36GLV95BVAdhJ2QsIbCuCjh/uYrWiMQSUuV+LpXwIqhgJDcvMTj+VsQmqAHL2yYaasENvJ7CDKA==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.8.tgz",
+      "integrity": "sha512-A1D9YzRX1i+1AJZuFFUMP1E9fMaYY+GnSQil9Tlw05utlE86EKTUA7RjwHDkEitmLYiFsRd9HwKBPEftNdBfjg==",
       "cpu": [
         "ia32"
       ],
@@ -637,9 +637,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.5.tgz",
-      "integrity": "sha512-0ur7ae16hDUC4OL5iEnDb0tZHDxYmuQyhKhsPBV8f99f6Z9KQM02g33f93rNH5A30agMS46u2HP6qTdEt6Q1kg==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.8.tgz",
+      "integrity": "sha512-O7k1J/dwHkY1RMVvglFHl1HzutGEFFZ3kNiDMSOyUrB7WcoHGf96Sh+64nTRT26l3GMbCW01Ekh/ThKM5iI7hQ==",
       "cpu": [
         "loong64"
       ],
@@ -654,9 +654,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.5.tgz",
-      "integrity": "sha512-kB/66P1OsHO5zLz0i6X0RxlQ+3cu0mkxS3TKFvkb5lin6uwZ/ttOkP3Z8lfR9mJOBk14ZwZ9182SIIWFGNmqmg==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.8.tgz",
+      "integrity": "sha512-uv+dqfRazte3BzfMp8PAQXmdGHQt2oC/y2ovwpTteqrMx2lwaksiFZ/bdkXJC19ttTvNXBuWH53zy/aTj1FgGw==",
       "cpu": [
         "mips64el"
       ],
@@ -671,9 +671,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.5.tgz",
-      "integrity": "sha512-UZCmJ7r9X2fe2D6jBmkLBMQetXPXIsZjQJCjgwpVDz+YMcS6oFR27alkgGv3Oqkv07bxdvw7fyB71/olceJhkQ==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.8.tgz",
+      "integrity": "sha512-GyG0KcMi1GBavP5JgAkkstMGyMholMDybAf8wF5A70CALlDM2p/f7YFE7H92eDeH/VBtFJA5MT4nRPDGg4JuzQ==",
       "cpu": [
         "ppc64"
       ],
@@ -688,9 +688,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.5.tgz",
-      "integrity": "sha512-kTxwu4mLyeOlsVIFPfQo+fQJAV9mh24xL+y+Bm6ej067sYANjyEw1dNHmvoqxJUCMnkBdKpvOn0Ahql6+4VyeA==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.8.tgz",
+      "integrity": "sha512-rAqDYFv3yzMrq7GIcen3XP7TUEG/4LK86LUPMIz6RT8A6pRIDn0sDcvjudVZBiiTcZCY9y2SgYX2lgK3AF+1eg==",
       "cpu": [
         "riscv64"
       ],
@@ -705,9 +705,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.5.tgz",
-      "integrity": "sha512-K2dSKTKfmdh78uJ3NcWFiqyRrimfdinS5ErLSn3vluHNeHVnBAFWC8a4X5N+7FgVE1EjXS1QDZbpqZBjfrqMTQ==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.8.tgz",
+      "integrity": "sha512-Xutvh6VjlbcHpsIIbwY8GVRbwoviWT19tFhgdA7DlenLGC/mbc3lBoVb7jxj9Z+eyGqvcnSyIltYUrkKzWqSvg==",
       "cpu": [
         "s390x"
       ],
@@ -722,9 +722,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.5.tgz",
-      "integrity": "sha512-uhj8N2obKTE6pSZ+aMUbqq+1nXxNjZIIjCjGLfsWvVpy7gKCOL6rsY1MhRh9zLtUtAI7vpgLMK6DxjO8Qm9lJw==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.8.tgz",
+      "integrity": "sha512-ASFQhgY4ElXh3nDcOMTkQero4b1lgubskNlhIfJrsH5OKZXDpUAKBlNS0Kx81jwOBp+HCeZqmoJuihTv57/jvQ==",
       "cpu": [
         "x64"
       ],
@@ -739,9 +739,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.5.tgz",
-      "integrity": "sha512-pwHtMP9viAy1oHPvgxtOv+OkduK5ugofNTVDilIzBLpoWAM16r7b/mxBvfpuQDpRQFMfuVr5aLcn4yveGvBZvw==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.8.tgz",
+      "integrity": "sha512-d1KfruIeohqAi6SA+gENMuObDbEjn22olAR7egqnkCD9DGBG0wsEARotkLgXDu6c4ncgWTZJtN5vcgxzWRMzcw==",
       "cpu": [
         "arm64"
       ],
@@ -756,9 +756,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.5.tgz",
-      "integrity": "sha512-WOb5fKrvVTRMfWFNCroYWWklbnXH0Q5rZppjq0vQIdlsQKuw6mdSihwSo4RV/YdQ5UCKKvBy7/0ZZYLBZKIbwQ==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.8.tgz",
+      "integrity": "sha512-nVDCkrvx2ua+XQNyfrujIG38+YGyuy2Ru9kKVNyh5jAys6n+l44tTtToqHjino2My8VAY6Lw9H7RI73XFi66Cg==",
       "cpu": [
         "x64"
       ],
@@ -773,9 +773,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.5.tgz",
-      "integrity": "sha512-7A208+uQKgTxHd0G0uqZO8UjK2R0DDb4fDmERtARjSHWxqMTye4Erz4zZafx7Di9Cv+lNHYuncAkiGFySoD+Mw==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.8.tgz",
+      "integrity": "sha512-j8HgrDuSJFAujkivSMSfPQSAa5Fxbvk4rgNAS5i3K+r8s1X0p1uOO2Hl2xNsGFppOeHOLAVgYwDVlmxhq5h+SQ==",
       "cpu": [
         "arm64"
       ],
@@ -790,9 +790,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.5.tgz",
-      "integrity": "sha512-G4hE405ErTWraiZ8UiSoesH8DaCsMm0Cay4fsFWOOUcz8b8rC6uCvnagr+gnioEjWn0wC+o1/TAHt+It+MpIMg==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.8.tgz",
+      "integrity": "sha512-1h8MUAwa0VhNCDp6Af0HToI2TJFAn1uqT9Al6DJVzdIBAd21m/G0Yfc77KDM3uF3T/YaOgQq3qTJHPbTOInaIQ==",
       "cpu": [
         "x64"
       ],
@@ -806,10 +806,27 @@
         "node": ">=18"
       }
     },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.8.tgz",
+      "integrity": "sha512-r2nVa5SIK9tSWd0kJd9HCffnDHKchTGikb//9c7HX+r+wHYCpQrSgxhlY6KWV1nFo1l4KFbsMlHk+L6fekLsUg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.5.tgz",
-      "integrity": "sha512-l+azKShMy7FxzY0Rj4RCt5VD/q8mG/e+mDivgspo+yL8zW7qEwctQ6YqKX34DTEleFAvCIUviCFX1SDZRSyMQA==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.8.tgz",
+      "integrity": "sha512-zUlaP2S12YhQ2UzUfcCuMDHQFJyKABkAjvO5YSndMiIkMimPmxA+BYSBikWgsRpvyxuRnow4nS5NPnf9fpv41w==",
       "cpu": [
         "x64"
       ],
@@ -824,9 +841,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.5.tgz",
-      "integrity": "sha512-O2S7SNZzdcFG7eFKgvwUEZ2VG9D/sn/eIiz8XRZ1Q/DO5a3s76Xv0mdBzVM5j5R639lXQmPmSo0iRpHqUUrsxw==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.8.tgz",
+      "integrity": "sha512-YEGFFWESlPva8hGL+zvj2z/SaK+pH0SwOM0Nc/d+rVnW7GSTFlLBGzZkuSU9kFIGIo8q9X3ucpZhu8PDN5A2sQ==",
       "cpu": [
         "arm64"
       ],
@@ -841,9 +858,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.5.tgz",
-      "integrity": "sha512-onOJ02pqs9h1iMJ1PQphR+VZv8qBMQ77Klcsqv9CNW2w6yLqoURLcgERAIurY6QE63bbLuqgP9ATqajFLK5AMQ==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.8.tgz",
+      "integrity": "sha512-hiGgGC6KZ5LZz58OL/+qVVoZiuZlUYlYHNAmczOm7bs2oE1XriPFi5ZHHrS8ACpV5EjySrnoCKmcbQMN+ojnHg==",
       "cpu": [
         "ia32"
       ],
@@ -858,9 +875,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.5.tgz",
-      "integrity": "sha512-TXv6YnJ8ZMVdX+SXWVBo/0p8LTcrUYngpWjvm91TMjjBQii7Oz11Lw5lbDV5Y0TzuhSJHwiH4hEtC1I42mMS0g==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.8.tgz",
+      "integrity": "sha512-cn3Yr7+OaaZq1c+2pe+8yxC8E144SReCQjN6/2ynubzYjvyqZjTXfQJpAcQpsdJq3My7XADANiYGHoFC69pLQw==",
       "cpu": [
         "x64"
       ],
@@ -944,9 +961,9 @@
       }
     },
     "node_modules/@eslint/core": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.14.0.tgz",
-      "integrity": "sha512-qIbV0/JZr7iSDjqAc60IqbLdsj9GDt16xQtWD+B78d/HAlvysGdZZ6rpJHGAc2T0FQx1X6thsSPdnoiGKdNtdg==",
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.1.tgz",
+      "integrity": "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==",
       "dev": true,
       "license": "Apache-2.0",
       "peer": true,
@@ -997,9 +1014,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.30.1",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.30.1.tgz",
-      "integrity": "sha512-zXhuECFlyep42KZUhWjfvsmXGX39W8K8LFb8AWXM9gSV9dQB+MrJGLKvW6Zw0Ggnbpw0VHTtrhFXYe3Gym18jg==",
+      "version": "9.32.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.32.0.tgz",
+      "integrity": "sha512-BBpRFZK3eX6uMLKz8WxFOBIFFcGFJ/g8XuwjTHCqHROSIsopI+ddn/d5Cfh36+7+e5edVS8dbSHnBNhrLEX0zg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1021,9 +1038,9 @@
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.3.tgz",
-      "integrity": "sha512-1+WqvgNMhmlAambTvT3KPtCl/Ibr68VldY2XY40SL1CE0ZXiakFR/cbTspaF5HsnpDMvcYYoJHfl4980NBjGag==",
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.4.tgz",
+      "integrity": "sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==",
       "dev": true,
       "license": "Apache-2.0",
       "peer": true,
@@ -1035,36 +1052,22 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@eslint/plugin-kit/node_modules/@eslint/core": {
-      "version": "0.15.1",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.1.tgz",
-      "integrity": "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "peer": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.15"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
     "node_modules/@floating-ui/core": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.2.tgz",
-      "integrity": "sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
       "license": "MIT",
       "dependencies": {
         "@floating-ui/utils": "^0.2.10"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.2.tgz",
-      "integrity": "sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.3.tgz",
+      "integrity": "sha512-uZA413QEpNuhtb3/iIKoYMSK07keHPYeXF02Zhd6e213j+d1NamLix/mCLxBUDW/Gx52sPH2m+chlUsyaBs/Ag==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/core": "^1.7.2",
+        "@floating-ui/core": "^1.7.3",
         "@floating-ui/utils": "^0.2.10"
       }
     },
@@ -1232,16 +1235,16 @@
       }
     },
     "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-beta.19",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.19.tgz",
-      "integrity": "sha512-3FL3mnMbPu0muGOCaKAhhFEYmqv9eTfPSJRJmANrCwtgK8VuxpsZDGK+m0LYAGoyO8+0j5uRe4PeyPDK1yA/hA==",
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.44.1.tgz",
-      "integrity": "sha512-JAcBr1+fgqx20m7Fwe1DxPUl/hPkee6jA6Pl7n1v2EFiktAHenTaXl5aIFjUIEsfn9w3HE4gK1lEgNGMzBDs1w==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.46.2.tgz",
+      "integrity": "sha512-Zj3Hl6sN34xJtMv7Anwb5Gu01yujyE/cLBDB2gnHTAHaWS1Z38L7kuSG+oAh0giZMqG060f/YBStXtMH6FvPMA==",
       "cpu": [
         "arm"
       ],
@@ -1253,9 +1256,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.44.1.tgz",
-      "integrity": "sha512-RurZetXqTu4p+G0ChbnkwBuAtwAbIwJkycw1n6GvlGlBuS4u5qlr5opix8cBAYFJgaY05TWtM+LaoFggUmbZEQ==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.46.2.tgz",
+      "integrity": "sha512-nTeCWY83kN64oQ5MGz3CgtPx8NSOhC5lWtsjTs+8JAJNLcP3QbLCtDDgUKQc/Ro/frpMq4SHUaHN6AMltcEoLQ==",
       "cpu": [
         "arm64"
       ],
@@ -1267,9 +1270,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.44.1.tgz",
-      "integrity": "sha512-fM/xPesi7g2M7chk37LOnmnSTHLG/v2ggWqKj3CCA1rMA4mm5KVBT1fNoswbo1JhPuNNZrVwpTvlCVggv8A2zg==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.46.2.tgz",
+      "integrity": "sha512-HV7bW2Fb/F5KPdM/9bApunQh68YVDU8sO8BvcW9OngQVN3HHHkw99wFupuUJfGR9pYLLAjcAOA6iO+evsbBaPQ==",
       "cpu": [
         "arm64"
       ],
@@ -1281,9 +1284,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.44.1.tgz",
-      "integrity": "sha512-gDnWk57urJrkrHQ2WVx9TSVTH7lSlU7E3AFqiko+bgjlh78aJ88/3nycMax52VIVjIm3ObXnDL2H00e/xzoipw==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.46.2.tgz",
+      "integrity": "sha512-SSj8TlYV5nJixSsm/y3QXfhspSiLYP11zpfwp6G/YDXctf3Xkdnk4woJIF5VQe0of2OjzTt8EsxnJDCdHd2xMA==",
       "cpu": [
         "x64"
       ],
@@ -1295,9 +1298,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.44.1.tgz",
-      "integrity": "sha512-wnFQmJ/zPThM5zEGcnDcCJeYJgtSLjh1d//WuHzhf6zT3Md1BvvhJnWoy+HECKu2bMxaIcfWiu3bJgx6z4g2XA==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.46.2.tgz",
+      "integrity": "sha512-ZyrsG4TIT9xnOlLsSSi9w/X29tCbK1yegE49RYm3tu3wF1L/B6LVMqnEWyDB26d9Ecx9zrmXCiPmIabVuLmNSg==",
       "cpu": [
         "arm64"
       ],
@@ -1309,9 +1312,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.44.1.tgz",
-      "integrity": "sha512-uBmIxoJ4493YATvU2c0upGz87f99e3wop7TJgOA/bXMFd2SvKCI7xkxY/5k50bv7J6dw1SXT4MQBQSLn8Bb/Uw==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.46.2.tgz",
+      "integrity": "sha512-pCgHFoOECwVCJ5GFq8+gR8SBKnMO+xe5UEqbemxBpCKYQddRQMgomv1104RnLSg7nNvgKy05sLsY51+OVRyiVw==",
       "cpu": [
         "x64"
       ],
@@ -1323,9 +1326,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.44.1.tgz",
-      "integrity": "sha512-n0edDmSHlXFhrlmTK7XBuwKlG5MbS7yleS1cQ9nn4kIeW+dJH+ExqNgQ0RrFRew8Y+0V/x6C5IjsHrJmiHtkxQ==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.46.2.tgz",
+      "integrity": "sha512-EtP8aquZ0xQg0ETFcxUbU71MZlHaw9MChwrQzatiE8U/bvi5uv/oChExXC4mWhjiqK7azGJBqU0tt5H123SzVA==",
       "cpu": [
         "arm"
       ],
@@ -1337,9 +1340,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.44.1.tgz",
-      "integrity": "sha512-8WVUPy3FtAsKSpyk21kV52HCxB+me6YkbkFHATzC2Yd3yuqHwy2lbFL4alJOLXKljoRw08Zk8/xEj89cLQ/4Nw==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.46.2.tgz",
+      "integrity": "sha512-qO7F7U3u1nfxYRPM8HqFtLd+raev2K137dsV08q/LRKRLEc7RsiDWihUnrINdsWQxPR9jqZ8DIIZ1zJJAm5PjQ==",
       "cpu": [
         "arm"
       ],
@@ -1351,9 +1354,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.44.1.tgz",
-      "integrity": "sha512-yuktAOaeOgorWDeFJggjuCkMGeITfqvPgkIXhDqsfKX8J3jGyxdDZgBV/2kj/2DyPaLiX6bPdjJDTu9RB8lUPQ==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.46.2.tgz",
+      "integrity": "sha512-3dRaqLfcOXYsfvw5xMrxAk9Lb1f395gkoBYzSFcc/scgRFptRXL9DOaDpMiehf9CO8ZDRJW2z45b6fpU5nwjng==",
       "cpu": [
         "arm64"
       ],
@@ -1365,9 +1368,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.44.1.tgz",
-      "integrity": "sha512-W+GBM4ifET1Plw8pdVaecwUgxmiH23CfAUj32u8knq0JPFyK4weRy6H7ooxYFD19YxBulL0Ktsflg5XS7+7u9g==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.46.2.tgz",
+      "integrity": "sha512-fhHFTutA7SM+IrR6lIfiHskxmpmPTJUXpWIsBXpeEwNgZzZZSg/q4i6FU4J8qOGyJ0TR+wXBwx/L7Ho9z0+uDg==",
       "cpu": [
         "arm64"
       ],
@@ -1379,9 +1382,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.44.1.tgz",
-      "integrity": "sha512-1zqnUEMWp9WrGVuVak6jWTl4fEtrVKfZY7CvcBmUUpxAJ7WcSowPSAWIKa/0o5mBL/Ij50SIf9tuirGx63Ovew==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.46.2.tgz",
+      "integrity": "sha512-i7wfGFXu8x4+FRqPymzjD+Hyav8l95UIZ773j7J7zRYc3Xsxy2wIn4x+llpunexXe6laaO72iEjeeGyUFmjKeA==",
       "cpu": [
         "loong64"
       ],
@@ -1392,10 +1395,10 @@
         "linux"
       ]
     },
-    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.44.1.tgz",
-      "integrity": "sha512-Rl3JKaRu0LHIx7ExBAAnf0JcOQetQffaw34T8vLlg9b1IhzcBgaIdnvEbbsZq9uZp3uAH+JkHd20Nwn0h9zPjA==",
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.46.2.tgz",
+      "integrity": "sha512-B/l0dFcHVUnqcGZWKcWBSV2PF01YUt0Rvlurci5P+neqY/yMKchGU8ullZvIv5e8Y1C6wOn+U03mrDylP5q9Yw==",
       "cpu": [
         "ppc64"
       ],
@@ -1407,9 +1410,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.44.1.tgz",
-      "integrity": "sha512-j5akelU3snyL6K3N/iX7otLBIl347fGwmd95U5gS/7z6T4ftK288jKq3A5lcFKcx7wwzb5rgNvAg3ZbV4BqUSw==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.46.2.tgz",
+      "integrity": "sha512-32k4ENb5ygtkMwPMucAb8MtV8olkPT03oiTxJbgkJa7lJ7dZMr0GCFJlyvy+K8iq7F/iuOr41ZdUHaOiqyR3iQ==",
       "cpu": [
         "riscv64"
       ],
@@ -1421,9 +1424,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.44.1.tgz",
-      "integrity": "sha512-ppn5llVGgrZw7yxbIm8TTvtj1EoPgYUAbfw0uDjIOzzoqlZlZrLJ/KuiE7uf5EpTpCTrNt1EdtzF0naMm0wGYg==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.46.2.tgz",
+      "integrity": "sha512-t5B2loThlFEauloaQkZg9gxV05BYeITLvLkWOkRXogP4qHXLkWSbSHKM9S6H1schf/0YGP/qNKtiISlxvfmmZw==",
       "cpu": [
         "riscv64"
       ],
@@ -1435,9 +1438,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.44.1.tgz",
-      "integrity": "sha512-Hu6hEdix0oxtUma99jSP7xbvjkUM/ycke/AQQ4EC5g7jNRLLIwjcNwaUy95ZKBJJwg1ZowsclNnjYqzN4zwkAw==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.46.2.tgz",
+      "integrity": "sha512-YKjekwTEKgbB7n17gmODSmJVUIvj8CX7q5442/CK80L8nqOUbMtf8b01QkG3jOqyr1rotrAnW6B/qiHwfcuWQA==",
       "cpu": [
         "s390x"
       ],
@@ -1449,9 +1452,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.1.tgz",
-      "integrity": "sha512-EtnsrmZGomz9WxK1bR5079zee3+7a+AdFlghyd6VbAjgRJDbTANJ9dcPIPAi76uG05micpEL+gPGmAKYTschQw==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.46.2.tgz",
+      "integrity": "sha512-Jj5a9RUoe5ra+MEyERkDKLwTXVu6s3aACP51nkfnK9wJTraCC8IMe3snOfALkrjTYd2G1ViE1hICj0fZ7ALBPA==",
       "cpu": [
         "x64"
       ],
@@ -1463,9 +1466,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.44.1.tgz",
-      "integrity": "sha512-iAS4p+J1az6Usn0f8xhgL4PaU878KEtutP4hqw52I4IO6AGoyOkHCxcc4bqufv1tQLdDWFx8lR9YlwxKuv3/3g==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.46.2.tgz",
+      "integrity": "sha512-7kX69DIrBeD7yNp4A5b81izs8BqoZkCIaxQaOpumcJ1S/kmqNFjPhDu1LHeVXv0SexfHQv5cqHsxLOjETuqDuA==",
       "cpu": [
         "x64"
       ],
@@ -1477,9 +1480,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.44.1.tgz",
-      "integrity": "sha512-NtSJVKcXwcqozOl+FwI41OH3OApDyLk3kqTJgx8+gp6On9ZEt5mYhIsKNPGuaZr3p9T6NWPKGU/03Vw4CNU9qg==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.46.2.tgz",
+      "integrity": "sha512-wiJWMIpeaak/jsbaq2HMh/rzZxHVW1rU6coyeNNpMwk5isiPjSTx0a4YLSlYDwBH/WBvLz+EtsNqQScZTLJy3g==",
       "cpu": [
         "arm64"
       ],
@@ -1491,9 +1494,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.44.1.tgz",
-      "integrity": "sha512-JYA3qvCOLXSsnTR3oiyGws1Dm0YTuxAAeaYGVlGpUsHqloPcFjPg+X0Fj2qODGLNwQOAcCiQmHub/V007kiH5A==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.46.2.tgz",
+      "integrity": "sha512-gBgaUDESVzMgWZhcyjfs9QFK16D8K6QZpwAaVNJxYDLHWayOta4ZMjGm/vsAEy3hvlS2GosVFlBlP9/Wb85DqQ==",
       "cpu": [
         "ia32"
       ],
@@ -1505,9 +1508,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.44.1.tgz",
-      "integrity": "sha512-J8o22LuF0kTe7m+8PvW9wk3/bRq5+mRo5Dqo6+vXb7otCm3TPhYOJqOaQtGU9YMWQSL3krMnoOxMr0+9E6F3Ug==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.46.2.tgz",
+      "integrity": "sha512-CvUo2ixeIQGtF6WvuB87XWqPQkoFAFqW+HUo/WzHwuHDvIwZCtjdWXoYCcr06iKGydiqTclC4jU/TNObC/xKZg==",
       "cpu": [
         "x64"
       ],
@@ -1831,13 +1834,13 @@
       }
     },
     "node_modules/@types/babel__traverse": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz",
-      "integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.20.7"
+        "@babel/types": "^7.28.2"
       }
     },
     "node_modules/@types/estree": {
@@ -1862,18 +1865,18 @@
       "license": "MIT"
     },
     "node_modules/@types/react": {
-      "version": "19.1.8",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz",
-      "integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==",
+      "version": "19.1.9",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.9.tgz",
+      "integrity": "sha512-WmdoynAX8Stew/36uTSVMcLJJ1KRh6L3IZRx1PZ7qJtBqT3dYTgyDTx8H1qoRghErydW7xw9mSJ3wS//tCRpFA==",
       "license": "MIT",
       "dependencies": {
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "19.1.6",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.6.tgz",
-      "integrity": "sha512-4hOiT/dwO8Ko0gV1m/TJZYk3y0KBnY9vzDh7W+DH17b2HFSOGgdj33dhihPeuy3l0q23+4e+hoXHV6hCC4dCXw==",
+      "version": "19.1.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.7.tgz",
+      "integrity": "sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -1890,17 +1893,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.35.1.tgz",
-      "integrity": "sha512-9XNTlo7P7RJxbVeICaIIIEipqxLKguyh+3UbXuT2XQuFp6d8VOeDEGuz5IiX0dgZo8CiI6aOFLg4e8cF71SFVg==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.38.0.tgz",
+      "integrity": "sha512-CPoznzpuAnIOl4nhj4tRr4gIPj5AfKgkiJmGQDaq+fQnRJTYlcBjbX3wbciGmpoPf8DREufuPRe1tNMZnGdanA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.35.1",
-        "@typescript-eslint/type-utils": "8.35.1",
-        "@typescript-eslint/utils": "8.35.1",
-        "@typescript-eslint/visitor-keys": "8.35.1",
+        "@typescript-eslint/scope-manager": "8.38.0",
+        "@typescript-eslint/type-utils": "8.38.0",
+        "@typescript-eslint/utils": "8.38.0",
+        "@typescript-eslint/visitor-keys": "8.38.0",
         "graphemer": "^1.4.0",
         "ignore": "^7.0.0",
         "natural-compare": "^1.4.0",
@@ -1914,7 +1917,7 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.35.1",
+        "@typescript-eslint/parser": "^8.38.0",
         "eslint": "^8.57.0 || ^9.0.0",
         "typescript": ">=4.8.4 <5.9.0"
       }
@@ -1930,16 +1933,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.35.1.tgz",
-      "integrity": "sha512-3MyiDfrfLeK06bi/g9DqJxP5pV74LNv4rFTyvGDmT3x2p1yp1lOd+qYZfiRPIOf/oON+WRZR5wxxuF85qOar+w==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.38.0.tgz",
+      "integrity": "sha512-Zhy8HCvBUEfBECzIl1PKqF4p11+d0aUJS1GeUiuqK9WmOug8YCmC4h4bjyBvMyAMI9sbRczmrYL5lKg/YMbrcQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.35.1",
-        "@typescript-eslint/types": "8.35.1",
-        "@typescript-eslint/typescript-estree": "8.35.1",
-        "@typescript-eslint/visitor-keys": "8.35.1",
+        "@typescript-eslint/scope-manager": "8.38.0",
+        "@typescript-eslint/types": "8.38.0",
+        "@typescript-eslint/typescript-estree": "8.38.0",
+        "@typescript-eslint/visitor-keys": "8.38.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1955,14 +1958,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.35.1.tgz",
-      "integrity": "sha512-VYxn/5LOpVxADAuP3NrnxxHYfzVtQzLKeldIhDhzC8UHaiQvYlXvKuVho1qLduFbJjjy5U5bkGwa3rUGUb1Q6Q==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.38.0.tgz",
+      "integrity": "sha512-dbK7Jvqcb8c9QfH01YB6pORpqX1mn5gDZc9n63Ak/+jD67oWXn3Gs0M6vddAN+eDXBCS5EmNWzbSxsn9SzFWWg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.35.1",
-        "@typescript-eslint/types": "^8.35.1",
+        "@typescript-eslint/tsconfig-utils": "^8.38.0",
+        "@typescript-eslint/types": "^8.38.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1977,14 +1980,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.35.1.tgz",
-      "integrity": "sha512-s/Bpd4i7ht2934nG+UoSPlYXd08KYz3bmjLEb7Ye1UVob0d1ENiT3lY8bsCmik4RqfSbPw9xJJHbugpPpP5JUg==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.38.0.tgz",
+      "integrity": "sha512-WJw3AVlFFcdT9Ri1xs/lg8LwDqgekWXWhH3iAF+1ZM+QPd7oxQ6jvtW/JPwzAScxitILUIFs0/AnQ/UWHzbATQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.35.1",
-        "@typescript-eslint/visitor-keys": "8.35.1"
+        "@typescript-eslint/types": "8.38.0",
+        "@typescript-eslint/visitor-keys": "8.38.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1995,9 +1998,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.35.1.tgz",
-      "integrity": "sha512-K5/U9VmT9dTHoNowWZpz+/TObS3xqC5h0xAIjXPw+MNcKV9qg6eSatEnmeAwkjHijhACH0/N7bkhKvbt1+DXWQ==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.38.0.tgz",
+      "integrity": "sha512-Lum9RtSE3EroKk/bYns+sPOodqb2Fv50XOl/gMviMKNvanETUuUcC9ObRbzrJ4VSd2JalPqgSAavwrPiPvnAiQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2012,14 +2015,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.35.1.tgz",
-      "integrity": "sha512-HOrUBlfVRz5W2LIKpXzZoy6VTZzMu2n8q9C2V/cFngIC5U1nStJgv0tMV4sZPzdf4wQm9/ToWUFPMN9Vq9VJQQ==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.38.0.tgz",
+      "integrity": "sha512-c7jAvGEZVf0ao2z+nnz8BUaHZD09Agbh+DY7qvBQqLiz8uJzRgVPj5YvOh8I8uEiH8oIUGIfHzMwUcGVco/SJg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.35.1",
-        "@typescript-eslint/utils": "8.35.1",
+        "@typescript-eslint/types": "8.38.0",
+        "@typescript-eslint/typescript-estree": "8.38.0",
+        "@typescript-eslint/utils": "8.38.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^2.1.0"
       },
@@ -2036,9 +2040,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.35.1.tgz",
-      "integrity": "sha512-q/O04vVnKHfrrhNAscndAn1tuQhIkwqnaW+eu5waD5IPts2eX1dgJxgqcPx5BX109/qAz7IG6VrEPTOYKCNfRQ==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.38.0.tgz",
+      "integrity": "sha512-wzkUfX3plUqij4YwWaJyqhiPE5UCRVlFpKn1oCRn2O1bJ592XxWJj8ROQ3JD5MYXLORW84063z3tZTb/cs4Tyw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2050,16 +2054,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.35.1.tgz",
-      "integrity": "sha512-Vvpuvj4tBxIka7cPs6Y1uvM7gJgdF5Uu9F+mBJBPY4MhvjrjWGK4H0lVgLJd/8PWZ23FTqsaJaLEkBCFUk8Y9g==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.38.0.tgz",
+      "integrity": "sha512-fooELKcAKzxux6fA6pxOflpNS0jc+nOQEEOipXFNjSlBS6fqrJOVY/whSn70SScHrcJ2LDsxWrneFoWYSVfqhQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.35.1",
-        "@typescript-eslint/tsconfig-utils": "8.35.1",
-        "@typescript-eslint/types": "8.35.1",
-        "@typescript-eslint/visitor-keys": "8.35.1",
+        "@typescript-eslint/project-service": "8.38.0",
+        "@typescript-eslint/tsconfig-utils": "8.38.0",
+        "@typescript-eslint/types": "8.38.0",
+        "@typescript-eslint/visitor-keys": "8.38.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
@@ -2118,16 +2122,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.35.1.tgz",
-      "integrity": "sha512-lhnwatFmOFcazAsUm3ZnZFpXSxiwoa1Lj50HphnDe1Et01NF4+hrdXONSUHIcbVu2eFb1bAf+5yjXkGVkXBKAQ==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.38.0.tgz",
+      "integrity": "sha512-hHcMA86Hgt+ijJlrD8fX0j1j8w4C92zue/8LOPAFioIno+W0+L7KqE8QZKCcPGc/92Vs9x36w/4MPTJhqXdyvg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.35.1",
-        "@typescript-eslint/types": "8.35.1",
-        "@typescript-eslint/typescript-estree": "8.35.1"
+        "@typescript-eslint/scope-manager": "8.38.0",
+        "@typescript-eslint/types": "8.38.0",
+        "@typescript-eslint/typescript-estree": "8.38.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2142,13 +2146,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.35.1.tgz",
-      "integrity": "sha512-VRwixir4zBWCSTP/ljEo091lbpypz57PoeAQ9imjG+vbeof9LplljsL1mos4ccG6H9IjfrVGM359RozUnuFhpw==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.38.0.tgz",
+      "integrity": "sha512-pWrTcoFNWuwHlA9CvlfSsGWs14JxfN1TH25zM5L7o0pRLhsoZkDnTsXfQRJBEWJoV5DL0jf+Z+sxiud+K0mq1g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.35.1",
+        "@typescript-eslint/types": "8.38.0",
         "eslint-visitor-keys": "^4.2.1"
       },
       "engines": {
@@ -2160,16 +2164,16 @@
       }
     },
     "node_modules/@vitejs/plugin-react": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.6.0.tgz",
-      "integrity": "sha512-5Kgff+m8e2PB+9j51eGHEpn5kUzRKH2Ry0qGoe8ItJg7pqnkPrYPkDQZGgGmTa0EGarHrkjLvOdU3b1fzI8otQ==",
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/core": "^7.27.4",
+        "@babel/core": "^7.28.0",
         "@babel/plugin-transform-react-jsx-self": "^7.27.1",
         "@babel/plugin-transform-react-jsx-source": "^7.27.1",
-        "@rolldown/pluginutils": "1.0.0-beta.19",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
         "@types/babel__core": "^7.20.5",
         "react-refresh": "^0.17.0"
       },
@@ -2177,7 +2181,7 @@
         "node": "^14.18.0 || >=16.0.0"
       },
       "peerDependencies": {
-        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0"
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
       }
     },
     "node_modules/acorn": {
@@ -2368,9 +2372,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001726",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001726.tgz",
-      "integrity": "sha512-VQAUIUzBiZ/UnlM28fSp2CRF3ivUn1BWEvxMcVTNwpw91Py1pGbPIyIKtd+tzct9C3ouceCVdGAXxZOpZAsgdw==",
+      "version": "1.0.30001731",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001731.tgz",
+      "integrity": "sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==",
       "dev": true,
       "funding": [
         {
@@ -2590,9 +2594,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.178",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.178.tgz",
-      "integrity": "sha512-wObbz/ar3Bc6e4X5vf0iO8xTN8YAjN/tgiAOJLr7yjYFtP9wAjq8Mb5h0yn6kResir+VYx2DXBj9NNobs0ETSA==",
+      "version": "1.5.194",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.194.tgz",
+      "integrity": "sha512-SdnWJwSUot04UR51I2oPD8kuP2VI37/CADR1OHsFOUzZIvfWJBO6q11k5P/uKNyTT3cdOsnyjkrZ+DDShqYqJA==",
       "dev": true,
       "license": "ISC"
     },
@@ -2665,9 +2669,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz",
-      "integrity": "sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ==",
+      "version": "0.25.8",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.8.tgz",
+      "integrity": "sha512-vVC0USHGtMi8+R4Kz8rt6JhEWLxsv9Rnu/lGYbPR8u47B+DCBksq9JarW0zOO7bs37hyOK1l2/oqtbciutL5+Q==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
@@ -2678,31 +2682,32 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.5",
-        "@esbuild/android-arm": "0.25.5",
-        "@esbuild/android-arm64": "0.25.5",
-        "@esbuild/android-x64": "0.25.5",
-        "@esbuild/darwin-arm64": "0.25.5",
-        "@esbuild/darwin-x64": "0.25.5",
-        "@esbuild/freebsd-arm64": "0.25.5",
-        "@esbuild/freebsd-x64": "0.25.5",
-        "@esbuild/linux-arm": "0.25.5",
-        "@esbuild/linux-arm64": "0.25.5",
-        "@esbuild/linux-ia32": "0.25.5",
-        "@esbuild/linux-loong64": "0.25.5",
-        "@esbuild/linux-mips64el": "0.25.5",
-        "@esbuild/linux-ppc64": "0.25.5",
-        "@esbuild/linux-riscv64": "0.25.5",
-        "@esbuild/linux-s390x": "0.25.5",
-        "@esbuild/linux-x64": "0.25.5",
-        "@esbuild/netbsd-arm64": "0.25.5",
-        "@esbuild/netbsd-x64": "0.25.5",
-        "@esbuild/openbsd-arm64": "0.25.5",
-        "@esbuild/openbsd-x64": "0.25.5",
-        "@esbuild/sunos-x64": "0.25.5",
-        "@esbuild/win32-arm64": "0.25.5",
-        "@esbuild/win32-ia32": "0.25.5",
-        "@esbuild/win32-x64": "0.25.5"
+        "@esbuild/aix-ppc64": "0.25.8",
+        "@esbuild/android-arm": "0.25.8",
+        "@esbuild/android-arm64": "0.25.8",
+        "@esbuild/android-x64": "0.25.8",
+        "@esbuild/darwin-arm64": "0.25.8",
+        "@esbuild/darwin-x64": "0.25.8",
+        "@esbuild/freebsd-arm64": "0.25.8",
+        "@esbuild/freebsd-x64": "0.25.8",
+        "@esbuild/linux-arm": "0.25.8",
+        "@esbuild/linux-arm64": "0.25.8",
+        "@esbuild/linux-ia32": "0.25.8",
+        "@esbuild/linux-loong64": "0.25.8",
+        "@esbuild/linux-mips64el": "0.25.8",
+        "@esbuild/linux-ppc64": "0.25.8",
+        "@esbuild/linux-riscv64": "0.25.8",
+        "@esbuild/linux-s390x": "0.25.8",
+        "@esbuild/linux-x64": "0.25.8",
+        "@esbuild/netbsd-arm64": "0.25.8",
+        "@esbuild/netbsd-x64": "0.25.8",
+        "@esbuild/openbsd-arm64": "0.25.8",
+        "@esbuild/openbsd-x64": "0.25.8",
+        "@esbuild/openharmony-arm64": "0.25.8",
+        "@esbuild/sunos-x64": "0.25.8",
+        "@esbuild/win32-arm64": "0.25.8",
+        "@esbuild/win32-ia32": "0.25.8",
+        "@esbuild/win32-x64": "0.25.8"
       }
     },
     "node_modules/escalade": {
@@ -2728,9 +2733,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.30.1",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.30.1.tgz",
-      "integrity": "sha512-zmxXPNMOXmwm9E0yQLi5uqXHs7uq2UIiqEKo3Gq+3fwo1XrJ+hijAZImyF7hclW3E6oHz43Yk3RP8at6OTKflQ==",
+      "version": "9.32.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.32.0.tgz",
+      "integrity": "sha512-LSehfdpgMeWcTZkWZVIJl+tkZ2nuSkyyB9C27MZqFWXuph7DvaowgcTvKqxvpLW1JZIk8PN7hFY3Rj9LQ7m7lg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -2739,10 +2744,10 @@
         "@eslint-community/regexpp": "^4.12.1",
         "@eslint/config-array": "^0.21.0",
         "@eslint/config-helpers": "^0.3.0",
-        "@eslint/core": "^0.14.0",
+        "@eslint/core": "^0.15.0",
         "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.30.1",
-        "@eslint/plugin-kit": "^0.3.1",
+        "@eslint/js": "9.32.0",
+        "@eslint/plugin-kit": "^0.3.4",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
@@ -3379,9 +3384,9 @@
       "peer": true
     },
     "node_modules/jiti": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
-      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.5.1.tgz",
+      "integrity": "sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -4197,9 +4202,9 @@
       "license": "MIT"
     },
     "node_modules/react": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
-      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+      "version": "19.1.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.1.1.tgz",
+      "integrity": "sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==",
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -4215,15 +4220,15 @@
       }
     },
     "node_modules/react-dom": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
-      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+      "version": "19.1.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.1.tgz",
+      "integrity": "sha512-Dlq/5LAZgF0Gaz6yiqZCf6VCcZs1ghAJyrsu84Q/GT0gV+mCxbfmKNoGRKBYMJ8IEdGPqu49YWXD02GCknEDkw==",
       "license": "MIT",
       "dependencies": {
         "scheduler": "^0.26.0"
       },
       "peerDependencies": {
-        "react": "^19.1.0"
+        "react": "^19.1.1"
       }
     },
     "node_modules/react-hot-toast": {
@@ -4260,9 +4265,9 @@
       }
     },
     "node_modules/react-router": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.6.3.tgz",
-      "integrity": "sha512-zf45LZp5skDC6I3jDLXQUu0u26jtuP4lEGbc7BbdyxenBN1vJSTA18czM2D+h5qyMBuMrD+9uB+mU37HIoKGRA==",
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.7.1.tgz",
+      "integrity": "sha512-jVKHXoWRIsD/qS6lvGveckwb862EekvapdHJN/cGmzw40KnJH5gg53ujOJ4qX6EKIK9LSBfFed/xiQ5yeXNrUA==",
       "license": "MIT",
       "dependencies": {
         "cookie": "^1.0.1",
@@ -4282,12 +4287,12 @@
       }
     },
     "node_modules/react-router-dom": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.6.3.tgz",
-      "integrity": "sha512-DiWJm9qdUAmiJrVWaeJdu4TKu13+iB/8IEi0EW/XgaHCjW/vWGrwzup0GVvaMteuZjKnh5bEvJP/K0MDnzawHw==",
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.7.1.tgz",
+      "integrity": "sha512-bavdk2BA5r3MYalGKZ01u8PGuDBloQmzpBZVhDLrOOv1N943Wq6dcM9GhB3x8b7AbqPMEezauv4PeGkAJfy7FQ==",
       "license": "MIT",
       "dependencies": {
-        "react-router": "7.6.3"
+        "react-router": "7.7.1"
       },
       "engines": {
         "node": ">=20.0.0"
@@ -4375,9 +4380,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.44.1.tgz",
-      "integrity": "sha512-x8H8aPvD+xbl0Do8oez5f5o8eMS3trfCghc4HhLAnCkj7Vl0d1JWGs0UF/D886zLW2rOj2QymV/JcSSsw+XDNg==",
+      "version": "4.46.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.46.2.tgz",
+      "integrity": "sha512-WMmLFI+Boh6xbop+OAGo9cQ3OgX9MIg7xOQjn+pTCwOkk+FNDAeAemXkJ3HzDJrVXleLOFVa1ipuc1AmEx1Dwg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4391,26 +4396,26 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.44.1",
-        "@rollup/rollup-android-arm64": "4.44.1",
-        "@rollup/rollup-darwin-arm64": "4.44.1",
-        "@rollup/rollup-darwin-x64": "4.44.1",
-        "@rollup/rollup-freebsd-arm64": "4.44.1",
-        "@rollup/rollup-freebsd-x64": "4.44.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.44.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.44.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.44.1",
-        "@rollup/rollup-linux-arm64-musl": "4.44.1",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.44.1",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.44.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.44.1",
-        "@rollup/rollup-linux-riscv64-musl": "4.44.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.44.1",
-        "@rollup/rollup-linux-x64-gnu": "4.44.1",
-        "@rollup/rollup-linux-x64-musl": "4.44.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.44.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.44.1",
-        "@rollup/rollup-win32-x64-msvc": "4.44.1",
+        "@rollup/rollup-android-arm-eabi": "4.46.2",
+        "@rollup/rollup-android-arm64": "4.46.2",
+        "@rollup/rollup-darwin-arm64": "4.46.2",
+        "@rollup/rollup-darwin-x64": "4.46.2",
+        "@rollup/rollup-freebsd-arm64": "4.46.2",
+        "@rollup/rollup-freebsd-x64": "4.46.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.46.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.46.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.46.2",
+        "@rollup/rollup-linux-arm64-musl": "4.46.2",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.46.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.46.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.46.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.46.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.46.2",
+        "@rollup/rollup-linux-x64-gnu": "4.46.2",
+        "@rollup/rollup-linux-x64-musl": "4.46.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.46.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.46.2",
+        "@rollup/rollup-win32-x64-msvc": "4.46.2",
         "fsevents": "~2.3.2"
       }
     },
@@ -4647,9 +4652,9 @@
       }
     },
     "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4714,15 +4719,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.35.1.tgz",
-      "integrity": "sha512-xslJjFzhOmHYQzSB/QTeASAHbjmxOGEP6Coh93TXmUBFQoJ1VU35UHIDmG06Jd6taf3wqqC1ntBnCMeymy5Ovw==",
+      "version": "8.38.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.38.0.tgz",
+      "integrity": "sha512-FsZlrYK6bPDGoLeZRuvx2v6qrM03I0U0SnfCLPs/XCCPCFD80xU9Pg09H/K+XFa68uJuZo7l/Xhs+eDRg2l3hg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.35.1",
-        "@typescript-eslint/parser": "8.35.1",
-        "@typescript-eslint/utils": "8.35.1"
+        "@typescript-eslint/eslint-plugin": "8.38.0",
+        "@typescript-eslint/parser": "8.38.0",
+        "@typescript-eslint/typescript-estree": "8.38.0",
+        "@typescript-eslint/utils": "8.38.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4793,15 +4799,15 @@
       }
     },
     "node_modules/vite": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.0.tgz",
-      "integrity": "sha512-ixXJB1YRgDIw2OszKQS9WxGHKwLdCsbQNkpJN171udl6szi/rIySHL6/Os3s2+oE4P/FLD4dxg4mD7Wust+u5g==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.6.tgz",
+      "integrity": "sha512-MHFiOENNBd+Bd9uvc8GEsIzdkn1JxMmEeYX35tI3fv0sJBUTfW5tQsoaOwuY4KhBI09A3dUJ/DXf2yxPVPUceg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.6",
-        "picomatch": "^4.0.2",
+        "picomatch": "^4.0.3",
         "postcss": "^8.5.6",
         "rollup": "^4.40.0",
         "tinyglobby": "^0.2.14"
@@ -4883,9 +4889,9 @@
       }
     },
     "node_modules/vite/node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4960,9 +4966,9 @@
       }
     },
     "node_modules/zustand": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.6.tgz",
-      "integrity": "sha512-ihAqNeUVhe0MAD+X8M5UzqyZ9k3FFZLBTtqo6JLPwV53cbRB/mJwBI0PxcIgqhBBHlEs8G45OTDTMq3gNcLq3A==",
+      "version": "5.0.7",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.7.tgz",
+      "integrity": "sha512-Ot6uqHDW/O2VdYsKLLU8GQu8sCOM1LcoE8RwvLv9uuRT9s6SOHCKs0ZEOhxg+I1Ld+A1Q5lwx+UlKXXUoCZITg==",
       "license": "MIT",
       "engines": {
         "node": ">=12.20.0"

From de772fefcd7723e4c214b7cfdfe857bac6a08885 Mon Sep 17 00:00:00 2001
From: goorm <goorm@goormui-MacBookPro.local>
Date: Sun, 3 Aug 2025 01:50:28 +0900
Subject: [PATCH 08/11] fix: exclude reserve components from TypeScript
 compilation

---
 tsconfig.app.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/tsconfig.app.json b/tsconfig.app.json
index 227a6c6..73cda7c 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -23,5 +23,6 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": ["**/reserve/**", "**/*reserve*", "node_modules", "dist"]
 }

From d59f2cec091fbce6f343087a18ade140368e08cd Mon Sep 17 00:00:00 2001
From: goorm <goorm@goormui-MacBookPro.local>
Date: Sun, 3 Aug 2025 01:53:03 +0900
Subject: [PATCH 09/11] fix: comprehensive exclusion of reserve components from
 build process

---
 .gitignore        |  4 ++++
 tsconfig.app.json | 14 ++++++++++++--
 vite.config.ts    |  5 +++++
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index f6b532f..934c052 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,6 +12,10 @@ dist
 dist-ssr
 *.local
 
+# Reserve components (temporary exclusion)
+src/components/reserve/
+**/reserve/
+
 # Environment variables
 .env
 .env.local
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 73cda7c..0f684b4 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -23,6 +23,16 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["src"],
-  "exclude": ["**/reserve/**", "**/*reserve*", "node_modules", "dist"]
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/reserve/**/*",
+    "**/*reserve*",
+    "src/components/reserve/**/*"
+  ]
 }
diff --git a/vite.config.ts b/vite.config.ts
index 79b7a48..b334983 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,6 +5,11 @@ import tailwindcss from "@tailwindcss/vite";
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react(), tailwindcss()],
+  build: {
+    rollupOptions: {
+      external: [/\/reserve\//],
+    },
+  },
   server: {
     proxy: {
       "/api": {

From c2a4b899f942bf30926b66dd75d667fc553a4dac Mon Sep 17 00:00:00 2001
From: goorm <goorm@goormui-MacBookPro.local>
Date: Sun, 3 Aug 2025 01:54:48 +0900
Subject: [PATCH 10/11] fix: disable noUnusedLocals and noUnusedParameters to
 resolve build errors

---
 .gitignore        |  4 ----
 tsconfig.app.json | 17 +++--------------
 vite.config.ts    |  5 -----
 3 files changed, 3 insertions(+), 23 deletions(-)

diff --git a/.gitignore b/.gitignore
index 934c052..f6b532f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,10 +12,6 @@ dist
 dist-ssr
 *.local
 
-# Reserve components (temporary exclusion)
-src/components/reserve/
-**/reserve/
-
 # Environment variables
 .env
 .env.local
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 0f684b4..c98c841 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -17,22 +17,11 @@
 
     /* Linting */
     "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "**/*.test.ts",
-    "**/*.test.tsx",
-    "**/reserve/**/*",
-    "**/*reserve*",
-    "src/components/reserve/**/*"
-  ]
+  "include": ["src"]
 }
diff --git a/vite.config.ts b/vite.config.ts
index b334983..79b7a48 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,11 +5,6 @@ import tailwindcss from "@tailwindcss/vite";
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react(), tailwindcss()],
-  build: {
-    rollupOptions: {
-      external: [/\/reserve\//],
-    },
-  },
   server: {
     proxy: {
       "/api": {

From a977d7e3d89ba520ad754d3378cec1cf3b82363c Mon Sep 17 00:00:00 2001
From: 6108 <>
Date: Sun, 3 Aug 2025 01:54:59 +0900
Subject: [PATCH 11/11] =?UTF-8?q?feat:=20=EC=98=88=EC=95=BD=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/ReserveAlert.tsx |  51 ++++++++
 src/components/reserve/ReserveCard.tsx | 159 ++++++++++++++++---------
 src/pages/Reserve.tsx                  |  29 +++--
 3 files changed, 175 insertions(+), 64 deletions(-)
 create mode 100644 src/components/common/ReserveAlert.tsx

diff --git a/src/components/common/ReserveAlert.tsx b/src/components/common/ReserveAlert.tsx
new file mode 100644
index 0000000..21a7c63
--- /dev/null
+++ b/src/components/common/ReserveAlert.tsx
@@ -0,0 +1,51 @@
+interface ReserveAlertProps {
+  count: number;
+  title: string;
+  onConfirm: () => void;
+
+}
+
+export default function ReserveAlert({
+  count,
+  title,
+  onConfirm,
+}: ReserveAlertProps) {
+  return (
+    <div
+      data-showbuttongroup="true"
+      data-showbuttonmore="true"
+      className="w-150 px-8 pt-6 pb-8 relative bg-white rounded-3xl flex flex-col justify-start items-start gap-8 opacity-100"
+    >
+      <div className="self-stretch flex flex-col justify-start items-start gap-6">
+        <div
+          data-size="medium"
+          className="self-stretch pt-2 inline-flex justify-start items-center"
+        >
+          <div className="flex-1 justify-start text-mint-700 text-2xl font-bold font-pretendard leading-9">
+            예약 알림
+          </div>
+        </div>
+        <div className="self-stretch justify-start text-black text-base font-normal font-pretendard leading-normal">
+          [{title}]을 예약하시겠습니까?
+          <br />
+          <span className="text-mint-700 font-bold">
+            인원 수 : {count}
+          </span>
+          <br />
+        </div>
+      </div>
+      <div className="self-stretch inline-flex justify-end items-center gap-4">
+
+        <button
+          onClick={onConfirm}
+          className="px-6 py-2 bg-mint-600 rounded border border-mint-600 flex justify-center items-center"
+        >
+          <div className="text-center justify-start text-white text-base font-semibold font-pretendard leading-normal">
+            확인
+          </div>
+        </button>
+      </div>
+
+    </div>
+  );
+}
diff --git a/src/components/reserve/ReserveCard.tsx b/src/components/reserve/ReserveCard.tsx
index d4b357d..0e1693c 100644
--- a/src/components/reserve/ReserveCard.tsx
+++ b/src/components/reserve/ReserveCard.tsx
@@ -1,28 +1,57 @@
-import React, { useState, useRef, useEffect } from 'react';
+import { useState, useRef } from 'react';
+import toast, { Toaster } from "react-hot-toast";
 
-export default function ReserveCard() {
+import ReserveAlert from '../common/ReserveAlert';
+
+type ReserveCardProps = {
+  title: string;
+  date: string;
+  address: string;
+  availableCount: number;
+  schedules: string[];        // 체험 일정
+  cautionMessage: string;     // 방문 주의 사항
+};
+
+export default function ReserveCard({
+  title,
+  date,
+  address,
+  availableCount,
+  schedules,
+  cautionMessage
+}: ReserveCardProps) {
   const [isOpen, setIsOpen] = useState(false);
-  const [count, setCount] = useState(0); // 예약 인원 상태
+  const [count, setCount] = useState(0);
   const contentRef = useRef<HTMLDivElement>(null);
-  const [height, setHeight] = useState(0);
-
-  useEffect(() => {
-    if (isOpen && contentRef.current) {
-      setHeight(contentRef.current.scrollHeight);
-    } else {
-      setHeight(0);
-    }
-  }, [isOpen, count]); // count도 포함하여 높이 재계산
+  const [showReserveAlert, setShowReserveAlert] = useState(false);
 
   const handleReserveClick = () => {
     if (!isOpen) {
-      setIsOpen(true); // 펼침
+      setIsOpen(true);
     } else {
-      // 예약 실행 로직 (예시)
-      alert(`예약이 완료되었습니다. 예약 인원: ${count}명`);
+      setShowReserveAlert(true);
     }
   };
 
+  const handleConfirmSubscription = () => {
+    setShowReserveAlert(false);
+    toast.success("예약 확정!", {
+      position: "bottom-center",
+      style: {
+        background: "#10b981",
+        color: "#fff",
+        fontSize: "16px",
+        fontWeight: "600",
+        padding: "12px 20px",
+        borderRadius: "9999px",
+        marginBottom: "100px",
+      },
+      duration: 2000,
+    });
+    setCount(0);
+    console.log("예약 완료");
+  };
+
   const increment = () => {
     setCount((prev) => prev + 1);
   };
@@ -32,81 +61,99 @@ export default function ReserveCard() {
   };
 
   return (
-    <div className="border rounded-xl p-4 shadow-sm mb-4">
+    <div className="border border-gray-300 rounded-xl p-4 shadow-sm mb-4">
       {/* 상단 정보 */}
       <div>
-        <p className="font-bold text-lg">재배 체험</p>
-        <p>00월 00일 0요일 00시 00분</p>
-        <p>주소지</p>
-        <p>00명 예약 가능</p>
+        <p className="font-bold text-xl">{title}</p>
+        <p className="text-mint-700 text-lg my-4">{date}</p>
+        <p className='text-gray-600 mb-2'>{address}</p>
+        <p className='text-gray-600'>{availableCount}명 예약 가능</p>
       </div>
 
-      <hr className="my-2" />
-      <div>
-        <p>체험 일정 1</p>
-        <p>체험 일정 2</p>
-        <p>체험 일정 3</p>
+      <hr className="my-4 text-gray-300" />
+      <div className='mx-2'>
+        {schedules.map((item, idx) => (
+          <p key={idx} className='text-gray-600'>- {item}</p>
+        ))}
       </div>
 
       {/* 애니메이션 영역 */}
       <div
-        style={{ height: `${height}px` }}
-        className="overflow-hidden transition-all duration-700 ease-in-out"
+        className={`
+          overflow-hidden transition-all duration-500 ease-in-out
+          ${isOpen ? 'max-h-[1000px]' : 'max-h-0'}
+        `}
       >
         <div ref={contentRef}>
-          <hr className="my-2" />
+          <hr className="my-4 text-gray-300" />
+
           {/* 방문 예정 인원 */}
-          <div className="flex gap-2 items-center my-2">
-            <span>방문 예정 인원</span>
-            <button
-              onClick={decrement}
-              className="border px-2 py-0.5 rounded select-none"
-              aria-label="인원 감소"
-            >
-              -
-            </button>
-            <span className="min-w-[30px] text-center">{count}명</span>
-            <button
-              onClick={increment}
-              className="border px-2 py-0.5 rounded select-none"
-              aria-label="인원 증가"
-            >
-              +
-            </button>
+          <div className="flex gap-2 items-center my-4 justify-between">
+            <span className='text-lg font-semibold'>방문 예정 인원</span>
+            <div className='border border-gray-300'>
+              <button
+                onClick={decrement}
+                className="w-8 h-8 bg-gray-100 border-r border-gray-300"
+                aria-label="인원 감소"
+              >
+                -
+              </button>
+              <span className="px-2 text-center">{count}명</span>
+              <button
+                onClick={increment}
+                className="w-8 h-8 bg-gray-100 border-l border-gray-300"
+                aria-label="인원 증가"
+              >
+                +
+              </button>
+            </div>
           </div>
 
           {/* 방문 주의 사항 */}
-          <div className="bg-gray-100 p-2 rounded">
-            <p className="font-semibold">방문 주의 사항</p>
-            <p>농장 방문 시 주의사항을 안내하는 문구 작성되는 영역</p>
-            <label className="flex items-center gap-2 mt-2">
+          <div>
+            <p className="text-lg font-semibold pb-2">방문 주의 사항</p>
+            <p className='text-gray-600'>{cautionMessage}</p>
+            <label className="flex items-center gap-2 mt-2 ">
               <input type="checkbox" />
-              <span>방문 주의 사항을 확인했습니다.</span>
+              <span className='font-bold'>방문 주의 사항을 확인했습니다.</span>
             </label>
           </div>
         </div>
       </div>
 
-      {/* 예약하기 버튼 (항상 하나) */}
-      <div className="flex justify-end mt-4">
-        {/* 닫기 버튼 */}
+      {/* 예약하기 버튼 */}
+      <div className="flex mt-4">
         {isOpen && (
           <button
             onClick={() => setIsOpen(false)}
-            className="px-4 py-1 border rounded mr-2"
+            className="w-full bg-gray-100 text-gray-600 px-4 py-1 rounded mr-2"
           >
             닫기
           </button>
         )}
         <button
           onClick={handleReserveClick}
-          className="px-4 py-1 border rounded mr-2"
-          disabled={isOpen && count === 0} // 0명일 땐 예약 버튼 비활성화
+          className="w-full bg-mint-600 text-white px-4 py-1 rounded mr-2"
+          disabled={isOpen && count === 0}
           title={isOpen && count === 0 ? "예약 인원을 선택하세요" : undefined}
         >
           {isOpen ? '예약하기' : '인원 선택'}
         </button>
       </div>
+
+      {showReserveAlert && (
+        <div
+          className="fixed inset-0 flex items-center justify-center z-[60]"
+          style={{ background: "rgba(0,0,0,0.2)" }}
+        >
+          <ReserveAlert
+            count={count}
+            title={title}
+            onConfirm={handleConfirmSubscription}
+          />
+        </div>
+      )}
+      <Toaster />
     </div>
   );
 }
diff --git a/src/pages/Reserve.tsx b/src/pages/Reserve.tsx
index 5e71d84..7d6dad9 100644
--- a/src/pages/Reserve.tsx
+++ b/src/pages/Reserve.tsx
@@ -1,18 +1,31 @@
 import ReserveCard from "../components/reserve/ReserveCard";
+import { Link } from 'react-router-dom';
 
 export default function Reserve() {
   return (
     <>
-      <div>
-        <div>홈 농작물목록 text</div>
-        <div>
-          <p>농장이름 농장 방문 예약</p>
-          <p>농장에서 안내하는 주의사항 문구 작성되는 영역 농장에서 안내하는 주의사항 문구 작성되는 영역</p>
+      <div className="m-12">
+        <div className="flex items-center text-mint-700 gap-2 mb-8">
+          <Link to="/">홈</Link>
+          <span className="text-mint-600">&gt;</span>
+          <Link to="/cropdiary">작물 일지</Link>
+          <span className="text-mint-600">&gt;</span>
+          <span className="text-mint-700">예약하기</span>
         </div>
         <div>
-          <ReserveCard />
-          <ReserveCard />
-          <ReserveCard />
+          <p className="title-1">농장이름 농장 방문 예약</p>
+          <p className="text-gray-600 my-4">농장에서 안내하는 주의사항 문구 작성되는 영역 농장에서 안내하는 주의사항 문구 작성되는 영역</p>
+        </div>
+        <div className="flex flex-col gap-4 py-8">
+          <ReserveCard
+            title="🌱 재배 체험"
+            date="08월 15일 목요일 오후 2시"
+            address="서울특별시 강남구 논현동"
+            availableCount={10}
+            schedules={["체험 일정 1", "체험 일정 2", "체험 일정 3"]}
+            cautionMessage="농장 방문 시 마스크 착용, 장화 착용이 필수입니다."
+          />
+
         </div>
       </div>
     </>