diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md
index 5f5a51ea3..e913a4845 100644
--- a/docs/SUMMARY.md
+++ b/docs/SUMMARY.md
@@ -1,10 +1,17 @@
 # Table of contents
 
 * [Welcome to Uptime Manager](README.md)
-* [Installing Uptime Manager](quickstart.md)
-* [Using Uptime Manager](using-uptime-manager.md)
-* [Creating a new monitor](creating-a-new-monitor.md)
-* [Pagespeed monitoring](pagespeed-monitoring.md)
+
+## Group 1
+
+* [Installing Uptime Manager](group-1/quickstart.md)
+* [Using Uptime Manager](group-1/using-uptime-manager.md)
+* [Creating a new monitor](group-1/creating-a-new-monitor.md)
+* [Page 1](group-1/page-1.md)
+* [Pagespeed monitoring](group-1/pagespeed-monitoring.md)
+
+***
+
 * [Incidents page](incidents-page.md)
 * [Server settings](server-settings.md)
 * [User settings](user-settings.md)
diff --git a/docs/creating-a-new-monitor.md b/docs/group-1/creating-a-new-monitor.md
similarity index 100%
rename from docs/creating-a-new-monitor.md
rename to docs/group-1/creating-a-new-monitor.md
diff --git a/docs/group-1/page-1.md b/docs/group-1/page-1.md
new file mode 100644
index 000000000..6f8b4979f
--- /dev/null
+++ b/docs/group-1/page-1.md
@@ -0,0 +1,2 @@
+# Page 1
+
diff --git a/docs/pagespeed-monitoring.md b/docs/group-1/pagespeed-monitoring.md
similarity index 89%
rename from docs/pagespeed-monitoring.md
rename to docs/group-1/pagespeed-monitoring.md
index bbbd28b52..260e1c30c 100644
--- a/docs/pagespeed-monitoring.md
+++ b/docs/group-1/pagespeed-monitoring.md
@@ -6,7 +6,7 @@ icon: gauge-min
 
 Under Dashboard > Pagespeed, you can see an overview of pagespeed monitors for different websites. This dashboard helps you view optimal website performance by providing clear, actionable insights into various aspects of your site's speed and user experience.
 
-<figure><img src=".gitbook/assets/Screenshot 2024-10-03 at 11.37.47 PM (1).png" alt=""><figcaption></figcaption></figure>
+<figure><img src="../.gitbook/assets/Screenshot 2024-10-03 at 11.37.47 PM (1).png" alt=""><figcaption></figcaption></figure>
 
 When you add a new page speed monitor, it is added here. Click on the "Create new" button to add a new page speed.&#x20;
 
@@ -14,7 +14,7 @@ Here, both monitors are shown as "Live (Collecting Data)" with a green dot, indi
 
 ### Details of a pagespeed monitor
 
-<figure><img src=".gitbook/assets/Screenshot 2024-10-03 at 11.41.55 PM.png" alt=""><figcaption></figcaption></figure>
+<figure><img src="../.gitbook/assets/Screenshot 2024-10-03 at 11.41.55 PM.png" alt=""><figcaption></figcaption></figure>
 
 When you click on a pagespeed card, you'll see an overview of data collected using Google's PageSpeed Monitor API.&#x20;
 
@@ -45,7 +45,7 @@ You'll see an overall score of your server's pagespeed.&#x20;
 
 When you are on a pagespeed screen, click on the "Create pagespeed" button. You'll see a screen similar to this:&#x20;
 
-<figure><img src=".gitbook/assets/Screenshot 2024-10-03 at 11.47.41 PM.png" alt=""><figcaption></figcaption></figure>
+<figure><img src="../.gitbook/assets/Screenshot 2024-10-03 at 11.47.41 PM.png" alt=""><figcaption></figcaption></figure>
 
 This page allows you to set up a new pagespeed monitor for your website. Follow these steps to configure your monitor:
 
diff --git a/docs/quickstart.md b/docs/group-1/quickstart.md
similarity index 100%
rename from docs/quickstart.md
rename to docs/group-1/quickstart.md
diff --git a/docs/using-uptime-manager.md b/docs/group-1/using-uptime-manager.md
similarity index 94%
rename from docs/using-uptime-manager.md
rename to docs/group-1/using-uptime-manager.md
index 03fa6ff97..0b0071bae 100644
--- a/docs/using-uptime-manager.md
+++ b/docs/group-1/using-uptime-manager.md
@@ -1,8 +1,8 @@
 ---
+icon: computer-mouse
 description: >-
   This user guide helps new users navigate and understand the Uptime Manager
   dashboard layout and functionality.
-icon: computer-mouse
 ---
 
 # Using Uptime Manager
@@ -41,7 +41,7 @@ The dashboard offers a summary of your uptime monitors:
 
 This section lists all the services being monitored, showing key details for each service:
 
-<figure><img src=".gitbook/assets/Screenshot 2024-10-03 at 10.56.43 PM.png" alt=""><figcaption></figcaption></figure>
+<figure><img src="../.gitbook/assets/Screenshot 2024-10-03 at 10.56.43 PM.png" alt=""><figcaption></figcaption></figure>
 
 * **Host**: The name and URL of the service being monitored.
 * **Status**: The current status of the service, indicated by color-coded icons:
@@ -68,7 +68,7 @@ The gear icon next to each monitored service allows for quick access to configur
 
 ### Table actions&#x20;
 
-<figure><img src=".gitbook/assets/Screenshot 2024-10-03 at 10.57.45 PM.png" alt="" width="375"><figcaption></figcaption></figure>
+<figure><img src="../.gitbook/assets/Screenshot 2024-10-03 at 10.57.45 PM.png" alt="" width="375"><figcaption></figcaption></figure>
 
 When you click on the gear icon, you'll see a few options that correspond to that host:&#x20;