Feat[#100] 랜딩페이지 첫번째 메인화면 구현

[CheeseB]

관련 문서

• issue: Feat: 랜딩페이지 첫번째 메인화면 구현 #100
• close Feat: 랜딩페이지 첫번째 메인화면 구현 #100

유형

• 기능 구현
• UI 구현
• 리팩토링
• 버그 해결
• 문서 업데이트
• 기타( )

작업 내용

• 랜딩페이지 첫번째 메인화면 구현

설명

📌 기능

• 마우스 움직임에 따라 에코 이미지 이동하도록 커스텀훅 추가

📌 UI

• 백그라운드, 에코 이미지, 에코 그림자 이미지 적용 및 디바이스 사이즈에 따라 위치 조절
• 첫 페이지 로딩 시 에코 등장 애니메이션 적용 (아래에서 위로 페이드인)
• 화면 양 옆에서 위, 아래로 무한히 흐르는 텍스트 구현
• BEST TEAMWORK IT'S UP TO YOU 텍스트 효과 구현

남은 작업

• BEST TEAMWORK IT'S UP TO YOU 텍스트 모바일 사이즈 대응
• Get Started 버튼 UI 구현

해결할 이슈

• 마우스 이동 후에 에코가 움직이는 문제
• 화면 크기를 유동적으로 바꿨을때 에코가 도망가는 문제
• 양옆 흐르는 텍스트 한번씩 버벅이는 문제

스크린샷

🎥 모션 영상

localhost_3000_landing.-.Chrome.2024-03-31.20-42-08.online-video-cutter.com.1.mp4

localhost_3000_landing.-.Chrome.2024-03-31.20-42-40.online-video-cutter.com.1.mp4

📸 디바이스별 스크린샷

리뷰 요구사항