feat: 랜딩 페이지 header section Figma 시안 반영#98
Conversation
- 부제목 텍스트를 SVG 이미지(subtitle.svg)로 교체 - 카피 변경: '맛집 서비스' → '맛집 추천 서비스' - 로고 SVG 신규 버전으로 교체 (170×54px) - Header container gap 조정 (gap-5 → gap-6) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
github-actions
bot
added
✨ Feature
Summary of ChangesHello @youngminss, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed! 이 PR은 랜딩 페이지의 헤더 섹션을 Figma의 최신 디자인 시안에 맞춰 시각적으로 업데이트하는 것을 목표로 합니다. 부제목을 텍스트에서 SVG 이미지로 변경하고, 로고 크기를 조정하며, 헤더 컨테이너의 간격과 상단 패딩을 수정하여 전반적인 레이아웃과 미학을 개선했습니다. Highlights
🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console. Changelog
Activity
Using Gemini Code AssistThe full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips. Invoking Gemini You can request assistance from Gemini at any point by creating a comment using either
Customization To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a Limitations & Feedback Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here. You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension. Footnotes
|
github-actions
bot
added
✨ Feature
|
@RookieAND 선반영 후 리뷰로 처리할게 ! |
## [1.3.0-beta.3](v1.3.0-beta.2...v1.3.0-beta.3) (2026-02-20) ### Features * 랜딩 페이지 header section Figma 시안 반영 ([#98](#98)) ([1ccef44](1ccef44))
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
| <p className="ygi:text-center ygi:heading-22-bd ygi:text-text-inverse"> | ||
| 다인원을 위한 맛집 서비스 | ||
| </p> | ||
| <div className="ygi:flex ygi:flex-col ygi:items-center ygi:gap-6 ygi:px-6 ygi:pt-31"> |
There was a problem hiding this comment.
ygi:gap-6 및 ygi:pt-31은 하드코딩된 수치입니다. 저장소 스타일 가이드(313-316행, 489행)에 따라 하드코딩된 spacing 값 대신 디자인 토큰(예: ygi:gap-xl, ygi:px-xl)을 사용해야 합니다. 또한 PR 설명의 작업 내역(pt-25)과 실제 코드(pt-31)가 일치하지 않으므로 확인이 필요합니다.
References
- 디자인 토큰 사용 및 하드코딩 지양 (link)
| src="/images/landing/subtitle.svg" | ||
| alt="다인원을 위한 맛집 추천 서비스" | ||
| width={246} | ||
| height={17} |
There was a problem hiding this comment.
subtitle.svg의 viewBox 비율(246.038:16.326)과 Image 컴포넌트의 비율(246:17)이 일치하지 않습니다. SVG에 preserveAspectRatio="none"이 설정되어 있어 이미지가 수직으로 늘어날 수 있으므로, height를 16으로 조정하여 왜곡을 최소화하는 것을 권장합니다.
| height={17} | |
| height={16} |
## [1.5.0](v1.4.0...v1.5.0) (2026-02-20) ### Features * 랜딩 페이지 header section Figma 시안 반영 ([#98](#98)) ([1ccef44](1ccef44))
## [1.5.0-beta.1](v1.4.0...v1.5.0-beta.1) (2026-02-20) ### Features * 랜딩 페이지 header section Figma 시안 반영 ([#98](#98)) ([1ccef44](1ccef44))
|
급하게 처리되어야 하는 작업이었구나, 우선 코드 상 문제는 없는 것 같아! (퍼블리싱) |
2 participants
🎯 PR 제목
랜딩 페이지 Header Section을 Figma 신규 시안에 맞게 업데이트합니다.
📑 작업 상세 내역
<p>텍스트를 SVG 이미지(subtitle.svg)로 교체gap-5→gap-6)pt-20→pt-31)🙏 리뷰 요청 사항
subtitle.svg의preserveAspectRatio="none"설정은 Figma export 기본값으로, Next.js<Image>의 고정 width/height와 함께 사용 시 문제 없습니다📃 참고 자료
🖼️ 작업 결과물