Translation App - Copy this React, Tailwind Component to your project

메인 페이지엔 가로로 중앙에 큰 인풋박스가 있어 인풋 박스에는 문장을 입력할 수 있고 박스 안에 생성하기 버튼이 있어. 버튼을 누르면 인풋 박스 안에 내용에 대해 영문장으로 번역해서 결과를 알려줘 그게 중점적으로 보여야해 그 아래엔 그 영문장을 사용할때 중점적으로 사용한 영문법과 영단어가 소개되고 있어 각 문법과 문장마다 뜻과 그것을 활용한 예문이 나오고 그 아래 작은 회색 글자로 뜻이 적혀있어. 마이페이지에서는 회원 정보에 대한 간단한 설명과 수정하기 버튼을 클릭하면 팝업이 떠서 닉네임을 수정할 수 있어. 회원정보 아래에는 그동안 회원이 검색했던 결과들이 검색했던 한글문장들이 리스트 형태로 표시되는데 그 문장을 누르면 해당 한글문장 아래로 박스가 열리면서 검색결과로 확인했던 번역한 영문장과 예문, 단어의 정보가 적혀있어. 모든 페이지엔 헤더와 푸터가 있고 헤더 왼쪽엔 로고, 오른쪽엔 로그인버튼, 푸터엔 간단한 사이트 소개가 적혀있어