PG 플랫폼 스토어 랜딩 페이지 반응형 UI 구현

feat: 이커머스 PG 플랫폼 스토어 UI 구현 및 헤더/푸터 추가

스토어 랜딩 페이지 UI 구현 작업임. 앱 다운로드 유도 + FAQ + 연락처 섹션으로 구성했음.

페이지 구조

[Hero Section] - 메인 카피 + CTA
[Feature Cards] - 주요 기능 소개
[App Download] - App Store / Google Play 배지
[FAQ Section] - 아코디언
[Contact Section] - 문의 폼
[Footer]

반응형 처리

.feature-section {
  scroll-snap-type: y mandatory;
  height: 100vh;
  overflow-y: scroll;
}

앱 배지 이미지(App Store, Google Play)는 공식 브랜드 가이드라인에 맞는 버전으로 교체함. 사이즈/여백 규정이 엄격함.

개발 원칙 정리

이 작업을 진행하면서 재확인한 원칙들:

작은 커밋: 변경 단위를 작게 유지해서 코드 리뷰와 롤백이 쉽게.

테스트 먼저: 변경 전 현재 동작을 파악하고, 변경 후 동일하게 동작하는지 확인.

문서 동기화: 코드가 바뀌면 관련 주석과 문서도 같이 업데이트.

끝