HomePage routing

frontend/src/App.tsx

 import React from "react";
+import HomePage from "./Pages/HomePage";
+// import LoginPage from "./Pages/LoginPage";
+// import SignUpPage from "./Pages/SignUpPage";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
 import "tailwindcss/tailwind.css";
 
 export const App = () => {
   return (
-    <div className="text-slate-300 bg-red-600 text-3xl font-bold underline">
-      App 안녕하세요.
-    </div>
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<HomePage />}>
+          {/* <Route path="login" element={<LoginPage />} />
+          <Route path="signup" element={<SignUpPage />} /> */}
+        </Route>
+      </Routes>
+    </BrowserRouter>
   );
 };

frontend/src/Pages/HomePage.tsx

+import React from "react";
+import "tailwindcss/tailwind.css";
+
+type HomeProps = {
+    title?: string;
+};
+
+const HomePage = ({ title = "Simple Survey Form" }: HomeProps) => (
+    <div className="text-slate-300 text-3xl font-bold">
+        {title}
+    </div>
+); 
+ 
+export default HomePage;
\ No newline at end of file

frontend/src/Pages/LoginPage.tsx

+import React from "react";
+import "tailwindcss/tailwind.css";
+
+type LoginProps = {
+
+};
+
+const LoginPage = ({  }: LoginProps) => (
+    <div className="text-slate-300 text-3xl font-bold">
+        로그인페이지
+    </div>
+); 
+ 
+export default LoginPage;
\ No newline at end of file

frontend/src/Pages/SignUpPage.tsx

+import React from "react";
+import "tailwindcss/tailwind.css";
+
+type SignUpProps = {
+
+};
+
+const SignUpPage = ({  }: SignUpProps) => (
+    <div className="text-slate-300 text-3xl font-bold">
+        회원가입페이지
+    </div>
+); 
+ 
+export default SignUpPage;
\ No newline at end of file