diff --git a/src/pages/CompanyPage.vue b/src/pages/Company/index.vue
similarity index 60%
rename from src/pages/CompanyPage.vue
rename to src/pages/Company/index.vue
index 1138fc0..e9fc4d4 100644
--- a/src/pages/CompanyPage.vue
+++ b/src/pages/Company/index.vue
@@ -1,3 +1,5 @@
 <template>
 	<p>Company page content</p>
 </template>;
+<script lang="ts" setup>
+</script>
diff --git a/src/pages/DesignPage.vue b/src/pages/Design/index.vue
similarity index 98%
rename from src/pages/DesignPage.vue
rename to src/pages/Design/index.vue
index 7928efc..1a827d4 100644
--- a/src/pages/DesignPage.vue
+++ b/src/pages/Design/index.vue
@@ -1,4 +1,5 @@
-<script setup lang="ts"></script>;
+<script lang="ts" setup>
+</script>;
 
 <template>
 	<div class="container mx-auto px-5 w-full text-center flex flex-col space-y-2.5">
diff --git a/src/pages/HomePage.vue b/src/pages/Home/index.vue
similarity index 100%
rename from src/pages/HomePage.vue
rename to src/pages/Home/index.vue
diff --git a/src/router.ts b/src/router.ts
index 2a77e87..c02d87b 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -1,16 +1,25 @@
 import { createRouter, createWebHistory } from "vue-router";
 
-import HomePage from "./pages/HomePage.vue";
-import CompanyPage from "./pages/CompanyPage.vue";
-import DesignPage from "./pages/DesignPage.vue";
+import Home from "./pages/Home/index.vue";
+import Company from "./pages/Company/index.vue";
+import Design from "./pages/Design/index.vue";
 
 const routes = [
-	{ path: "/", component: HomePage },
-	{ path: "/company", component: CompanyPage },
-	{ path: "/design", component: DesignPage },
+	{
+		path: "/",
+		component: Home
+	},
+	{
+		path: "/company",
+		component: Company
+	},
+	{
+		path: "/design",
+		component: Design
+	}
 ];
 
 export const router = createRouter({
 	history: createWebHistory(),
-	routes,
+	routes
 });