feat(land): 새로운 렌딩페이지 레이아웃 적용

[Jeong-Ag]

Summary

related: #181

landing page의 home을 redesign하고 개발해요.

Tasks

• 두 번째 section부터 이어서 마지막 section까지 home 구현을 마쳤어요.
• 스크롤 애니메이션을 관리하기 위한 hook을 생성했어요.
• Sidebar의 모양을 오른쪽 배치가 아닌 상단 배치로 레이아웃을 수정했어요.
• Sidebar 외부의 영역 클릭 시 Sidebar가 닫히도록 추가하고, Sidebar가 열린 경우엔 배경이 흐리게 나타나도록 변경했어요.

To Reviewer

value에 들어가는 text나 support에 들어가는 내용, 삽입된 이미지 등은 임의로 설정하였어요. 운영진한테 해당 내용 및 사진을 전달받아 추후 수정할 예정이에요.
애니메이션 때문에 gif로 만들어서 넣었는데 압축을 여러 번 해서 그런 지 재생이 너무 오래 걸리네요 ... activity section은 파일 크기가 커서 압축을 여러번 해도 10MB 아래로 안 내려가서 제외하고 올려요 😭 스크롤하면 이미지 나타나도록 구현했어요ㅜㅜ

Screenshot

[gwansikk]

• 이미지 확장자는 webp로 변경해주세요

앞전에 리뷰된 내용이랑 개선하여 머지해주세요. 새로운 랜딩페이지는 바로 배포하기 보단 장기적으로 좋은 퀄리티가 되면 배포하는 것으로 하여 꾸준히 개선해나갔으면 해요.

[gwansikk]

React Hook Form을 사용하면 관리하기 더욱 편리할 거 같아요

[Jeong-Ag]

• 이미지 확장자는 webp로 변경해주세요

앞전에 리뷰된 내용이랑 개선하여 머지해주세요. 새로운 랜딩페이지는 바로 배포하기 보단 장기적으로 좋은 퀄리티가 되면 배포하는 것으로 하여 꾸준히 개선해나갔으면 해요.

네 확인했습니다! 다양한 레퍼런스들도 찾아보면서 차차 개선해볼게요 :)