diff --git a/src/app.vue b/src/app.vue
index 860b7031..269447b1 100644
--- a/src/app.vue
+++ b/src/app.vue
@@ -1,9 +1,7 @@
 <template>
-  <NuxtLayout>
-    <NuxtLayout name="header" />
-    <NuxtPage />
-    <NuxtLayout name="footer" />
-  </NuxtLayout>
+  <LayoutsHeader />
+  <NuxtPage />
+  <LayoutsFooter />
 </template>
 
 <script setup lang="ts">
diff --git a/src/layouts/Footer.vue b/src/components/Layouts/Footer.vue
similarity index 100%
rename from src/layouts/Footer.vue
rename to src/components/Layouts/Footer.vue
diff --git a/src/layouts/Header.vue b/src/components/Layouts/Header.vue
similarity index 100%
rename from src/layouts/Header.vue
rename to src/components/Layouts/Header.vue