Merge pull request #9 from gdsc-ssu/feat/changeLanguage

강아지, 고양이 선택화면 추가 및 영어로 글자 변경

package.json

@@ -56,5 +56,5 @@
       "last 1 safari version"
     ]
   },
-  "homepage": "https://findog.buttercrab.net/"
+  "homepage": "https://pathtopet.web.app/"
 }

src/App.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Route, Routes } from "react-router-dom";
 import { Main, Research, Intro, MIntro, Similarity } from "./pages";
+import Select from "./pages/Select";
 
 const isMobile = window.innerWidth <= 393;
 
@@ -15,6 +16,7 @@ const App = () => {
       <Route path="/inputImage" element={<Main />} />
       <Route path="/research" element={<Research />} />
       <Route path="/similarity" element={<Similarity />} />
+      <Route path="/select" element={<Select />} />
     </Routes>
   );
 };

src/components/Header.jsx

@@ -28,8 +28,7 @@ const Header = () => {
           style={{ marginLeft: "120px", cursor: "pointer" }}
           onClick={() => {
             window.location.href = "/";
-          }}
-        >
+          }}>
           <img src={Logo} alt="logo" />
         </div>
       </S.logoBox>
@@ -40,17 +39,15 @@ const Header = () => {
               style={{ marginRight: "56px", cursor: "pointer" }}
               onClick={() => {
                 handleNavImg();
-              }}
-            >
-              <S.LinkText1>이미지로 찾기</S.LinkText1>
+              }}>
+              <S.LinkText1>find by image</S.LinkText1>
             </div>
             <div
               style={{ marginRight: "120px", cursor: "pointer" }}
               onClick={() => {
                 handleNavResearch();
-              }}
-            >
-              <S.LinkText2>필터로 찾기</S.LinkText2>
+              }}>
+              <S.LinkText2>find by filter</S.LinkText2>
             </div>
           </>
         ) : (
@@ -59,17 +56,15 @@ const Header = () => {
               style={{ marginRight: "56px", cursor: "pointer" }}
               onClick={() => {
                 handleNavImg();
-              }}
-            >
-              <S.LinkText2>이미지로 찾기</S.LinkText2>
+              }}>
+              <S.LinkText2>find by image</S.LinkText2>
             </div>
             <div
               style={{ marginRight: "120px", cursor: "pointer" }}
               onClick={() => {
                 handleNavResearch();
-              }}
-            >
-              <S.LinkText1>필터로 찾기</S.LinkText1>
+              }}>
+              <S.LinkText1>find by filter</S.LinkText1>
             </div>
           </>
         )}

src/components/Loading.jsx

@@ -7,7 +7,9 @@ const Loading = () => {
     <S.Container>
       <S.SubArea>
         <S.Row>
-          <S.InnerText>사진과 유사한 강아지들을 찾는 중이에요...</S.InnerText>
+          <S.InnerText>
+            Looking for pet that look similar to the picture •••
+          </S.InnerText>
           <S.img src={loading} alt="loading" />
         </S.Row>
       </S.SubArea>
@@ -51,7 +53,7 @@ const S = {
     margin: 0;
     padding-top: 24px;
     font-weight: bold;
-    font-size: 24px;
+    font-size: 16px;
     @media screen and (max-width: 393px) {
       padding-top: 50px;
       font-size: 24px;