diff --git a/index.html b/index.html
index 6802aed..36b24d0 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
-
+
We Are #IMPLUDE
diff --git a/src/assets/ProjectThumbnail/ASD2.jpg b/src/assets/ProjectThumbnail/ASD2.jpg
new file mode 100755
index 0000000..82f9bd0
Binary files /dev/null and b/src/assets/ProjectThumbnail/ASD2.jpg differ
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index a8a3a9f..7c0c399 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,5 +1,5 @@
import React from 'react'
-import { Col, Header1, Row, Title } from './atomic'
+import { Col, Header1, Row, Title, Wrap } from './atomic'
import Implude from '../assets/implude-light.svg?react'
import Youtube from '../assets/youtube.svg?react'
@@ -10,27 +10,16 @@ const Footer = () => {
return (
<>
-
-
-
-
-
-
- #IMPLUDE
-
- IMPORT + INCLUDE
-
-
-
-
- 상호 : #IMPLUDE | 대표자명 : 김진욱, 박지윤
-
- 이메일 : 몰라몰라@implude.com
-
- 주소 : 경기도 안산시 단원구 사세충열로 94
-
+
+
+
+
+
+ #IMPLUDE
+
+ IMPORT + INCLUDE
-
+
@@ -39,18 +28,34 @@ const Footer = () => {
-
+
+
+
+ 상호 : #IMPLUDE | 대표자명 : 김진욱, 박지윤
+
+ 이메일 : 몰라몰라@implude.com
+
+ 주소 : 경기도 안산시 단원구 사세충열로 94
+
+
)
}
-const Container = styled.div`
+const Container = styled(Col)`
width: 100%;
background-color: var(--gray-black);
+ padding: 40px 80px;
+ gap: 45px;
div {
user-select: text;
}
`
+const Info = styled(Header1)`
+ color: var(--gray-white);
+ text-wrap: wrap;
+`
+
export default Footer
diff --git a/src/components/Router.jsx b/src/components/Router.jsx
index d7aa23f..1590483 100644
--- a/src/components/Router.jsx
+++ b/src/components/Router.jsx
@@ -1,13 +1,17 @@
import React from 'react'
import { BrowserRouter, Routes, Route, NavLink, Outlet } from 'react-router-dom'
+
import MainPage from '../pages/Main/MainPage'
import HistoryPage from '../pages/History/HistoryPage.tsx'
import VisionPage from '../pages/Vision/VisionPage'
import ProjectsPage from '../pages/Projects/ProjectsPage'
+import ProjectPage from '../pages/Projects/ProjectPage'
import RecruitPage from '../pages/Recruit/RecruitPage'
+
import Footer from '../components/Footer'
import Header from '../components/Header'
import HeaderBanner from '../components/HeaderBanner'
+
const Layout = () => {
return (
<>
@@ -18,11 +22,11 @@ const Layout = () => {
)
}
+
export default function Router() {
return (