diff --git a/docs/docs/assets/gifs/create-custom-page-demo.gif b/docs/docs/assets/gifs/create-custom-page-demo.gif
new file mode 100644
index 000000000000..c819438ddeaf
Binary files /dev/null and b/docs/docs/assets/gifs/create-custom-page-demo.gif differ
diff --git a/docs/docs/assets/img/custom-page.webp b/docs/docs/assets/img/custom-page.webp
new file mode 100644
index 000000000000..6901d5336a02
Binary files /dev/null and b/docs/docs/assets/img/custom-page.webp differ
diff --git a/docs/docs/documentation/admin/building-pages.md b/docs/docs/documentation/admin/building-pages.md
index 269423ab8b6e..04c2c760eb5a 100644
--- a/docs/docs/documentation/admin/building-pages.md
+++ b/docs/docs/documentation/admin/building-pages.md
@@ -3,9 +3,11 @@
 !!! warning
     The page building is still experimental and may change. You can provide feedback on any changes you'd like to see on [github](https://github.com/hay-kot/mealie/discussions/229)
 
-Custom pages can be created to organize multiple categories into a single page. Links to your custom pages are displayed on the home page sidebar and accessible by all users, however only Administrators can create or update pages. 
+Custom pages can be created to organize multiple categories into a single page. Links to your custom pages are displayed on the home page sidebar and accessible by all users, however only Administrators can create or update pages.
+![custom page](../../assets/img/custom-page.webp)
 
 To create a new page. Navigate to the settings page at `/admin/settings` and scroll down to the custom pages section. Here you can create, view, and edit your custom pages. To reorder how they are displayed on the sidebar you can drag and drop the pages into the preferred order.
+![create custom page](../../assets/gifs/create-custom-page-demo.gif)
 
 !!! tip
     To save the order of pages you must click the save button displayed on the bottom of the Custom Page section. This is not necessary for updating individual page data. 
\ No newline at end of file