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

영어 문장을 공부하는 사이트를 만들고자 해. 사이트를 접속하면 뜨는 메인 페이지에는 정 가운데에 '문장을 번역해보세요'라는 큰 텍스트와 아래에 크게 문장을 입력할 수 있는 박스와 제출하기 버튼이 있어, 한글로 일상생활 문장을 적고 제출하기 버튼을 클릭하면 결과 페이지로 넘어가고 결과에서는 해당 문장을 영어로 번역한 결과와 해당 문장에서 사용한 주요 문법이나 영단어가 나오고 그 문법의 쓰임새나 단어의 뜻이 설명되어 있어, 문법이나 단어에는 해당 문법이나 단어가 사용된 예문 2~3개가 나오고 그 아래 작게 한글로 해석된 문장이 적혀있어, 모든 페이지엔 헤더와 푸터가 있고, 헤더엔 왼쪽엔 사이트의 로고, 오른쪽엔 로그인 버튼 또는 로그인되어 있으면 회원의 정보가 나와 푸터엔 간단한 사아트 정보가 적혀있어. 마이페이지엔 상단에 회원의 간단한 정보가 있고, 회원이 여지껏 검색한 한글로된 문장과 그 영단어가 리스트 형태로 보여주고 있고 그 리스트를 누르면 결과로 나왔던 문법과 영단어와 그에대한 설명이 적혀있어 페이지 주컬러는 녹색이었으면 해