diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 0ca7690..1c01222 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,6 +1,5 @@
 <nav>
   <a href="/">Главная</a>
-  <a href="/self-hosting">Децентрализируемся</a>
 </nav>
 
 <style>
diff --git a/src/components/Note.astro b/src/components/Note.astro
new file mode 100644
index 0000000..8d3ec78
--- /dev/null
+++ b/src/components/Note.astro
@@ -0,0 +1,20 @@
+---
+interface Props {
+  date: string
+	title: string;
+	href: string;
+}
+
+const { date, title, href } = Astro.props;
+---
+
+<div class="note">
+  <div>{ date }</div> — <a href={href}>{ title }</a>
+</div>
+
+<style>
+  .note {
+    display: flex;
+    gap: 6px;
+  }
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index cbdacda..867ae1d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
 import Layout from '../layouts/Layout.astro';
+import Note from '../components/Note.astro';
 ---
 
 <Layout title="Уютный домик">
@@ -11,6 +12,9 @@ import Layout from '../layouts/Layout.astro';
   <p>
     Я Иван. Скорее всего, я буду рассказывать что-нибудь про компьютеры и интернет, такой уж я человек.
   </p>
+
+  <h2>Заметки</h2>
+  <Note date="2023-08-27" title="Децентрализируемся" href="/notes/self-hosting" />
 </Layout>
 
 <style>
diff --git a/src/pages/self-hosting.astro b/src/pages/notes/self-hosting.astro
similarity index 99%
rename from src/pages/self-hosting.astro
rename to src/pages/notes/self-hosting.astro
index d748373..3c55893 100644
--- a/src/pages/self-hosting.astro
+++ b/src/pages/notes/self-hosting.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from '../layouts/Layout.astro';
+import Layout from '../../layouts/Layout.astro';
 ---
 
 <Layout title="Децентрализируемся!">