feat: 회원가입 플로우 구현 및 페이지 네비게이션 연결
- 회원가입 약관 동의 페이지 추가 (registeragreement) - 회원가입 정보 입력 페이지 추가 (register) - 유효성 검사 기능 포함 - 비밀번호 강도 검증 - 전화번호 자동 포맷팅 - 회원가입 완료 페이지 추가 (registercomplete) - 테마 컬러 변수 5개 정의 (primary, secondary, success, error, neutral) - 로그인 페이지에서 회원가입 링크 연결 - 홈페이지 헤더에 회원가입 링크 추가 - 전체 회원가입 플로우 페이지 간 네비게이션 연결 완료
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user