[CHA-134] 랜딩 페이지 스크롤 및 인터랙션 개선

[DongjaJ]

무엇을 변경했나요?

• 랜딩 페이지의 스크롤 타임라인을 완만하게 조정하고 장면 전환을 정돈했습니다.
• 고민 문구, 브랜드 타이포그래피, 기능 카드의 진입·퇴장 및 hover 모션을 다듬었습니다.
• 기능 소개 문구를 제거하고 모바일부터 데스크톱까지 레이아웃 안정성을 개선했습니다.
• reduced-motion 환경에서 이동 모션을 줄이도록 공용 훅과 상태 계산 로직을 추가했습니다.

왜 변경했나요?

빠르게 넘어가거나 서로 겹치던 랜딩 페이지 모션을 읽기 쉽고 일관된 흐름으로 개선하기 위해 변경했습니다.

Linear: https://linear.app/chaesozip/issue/CHA-134/feature-랜딩-페이지-개선

Closes CHA-134

확인 사항

필수 확인

• node --run build 통과
• node --run lint 통과
• node --run test 통과 또는 관련 테스트 확인
• 관련 이슈를 연결했습니다. 예: Closes #123

기능 검증

• 변경된 기능을 로컬에서 직접 확인했습니다
• 사용자 플로우가 의도대로 동작하는지 확인했습니다
• API 연동 또는 상태 관리 변경 사항을 확인했습니다
• 에러/로딩/빈 상태 등 예외 케이스를 확인했습니다
• 변경된 동작에 대한 테스트를 추가하거나 업데이트했습니다

설정 및 문서

• 사용자에게 노출되는 문서를 업데이트했습니다. 예: README.md, 사용 가이드 등
• 새로운 의존성이나 설정 변경 사항을 문서화했습니다
• 환경 변수 추가/변경 사항을 명확히 설명했습니다
• 민감한 값, 토큰, 인증 정보가 포함되지 않았습니다

해당되는 경우

• 보안 영향을 검토했습니다
• 성능 영향을 검토했습니다
• 기존 동작을 변경하는 내용은 PR 설명에 명확히 작성했습니다
• 스크린샷 또는 화면 녹화를 첨부했습니다

[linear-code]

CHA-134

[coderabbitai]

Important

• 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 98f7a586-37b0-42b3-b289-9742e3b8bb99

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[codecov]

Codecov Report

❌ Patch coverage is 31.73077% with 71 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
src/pages/home/ui/home-question.tsx	23.52%	26 Missing ⚠️
src/pages/home/model/home-scroll-timeline.ts	13.04%	20 Missing ⚠️
src/pages/home/ui/home-folder-features.tsx	20.00%	4 Missing and 16 partials ⚠️
src/pages/home/ui/home-final-cta.tsx	25.00%	0 Missing and 3 partials ⚠️
src/pages/home/ui/home-hero.tsx	50.00%	1 Missing ⚠️
src/shared/lib/use-prefers-reduced-motion.ts	87.50%	1 Missing ⚠️

📢 Thoughts on this report? Let us know!

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.