diff --git a/README.md b/README.md
index 5d80c86..0c48c08 100644
--- a/README.md
+++ b/README.md
@@ -19,84 +19,11 @@ If you love it (and we know you will), hit that ⭐ on our [official repo](https
 > [!NOTE]
 > This theme is a fork of folke/tokyonight.nvim all rights reserved
 
-<details>
+
 <summary>🍭 Themes preview</summary>
 
-<table width="100%">
-  <tr>
-    <th>Moon</th>
-    <th>Storm</th>
-  </tr>
-  <tr>
-    <td width="50%">
-      <img src="https://user-images.githubusercontent.com/292349/190951628-10ba28a1-57ff-4479-8eab-47400a402242.png" />
-    </td>
-    <td width="50%">
-      <img src="https://user-images.githubusercontent.com/292349/115295095-3a9e5080-a10e-11eb-9aed-6054488c46ce.png" />
-    </td>
-  </tr>
-  <tr>
-    <th>Night</th>
-    <th>Day</th>
-  </tr>
-  <tr>
-    <td width="50%">
-      <img src="https://user-images.githubusercontent.com/292349/115295327-7afdce80-a10e-11eb-89b3-2591262bf95a.png" />
-    </td>
-    <td width="50%">
-      <img src="https://user-images.githubusercontent.com/292349/115996270-78c6c480-a593-11eb-8ed0-7d1400b058f5.png" />
-    </td>
-  </tr>
-  <tr>
-    <th>Mars</th>
-    <th>Nord</th>
-  </tr>
-  <tr>
-    <td width="50%">
-      <img src="./img/nekonightbrown.jpg" />
-    </td>
-    <td width="50%">
-      <img src="./img/neko-nord.jpg" />
-    </td>
-  </tr>
-  <tr>
-    <th>Shades of purple</th>
-    <th>Shades of purple dark</th>
-  </tr>
-  <tr>
-    <td width="50%">
-      <img src="./img/neko-shades-of-purple.jpg" />
-    </td>
-    <td width="50%">
-      <img src="./img/neko-shades-of-purple-dark.jpg" />
-    </td>
-  </tr>
-  <tr>
-    <th>OneDark</th>
-    <th>Fire Obsidian</th>
-  </tr>
-  <tr>
-    <td width="50%">
-      <img src="./img/neko-onedark.jpg" />
-    </td>
-    <td width="50%">
-      <img src="./img/neko-fire-obsidian.jpg" />
-    </td>
-  </tr>
-  <tr>
-    <th>Palenight</th>
-    <th>Noctis-Uva</th>
-  </tr>
-  <tr>
-    <td width="50%">
-      <img src="./img/neko-palenight.jpg" />
-    </td>
-    <td width="50%">
-      <img src="./img/neko-noctis-uva.jpg" />
-    </td>
-  </tr>
-</table>
-</details>
+- [preview pack one](./doc/pack1.md)
+- [preview pack two](./doc/pack2.md)
 
 ## ✨ Features
 
diff --git a/doc/pack1.md b/doc/pack1.md
new file mode 100644
index 0000000..118e528
--- /dev/null
+++ b/doc/pack1.md
@@ -0,0 +1,52 @@
+# First pack
+
+<table width="100%">
+  <tr>
+    <th>Moon</th>
+    <th>Storm</th>
+  </tr>
+  <tr>
+    <td width="50%">
+      <img src="https://user-images.githubusercontent.com/292349/190951628-10ba28a1-57ff-4479-8eab-47400a402242.png" />
+    </td>
+    <td width="50%">
+      <img src="https://user-images.githubusercontent.com/292349/115295095-3a9e5080-a10e-11eb-9aed-6054488c46ce.png" />
+    </td>
+  </tr>
+  <tr>
+    <th>Night</th>
+    <th>Day</th>
+  </tr>
+  <tr>
+    <td width="50%">
+      <img src="https://user-images.githubusercontent.com/292349/115295327-7afdce80-a10e-11eb-89b3-2591262bf95a.png" />
+    </td>
+    <td width="50%">
+      <img src="https://user-images.githubusercontent.com/292349/115996270-78c6c480-a593-11eb-8ed0-7d1400b058f5.png" />
+    </td>
+  </tr>
+  <tr>
+    <th>Mars</th>
+    <th>Nord</th>
+  </tr>
+  <tr>
+    <td width="50%">
+      <img src="../img/nekonightbrown.jpg" />
+    </td>
+    <td width="50%">
+      <img src="../img/neko-nord.jpg" />
+    </td>
+  </tr>
+  <tr>
+    <th>Shades of purple</th>
+    <th>Shades of purple dark</th>
+  </tr>
+  <tr>
+    <td width="50%">
+      <img src="../img/neko-shades-of-purple.jpg" />
+    </td>
+    <td width="50%">
+      <img src="../img/neko-shades-of-purple-dark.jpg" />
+    </td>
+  </tr>
+  </table>
\ No newline at end of file
diff --git a/doc/pack2.md b/doc/pack2.md
new file mode 100644
index 0000000..11b2384
--- /dev/null
+++ b/doc/pack2.md
@@ -0,0 +1,28 @@
+# Pack two
+
+<table width="500">
+  <tr>
+    <th>OneDark</th>
+    <th>Fire Obsidian</th>
+  </tr>
+  <tr>
+    <td width="50%">
+      <img src="../img/neko-onedark.jpg" />
+    </td>
+    <td width="50%">
+      <img src="../img/neko-fire-obsidian.jpg" />
+    </td>
+  </tr>
+  <tr>
+    <th>Palenight</th>
+    <th>Noctis-Uva</th>
+  </tr>
+  <tr>
+    <td width="50%">
+      <img src="../img/neko-palenight.jpg" />
+    </td>
+    <td width="50%">
+      <img src="../img/neko-noctis-uva.jpg" />
+    </td>
+  </tr>
+</table>