Feat/landing page

[Lukaid-dev]

Checklist

• Code Review: 작성한 코드를 다시 한 번 꼼꼼이 확인했나요?
• Testing: 앱이 잘 구동되는지 개발한 기능이 문제 없이 작동하는지 확인했나요?
• Remove: print나 주석 등 필요없는 코드를 삭제했나요?
• Rebase: (필요시) rebase를 완료했나요?
• Conflict Resolution: 충돌을 해결하는 과정을 거쳤나요?

Description

intro page는 우선 미완인 상태입니다. 시연때 미완인 상태라는 것을 고지해야 할 것 같아요

close #164

Changes Made

client/src/App.tsx

• ThemeComponent를 삭제하고 이를 Theme Setting로 대체

client/src/components/ThemeSettingModal.tsx

• Theme을 세팅하는 모달

client/src/components/VideoPlayer.tsx

• intro page에서 쓰이는 비디오 플레이어 컴포넌트인데, 음성이 있는 비디오의 경우 자동 재생이 브라우저 정책에 따라 금지됨

client/src/pages/Intro.tsx

• 인트로 페이지. 앞으로 계속 수정해야함

client/src/pages/Lobby.tsx

• 로비에 theme modal관련 프로퍼티 생성

client/src/pages/NotFound.tsx

• 간단히 만든 404페이지

client/src/routes.tsx

• intro route를 추가

client/tailwind.config.js

• 글자색을 투명하게하는 transparent속성 적용할 수 있도록 추가함
• 이를 bg-clip-text 등의 옵션과 함께 사용해서 글자의 색을 다이나믹하게 지정 가능함

Extra Comments

Demo

소리가 안나오네요...

2023-12-07.11.06.48.mov

[kiuuon]

Intro 페이지 예쁘네요 😃 수고하셨습니다1