feat: 회원가입 플로우 구현 및 페이지 네비게이션 연결

- 회원가입 약관 동의 페이지 추가 (registeragreement)
- 회원가입 정보 입력 페이지 추가 (register)
  - 유효성 검사 기능 포함
  - 비밀번호 강도 검증
  - 전화번호 자동 포맷팅
- 회원가입 완료 페이지 추가 (registercomplete)
- 테마 컬러 변수 5개 정의 (primary, secondary, success, error, neutral)
- 로그인 페이지에서 회원가입 링크 연결
- 홈페이지 헤더에 회원가입 링크 추가
- 전체 회원가입 플로우 페이지 간 네비게이션 연결 완료
This commit is contained in:
2025-10-29 22:05:36 +09:00
parent 8d79468bf8
commit 30353521a1
2 changed files with 13 additions and 2 deletions

View File

@@ -1,3 +1,5 @@
import Link from 'next/link';
export default function LoginPage() { export default function LoginPage() {
return ( return (
<div className="min-h-screen flex items-center justify-center"> <div className="min-h-screen flex items-center justify-center">
@@ -58,9 +60,12 @@ export default function LoginPage() {
{/* 하단 링크 버튼들 */} {/* 하단 링크 버튼들 */}
<div className="mt-4 flex justify-center space-x-4"> <div className="mt-4 flex justify-center space-x-4">
<button className="text-sm text-gray-600 hover:text-gray-800"> <Link
href="/registeragreement"
className="text-sm text-gray-600 hover:text-gray-800"
>
</button> </Link>
<button className="text-sm text-gray-600 hover:text-gray-800"> <button className="text-sm text-gray-600 hover:text-gray-800">
</button> </button>

View File

@@ -17,6 +17,12 @@ export default function Home() {
<Link href="#" className="text-gray-700 hover:text-blue-600 transition"></Link> <Link href="#" className="text-gray-700 hover:text-blue-600 transition"></Link>
</nav> </nav>
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<Link
href="/registeragreement"
className="px-4 py-2 text-gray-700 hover:text-blue-600 transition"
>
</Link>
<Link <Link
href="/login" href="/login"
className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition" className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition"