“현재 탈조선 프로젝트의 랜딩페이지와 일관된 테마로 ‘내게 맞는 국가 찾기’ 페이지를 디자인해주세요. 페이지는 사용자가 자신의 생활 스타일, 직업 선호도, 이민 조건 등을 기반으로 최적의 국가를 찾을 수 있도록 구성됩니다. 다음 요소들을 포함시켜 주세요:
1. 헤더 섹션:
• 현재 랜딩페이지와 조화를 이루는 폰트와 색상을 사용한 제목: ‘내게 맞는 국가 찾기’.
• 페이지 목적을 간단히 설명하는 한 줄 소개문구: ‘당신의 성향에 가장 잘 맞는 국가를 찾아드립니다’.
• ‘지금 시작하기’ 버튼을 배치하여 사용자들이 설문으로 바로 이동할 수 있도록 합니다.
2. 설문 섹션:
• 현재 사이트의 색감과 일치하는 배경과 폰트를 사용하여 깔끔하게 디자인합니다.
• 각 질문에 대해 사용자가 쉽게 선택할 수 있는 드롭다운 메뉴, 슬라이더, 선택 버튼을 배치합니다.
• 설문 진행도를 나타내는 진행 바를 상단에 배치하여 사용자가 얼마나 남았는지 알 수 있도록 합니다.
• 설문 질문은 ‘생활 방식’, ‘직업 선호도’, ‘이민 조건’, ‘사회적 요인’ 등의 카테고리로 나누어 시각적으로 구분합니다.
3. 추천 결과 섹션:
• 사용자가 입력한 답변을 기반으로 추천된 국가를 카드 형식으로 나열합니다.
• 각 국가 카드에는 국기, 국가명, 간단한 설명, ‘자세히 보기’ 버튼을 포함시킵니다.
• 추천된 국가들이 한눈에 보기 좋도록, 정돈된 레이아웃으로 배치합니다.
4. 국가 비교 섹션:
• 선택된 국가들을 비교할 수 있는 표를 제공하며, 이 표는 클린하고 정돈된 레이아웃으로 디자인합니다.
• 비교 항목에는 기후, 생활비, 고용시장, 문화적 적합성 등을 포함합니다.
5. 푸터 섹션:
• 현재 랜딩페이지와 동일한 스타일로 디자인된 푸터를 배치하고, 연락처 정보와 관련 리소스 링크를 포함합니다.
• ‘맨 위로 가기’ 버튼을 추가하여 사용자가 쉽게 페이지 상단으로 돌아갈 수 있도록 합니다.
디자인 스타일:
• 색상: 랜딩페이지의 주요 색상과 일치시키고, 포 | A shadcn/ui and v0 generation - v0
