Feature/CDP-216-AuthState

* CDP-216 chore⚙️ (framer-motion): framer motion 설치

* CDP-216 feat✨ (landing): landing motion 모아놓은 ts 생성

* CDP-216 refactor🔨 (landing): framer motion 적용

* CDP-216 refactor🔨 (framer-motion): framer motion 적용

* CDP-216 feat✨ (signup): signup form 애니메이션 레이어 추가

* CDP-217 feat✨ (signup): 애니메이션 상태 추가

* CDP-217 feat✨ (signup-state): 회원가입 페이지 애니메이션 상태 추가

* CDP-216 refactor🔨 (signup): type 관련 공통으로 변경

* CDP-217 feat✨ (forgotpassword): 비밀번호 찾기 페이지 스타일 및 애니메이션 상태 추가

* CDP-217 refactor🔨 (forgotpassword): 이메일 인증 번호 자동넘김 훅 추가 및 적용

* CDP-219 feat✨ (login-state): 폼 기본동작 막기 hook & 비밀번호 토글 hook & 로그인 페이지 에러, input 데이터 관리 store 추가

* CDP-220 feat✨ (signup-state): signup state 추가

* CDP-220 refactor🔨 (signup-state): 삭제된 step field 복구

* CDP-220 refactor🔨 (signup-state): 삭제된 step field 복구

* CDP-221 feat✨ (forgot-state): 비밀번호 찾기 에러 & 결과 함수 상태 추가

* CDP-216 fix🐛 (signup-group-button): props 제거

Author: leeunduck

package.json

@@ -35,6 +35,7 @@
     "axios": "^1.12.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "framer-motion": "^12.23.24",
     "lucide-react": "^0.544.0",
     "next": "15.5.3",
     "next-seo": "^6.8.0",

pnpm-lock.yaml

@@ -1,14 +1,24 @@
+import { AuthMain } from "@/components/auth/AuthMain";
+import { ForgotPasswordForm } from "@/components/auth/forgotPassword/ForgotPasswordForm";
+import { ForgotPasswordHeader } from "@/components/auth/forgotPassword/ForgotPasswordHeader";
 import { makePageMetadata } from "@/seo/metadata";
 
 export const metadata = {
   ...makePageMetadata({
     title: "비밀번호 찾기",
-    description: "PlanMate 비밀번호 찾기 1단계: 이메일 입력 페이지",
+    description: "PlanMate 비밀번호 찾기 페이지",
     canonical: "/forgot-password",
   }),
   robots: { index: false, follow: false },
 };
 
 export default function ForgotPasswordPage() {
-  return <div>비밀번호 찾기 - 이메일 입력 페이지</div>;
+  return (
+    <>
+      <ForgotPasswordHeader />
+      <AuthMain flow="forgot">
+        <ForgotPasswordForm />
+      </AuthMain>
+    </>
+  );
 }

src/app/(auth)/forgot-password/page.tsx

@@ -0,0 +1,24 @@
+import { AuthMain } from "@/components/auth/AuthMain";
+import { SignupForm } from "@/components/auth/signup/SignupForm";
+import { SignupHeader } from "@/components/auth/signup/SignupHeader";
+import { makePageMetadata } from "@/seo/metadata";
+
+export const metadata = {
+  ...makePageMetadata({
+    title: "회원가입",
+    description: "MyPlanMate 회원가입페이지",
+    canonical: "/signup/basic",
+  }),
+  robots: { index: false, follow: false },
+};
+
+export default function SignupEmailPage() {
+  return (
+    <>
+      <SignupHeader />
+      <AuthMain flow="signup">
+        <SignupForm />
+      </AuthMain>
+    </>
+  );
+}

src/app/(auth)/forgot-password/reset/page.tsx

@@ -7,7 +7,7 @@ import { makePageMetadata } from "@/seo/metadata";
 export const metadata = {
   ...makePageMetadata({
     title: "회원가입",
-    description: "PlanMate 회원가입 페이지",
+    description: "MyPlanMate 회원가입 페이지",
     canonical: "/signup",
   }),
   robots: { index: false, follow: false }, // 인증 관련 페이지는 검색 제외