diff --git a/app/src/components/CatalogPart.vue b/app/src/components/CatalogPart.vue
new file mode 100644
index 0000000..311095a
--- /dev/null
+++ b/app/src/components/CatalogPart.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="bg-bg-primary text-text rounded-2xl">
+    <h1>test</h1>
+  </div>
+</template>
diff --git a/app/src/views/CatalogPage.vue b/app/src/views/CatalogPage.vue
new file mode 100644
index 0000000..72c1162
--- /dev/null
+++ b/app/src/views/CatalogPage.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="h-[6vh] w-full">
+    <GameHeaderPart />
+  </div>
+  <div class="p-4 h-[94vh] w-full">
+    <div class="bg-bg-secondary h-full w-full grid grid-cols-3 gap-4 p-4">
+      <CatalogPart v-for="i in 9" :key="i" />
+    </div>
+  </div>
+</template>
+<script setup>
+import GameHeaderPart from '../components/GameHeaderPart.vue'
+import CatalogPart from '../components/CatalogPart.vue'
+</script>