fix(landing): 제품 소개 이미지를 최신 UI 캡처로 교체

[parkjuyeong0312]

변경 내용

• Figma 새 캡처 3157:1204를 사용해 첫 화면, 노트북, 일정 소개, PC·휴대폰 소개의 제품 이미지 5개를 최신 UI로 교체합니다. 기존 기기 프레임과 배치 크기는 유지합니다.
• “장소를 검색하고 북마크에 저장해요” 옆 이미지를 최신 캡처 2개로 교체합니다. 카페 장소 목록은 뒤쪽 왼쪽 위, 관광지·카페·음식점 폴더 목록은 앞쪽 오른쪽 아래에 겹치며 PC·모바일에 동일한 순서를 적용합니다.
• 기존 이미지 6개를 새 파일 경로로 대체하고, 에셋 출처·크기·합성 기준을 docs/design/landing-product-captures.md에 기록합니다.

변경 이유

• 랜딩페이지에 남아 있던 구버전 로고·사이드바·일정 화면을 현재 제품 UI와 맞춥니다.
• 새 파일 경로로 이전 이미지 캐시와 구분하고, 검색·북마크 소개에는 전달받은 두 캡처를 원본 그대로 사용합니다.

테스트

• npm run lint -- --ignore-pattern '.claude/**': 오류 0개, 기존 이미지 경고 2개. PR과 무관한 로컬 .claude/worktrees 사본은 제외했습니다.
• npm test: 94개 파일, 478개 테스트 통과
• npm run build: 프로덕션 빌드·타입 검사·정적 페이지 생성 통과
• 그 외 수동 검증: 로컬 Next.js 랜딩페이지에서 새 제품 이미지 5개의 로딩과 PC·모바일 표시 크기를 확인했습니다. 검색·북마크 이미지의 앞뒤 순서를 PC에서 시각적으로 확인하고, 모바일 크기에서도 원본 비율과 z-index를 확인했습니다. 두 첨부 이미지는 저장 파일과 바이트가 동일함을 확인했습니다.

Summary by CodeRabbit

• 새로운 기능

  • 랜딩 페이지의 히어로 및 제품 소개 화면을 최신 제품 캡처로 업데이트했습니다.
  • 검색 소개 영역에 장소 검색과 폴더 목록 미리보기를 함께 표시합니다.
  • 검색 미리보기에 겹침, 테두리, 그림자 및 반응형 레이아웃을 적용했습니다.

• 문서

  • 랜딩 페이지 제품 캡처와 화면 구성 정보를 문서화했습니다.

[vercel]

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

Project	Deployment	Actions	Updated
frontend-server	Ready	Preview	Sep 11, 2026 10:03am UTC

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 155bb63a-e71d-4c8f-8f2c-100bf33b2282

📥 Commits

Reviewing files that changed from the base of the PR and between 78a4c90 and 598777e.

⛔ Files ignored due to path filters (13)

• public/landing/figma/hero-web-current.png is excluded by !**/*.png
• public/landing/figma/hero-web.png is excluded by !**/*.png
• public/landing/figma/laptop-current.png is excluded by !**/*.png
• public/landing/figma/laptop.png is excluded by !**/*.png
• public/landing/figma/phone-current.png is excluded by !**/*.png
• public/landing/figma/phone.png is excluded by !**/*.png
• public/landing/figma/schedule-current.png is excluded by !**/*.png
• public/landing/figma/schedule.png is excluded by !**/*.png
• public/landing/figma/search-folders-current.png is excluded by !**/*.png
• public/landing/figma/search-places-current.png is excluded by !**/*.png
• public/landing/figma/search.png is excluded by !**/*.png
• public/landing/figma/web-current.png is excluded by !**/*.png
• public/landing/figma/web.png is excluded by !**/*.png

📒 Files selected for processing (4)

• docs/design/landing-product-captures.md
• src/app/_components/LandingDesignSections.tsx
• src/app/_components/LandingHero.tsx
• src/app/_components/landing.module.css

---

📝 Walkthrough

Walkthrough

랜딩 페이지의 제품 캡처 자산 파일명을 갱신했다. 검색 기능에는 장소 목록과 폴더 목록을 겹쳐 표시하는 미리보기를 추가했다. 캡처 교체 규칙과 출력 크기를 문서화했다.

Changes

랜딩 캡처 자산 갱신

Layer / File(s)	Summary
제품 캡처 자산 연결 docs/design/landing-product-captures.md, src/app/_components/LandingHero.tsx, src/app/_components/LandingDesignSections.tsx	새 캡처 파일의 사용 규칙과 크기를 문서화했다. 히어로, 노트북, 웹, 모바일 이미지 참조를 새 파일명으로 변경했다.
검색 미리보기 구성 src/app/_components/LandingDesignSections.tsx, src/app/_components/landing.module.css	검색 장소 이미지와 폴더 이미지를 함께 렌더링한다. 두 이미지에 겹침 순서, 크기, 위치, 테두리, 모서리, 그림자 스타일을 적용했다.

Estimated code review effort: 2 (Simple) | ~10 minutes

Change: Other

Suggested reviewers: minbros

---

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.}