[#51] Feat/51/랜딩페이지 어바웃페이지

[LMS10]

❓이슈

• close Feat: 랜딩페이지/어바웃페이지 구현 #51

📝 Description

랜딩 페이지와 About 페이지를 구현했습니다.

1. 랜딩 페이지

전반적인 서비스의 핵심 가치와 주요 기능을 시각적으로 강조하는 데 집중했습니다.

• Hero 섹션: '팀 영수증, 이제 AI가 먼저 검토합니다'라는 메인 카피와 함께 실제 워크스페이스 화면을 모킹한 프리뷰를 넣어 서비스를 직관적으로 전달합니다.
• 기능 1 (워크스페이스): '팀마다 별도의 공간으로' 섹션을 통해 워크스페이스 기반의 독립적인 팀 관리 환경을 설명합니다.
• 기능 2 (OCR 스캔): '사진 한 장으로 AI가 다 읽어요' 섹션에서 영수증을 스캔하고 데이터를 자동 추출하는 과정을 모킹한 UI 와 함께 보여줍니다.
• 기능 3 (AI 검토): '수작업 검토는 줄이고 실수는 더 줄이고' 섹션으로 AI가 이상 지출을 탐지하여 관리자의 업무 부담을 줄여주는 핵심 기능을 강조합니다.
• 이용 프로세스: 워크스페이스 생성부터 초대, 스캔, 승인까지 '4단계로 끝나는 팀 영수증 관리' 흐름을 직관적인 아이콘과 함께 안내합니다.
• 수치 및 CTA: '숫자로 보는 Re:Mate' 섹션으로 신뢰도를 높이고, 하단에 '지금 바로 팀과 함께 시작해보세요' 영역을 두어 서비스 가입을 유도합니다.

2. 어바웃 페이지

서비스의 상세 기능, 권한별 역할, 그리고 도입 효과 등 구체적인 정보를 제공하도록 구성했습니다.

• Hero 섹션: '팀 지출 관리, 투명하게 시작하세요'라는 카피로 서비스의 비전과 지향점을 제시합니다.
• 핵심 기능 요약: '필요한 것만, 딱 맞게 갖췄습니다' 섹션에 영수증 스캔, 엑셀 다운로드 등 주요 4가지 기능을 카드 형태로 깔끔하게 나열했습니다.
• AI 및 관리자 역할: 'AI가 먼저 걸러냅니다, 최종 판단은 관리자가 합니다' 섹션을 통해 AI의 역할과 관리자의 역할을 명확히 구분하여 설명합니다.
• 권한별 역할 안내: '관리자와 팀원, 각자의 역할이 명확합니다' 섹션에서 권한에 따라 나뉘는 기능들을 리스트 형태로 비교해 보여줍니다.
• 도입 효과 및 타겟: 서비스 도입 전후('이렇게 달라집니다')를 비교하는 표와, '어떤 팀이든 바로 시작할 수 있어요' 섹션으로 타겟 유저층을 안내합니다.
• FAQ 및 CTA: 하단에 '자주 묻는 질문'을 배치하여 유저의 궁금증을 해소하고, 랜딩 페이지와 동일한 하단 CTA를 통해 로그인으로 연결되도록 구성했습니다.

🌀 PR Type

어떤 변경 사항이 있나요?

• 새로운 기능 추가
• 버그 수정
• CSS 등 사용자 UI 디자인 변경
• 코드에 영향을 주지 않는 변경사항 (오타 수정, 탭 사이즈 변경, 변수명 변경)
• 코드 리팩토링
• 주석 추가 및 수정
• 문서 수정
• 테스트 추가, 테스트 리팩토링
• 빌드 부분 혹은 패키지 매니저 수정
• 파일 혹은 폴더명 수정
• 파일 혹은 폴더 삭제

✅ Checklist

PR Checklist

PR이 다음 요구 사항을 충족하는지 확인하세요.

• Branch Convention 확인

  feat/ 기능 구현, fix/ 버그 수정, refactor/ 개선

• Base Branch 확인
• 커밋 메시지 컨벤션 준수
• 적절한 Label 지정
• Assignee 및 Reviewer 지정

Test Checklist

• 로컬 작동 확인

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
remate	Ready	Preview, Comment	May 30, 2026 3:18pm

[minzx23]

제가 지금까지 본 랜딩페이지 중에 제일 멋지네요