diff --git a/src/app/docs/[...categories]/page.jsx b/src/app/docs/[...categories]/page.jsx
index c34d317..15a60f9 100644
--- a/src/app/docs/[...categories]/page.jsx
+++ b/src/app/docs/[...categories]/page.jsx
@@ -3,7 +3,7 @@ import parse from 'html-react-parser';
 
 import { REPOSITORY } from '@/constants/github';
 import { DOCS } from '@/constants/path';
-import Article from '@/layouts/Article';
+import Article from '@/components/layouts/Article';
 
 export async function generateStaticParams() {
   const paths = await fs.readdir(DOCS, {
diff --git a/src/app/layout.jsx b/src/app/layout.jsx
index 57e7245..468f20d 100644
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -1,9 +1,9 @@
 import { SpeedInsights } from '@vercel/speed-insights/next';
 
-import Aside from '@/layouts/Aside';
-import Body from '@/layouts/Body';
-import Header from '@/layouts/Header';
-import Main from '@/layouts/Main';
+import Aside from '@/components/layouts/Aside';
+import Body from '@/components/layouts/Body';
+import Header from '@/components/layouts/Header';
+import Main from '@/components/layouts/Main';
 
 import Categories from '@/components/aside/Categories';
 import Home from '@/components/aside/Home';
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 19e4e06..84d9799 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -1,6 +1,6 @@
 import { USER } from '@/constants/github';
 
-import Article from '@/layouts/Article';
+import Article from '@/components/layouts/Article';
 
 export default function Page() {
   return <Article>{`Hello, It's ${USER.name}'s blog!`}</Article>;
diff --git a/src/layouts/Article/Article.jsx b/src/components/layouts/Article/Article.jsx
similarity index 100%
rename from src/layouts/Article/Article.jsx
rename to src/components/layouts/Article/Article.jsx
diff --git a/src/layouts/Article/Article.module.scss b/src/components/layouts/Article/Article.module.scss
similarity index 100%
rename from src/layouts/Article/Article.module.scss
rename to src/components/layouts/Article/Article.module.scss
diff --git a/src/layouts/Article/index.js b/src/components/layouts/Article/index.js
similarity index 100%
rename from src/layouts/Article/index.js
rename to src/components/layouts/Article/index.js
diff --git a/src/layouts/Aside/Aside.jsx b/src/components/layouts/Aside/Aside.jsx
similarity index 100%
rename from src/layouts/Aside/Aside.jsx
rename to src/components/layouts/Aside/Aside.jsx
diff --git a/src/layouts/Aside/Aside.module.scss b/src/components/layouts/Aside/Aside.module.scss
similarity index 100%
rename from src/layouts/Aside/Aside.module.scss
rename to src/components/layouts/Aside/Aside.module.scss
diff --git a/src/layouts/Aside/index.js b/src/components/layouts/Aside/index.js
similarity index 100%
rename from src/layouts/Aside/index.js
rename to src/components/layouts/Aside/index.js
diff --git a/src/layouts/Body/Body.jsx b/src/components/layouts/Body/Body.jsx
similarity index 100%
rename from src/layouts/Body/Body.jsx
rename to src/components/layouts/Body/Body.jsx
diff --git a/src/layouts/Body/Body.module.scss b/src/components/layouts/Body/Body.module.scss
similarity index 100%
rename from src/layouts/Body/Body.module.scss
rename to src/components/layouts/Body/Body.module.scss
diff --git a/src/layouts/Body/index.js b/src/components/layouts/Body/index.js
similarity index 100%
rename from src/layouts/Body/index.js
rename to src/components/layouts/Body/index.js
diff --git a/src/layouts/Header/Header.jsx b/src/components/layouts/Header/Header.jsx
similarity index 100%
rename from src/layouts/Header/Header.jsx
rename to src/components/layouts/Header/Header.jsx
diff --git a/src/layouts/Header/Header.module.scss b/src/components/layouts/Header/Header.module.scss
similarity index 100%
rename from src/layouts/Header/Header.module.scss
rename to src/components/layouts/Header/Header.module.scss
diff --git a/src/layouts/Header/index.js b/src/components/layouts/Header/index.js
similarity index 100%
rename from src/layouts/Header/index.js
rename to src/components/layouts/Header/index.js
diff --git a/src/layouts/Main/Main.jsx b/src/components/layouts/Main/Main.jsx
similarity index 100%
rename from src/layouts/Main/Main.jsx
rename to src/components/layouts/Main/Main.jsx
diff --git a/src/layouts/Main/Main.module.scss b/src/components/layouts/Main/Main.module.scss
similarity index 100%
rename from src/layouts/Main/Main.module.scss
rename to src/components/layouts/Main/Main.module.scss
diff --git a/src/layouts/Main/index.js b/src/components/layouts/Main/index.js
similarity index 100%
rename from src/layouts/Main/index.js
rename to src/components/layouts/Main/index.js