[FE] 소개 페이지 구현

[junyeokk]

하위 태스크

Hero 섹션 구현

client/src/components/about/HeroSection.tsx

• [�x] 서비스 로고 및 메인 타이틀 추가
• 메인 이미지 배치 및 반응형 처리
• 스크롤 버튼 구현 및 동작 추가

Feature 섹션 구현

client/src/components/about/FeatureCard.tsx
client/src/constants/about.ts

• 기능별 카드 컴포넌트 구현
• 기능 설명 및 이미지 데이터 구성
• 섹션별 애니메이션 효과 적용

CTA 섹션 구현

client/src/components/about/CTASection.tsx

• 스크롤 타겟 설정
• 디자인 및 레이아웃 정리

Footer 구현

client/src/components/layout/Footer.tsx
client/src/constants/footer.ts
client/src/types/footer.ts

• 프로젝트 링크 및 팀 정보 구성
• 반응형 그리드 레이아웃 적용
• 링크 동작 확인

인수조건

• 모든 화면 크기에서 레이아웃이 깨지지 않아야 함
• 스크롤 진행률이 실시간으로 정확하게 표시되어야 함
• 각 섹션이 뷰포트에 진입할 때 자연스러운 애니메이션이 적용되어야 함
• Footer의 모든 링크가 정상적으로 동작해야 함