회원가입 추가

src/App.tsx

@@ -4,6 +4,7 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
 import { useAuth } from './contexts/AuthContext'
 import Layout from './components/Layout'
 import Home from './pages/Home'
+import Signup from './pages/Signup'
 import LoginPage from './pages/Login'
 import RegisterCharacter from './pages/RegisterCharacter'
 import RegisterHomework from './pages/RegisterHomework'
@@ -11,7 +12,6 @@ import CharacterList from './pages/CharacterList'
 import HomeworkList from './pages/HomeworkList'
 import CharacterHomeworkSelect from './pages/CharacterHomeworkSelect' // 정확한 경로로 수정
 import Dashboard from './pages/Dashboard'
-import Signup from './pages/Signup'
 
 const darkTheme = createTheme({
   palette: {
@@ -29,6 +29,7 @@ function App() {
           <Layout key={isLoggedIn ? 'in' : 'out'}>
             <Routes>
               <Route path="/" element={<Home />} />
+                <Route path="/signup" element={<Signup />} />
               <Route path="/login" element={<LoginPage />} />
               <Route path="/characters/register" element={<RegisterCharacter />} />
               <Route path="/characters" element={<CharacterList />} />

src/components/Layout.tsx

@@ -65,7 +65,10 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             <Button color="inherit" onClick={handleLogout}>로그아웃</Button>
         </>
     ) : (
-        <Button component={Link} to="/login" color="inherit">로그인</Button>
+        <>
+            <Button component={Link} to="/signup" color="inherit">회원가입</Button>
+            <Button component={Link} to="/login" color="inherit">로그인</Button>
+        </>
     )
 
     return (

src/pages/Home.tsx

@@ -22,7 +22,16 @@ export default function Home() {
     // ✅ 로그인 상태일 때 "컨텐츠 들어갈 자리"만 출력
     return (
         <Box sx={{ p: 4 }}>
-            <Typography variant="h5" gutterBottom>컨텐츠 들어갈 자리</Typography>
+            <Typography variant="h5" gutterBottom>길드 '노인정'과 함께합니다. 누구마음대로?</Typography>
+
+            {/* ✅ 이미지 추가 */}
+            <Box sx={{ mt: 4, textAlign: 'center' }}>
+                <img
+                    src="/guild.png"
+                    alt="노인정길드"
+                    style={{ maxWidth: '100%', height: 'auto', borderRadius: '16px' }}
+                />
+            </Box>
         </Box>
     )
 }