1. 메인 페이지 (/)
- 헤더
- 로고
- 네비게이션 메뉴
- 로그인/회원가입 버튼
- 로그인 시: 프로필 드롭다운 메뉴
- 메인 배너
- 서비스 소개 문구
- 멘토/멘티 시작하기 버튼
- 현재 활동중인 멘토/멘티 수 표시
- 인기 멘토 섹션
- 평점 높은 멘토 Top 5
- 각 멘토 카드
- 프로필 이미지
- 이름/직함
- 주요 기술 스택
- 평점
- 간단한 소개
- 기술 스택별 탐색
- 주요 기술 스택 아이콘
- 클릭 시 해당 스택 멘토 목록으로 이동
2. 로그인/회원가입 (/auth)
- 로그인 폼
- 이메일 입력
- 비밀번호 입력
- 로그인 버튼
- 소셜 로그인 버튼들
- 회원가입 링크
- 비밀번호 찾기 링크
- 회원가입 폼
- 이메일 입력 (중복 확인)
- 비밀번호 입력
- 비밀번호 확인
- 이름 입력
- 멘토/멘티 선택
- 회원가입 버튼
- 소셜 회원가입 버튼들
3. 멘토 목록 페이지 (/mentors)
- 필터 섹션
- 기술 스택 필터 (다중 선택)
- 경력 필터
- 평점 필터
- 멘토링 가능 시간 필터
- 검색 기능
- 키워드 검색 (이름, 회사, 포지션)
- 검색 결과 정렬 옵션
- 멘토 목록
- 멘토 카드 (그리드 뷰)
- 프로필 이미지
- 이름/직함
- 현재 회사
- 경력 기간
- 기술 스택 태그
- 평점
- 간단한 소개
- 무한 스크롤 or 페이지네이션
4. 멘토 상세 페이지 (/mentors/:id)
- 멘토 프로필 섹션
- 프로필 이미지
- 이름/직함
- 현재 회사
- 경력 사항
- 소개글
- 기술 스택
- 멘토링 정보
- 가능한 시간대
- 멘토링 분야
- 멘토링 방식 (온라인/오프라인)
- 멘토링 비용