diff --git a/src/components/FooterMenu.astro b/src/components/FooterMenu.astro
new file mode 100644
index 0000000..caf5cfd
--- /dev/null
+++ b/src/components/FooterMenu.astro
@@ -0,0 +1,32 @@
+---
+import { fetchMenu } from '@api/menu';
+
+interface Props {
+    menuId: number;
+}
+
+const  menuId  = '3342';
+
+// Получаем меню по ID
+const menu = await fetchMenu({ id: menuId });
+
+if (!menu) {
+    return;
+}
+---
+
+<nav class="simple-menu">
+    <ul class="simple-menu-list">
+        {menu.menuItems.nodes.map(item => (
+            <li class="simple-menu-item" key={item.id}>
+                <a 
+                    href={item.url} 
+                    class="simple-menu-link"
+                    target={item.target || '_self'}
+                >
+                    {item.label}
+                </a>
+            </li>
+        ))}
+    </ul>
+</nav>
\ No newline at end of file
diff --git a/src/components/MainMenu.astro b/src/components/MainMenu.astro
new file mode 100644
index 0000000..8000e84
--- /dev/null
+++ b/src/components/MainMenu.astro
@@ -0,0 +1,33 @@
+---
+import { fetchMenu } from '@api/menu';
+
+interface Props {
+    menuId: number;
+}
+
+const { menuId } = Astro.props;
+
+// Получаем меню по ID
+const menu = await fetchMenu({ id: menuId });
+
+if (!menu) {
+    return;
+}
+---
+
+<nav class="simple-menu">
+    <ul class="simple-menu-list">
+        {menu.menuItems.nodes.map(item => (
+            <li class="simple-menu-item" key={item.id}>
+                <a 
+                    href={item.url} 
+                    class="simple-menu-link"
+                    target={item.target || '_self'}
+                >
+                    {item.label}
+                </a>
+            </li>
+        ))}
+    </ul>
+</nav>
+