Refactor: 최최최최최최최종

Author: lsy1307

src/App.jsx

@@ -12,6 +12,7 @@ import RequestDetail from './pages/Request/RequestDetail';
 // import ProjectSupport
 import Callback from './auth/Callback';
 import { useStore } from './zustand/Store';
+import Last from './pages/Last/Last';
 
 function App() {
   return (
@@ -34,6 +35,7 @@ function App() {
         {/* User Regist */}
         <Route path="/regist" element={<Regist />} />
         <Route path="/callback" element={<Callback />} />
+        <Route path="/last" element={<Last />} />
       </Routes>
     </BrowserRouter>
   );

src/layout/Footer/Footer.jsx

@@ -1,13 +1,20 @@
 import React from 'react';
 import { Container, Text } from './style';
+import { useNavigate } from 'react-router-dom';
 
 const Footer = () => {
+  const navigate = useNavigate();
+  const handleTextClick = () => {
+    navigate('/last');
+  };
   return (
     <Container>
       Copyright © 2024 Devlink(SuYeon Lim) All rights reserved.
       <Text>e-mail : help.devlink.official@gmail.com</Text>
       <Text>C.P : 010-2636-3507</Text>
-      <Text>For All of MTVS ACADEMY Students, Thank you for your effort</Text>
+      <Text onClick={handleTextClick}>
+        For all the students of MTVS Academy, I wish you all the best.
+      </Text>
     </Container>
   );
 };

src/pages/Last/Last.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Container, Text } from './style';
+const Last = () => {
+  return (
+    <Container>
+      MTVS ACADEMY 3기 여러분
+      <br />
+      다들 수고하셨습니다!
+      <Text>- DevLink -</Text>
+    </Container>
+  );
+};
+export default Last;

src/pages/Last/style.js

@@ -0,0 +1,27 @@
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  color: #fff;
+  background-color: #393939;
+  font-weight: 800;
+  font-family: Pretendard;
+  font-size: 6rem;
+`;
+
+export const Text = styled.div`
+  display: flex;
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-weight: 800;
+  font-family: Pretendard;
+  font-size: 3rem;
+`;