docs: add examples pages

copies from the supported languages page

3 files changed, 20 insertions, 0 deletions

diff --git a/docs/guide/lua/examples.md b/docs/guide/lua/examples.md
new file mode 100644
index 0000000..be46b6e
--- /dev/null
+++ b/docs/guide/lua/examples.md
@@ -0,0 +1,4 @@
+# Lua examples
+
+## [Simple Bar](https://github.com/Aylur/astal/tree/main/examples/lua/simple-bar)
+![simple-bar](https://github.com/user-attachments/assets/a306c864-56b7-44c4-8820-81f424f32b9b)
diff --git a/docs/guide/typescript/examples.md b/docs/guide/typescript/examples.md
new file mode 100644
index 0000000..ec51e89
--- /dev/null
+++ b/docs/guide/typescript/examples.md
@@ -0,0 +1,14 @@
+# TypeScript Examples
+
+## Gtk3
+
+### [Simple Bar](https://github.com/Aylur/astal/tree/main/examples/js/simple-bar)
+![simple-bar](https://github.com/user-attachments/assets/a306c864-56b7-44c4-8820-81f424f32b9b)
+
+### [Notification Popups](https://github.com/Aylur/astal/tree/main/examples/js/notifications)
+![notification-popups](https://github.com/user-attachments/assets/0df0eddc-5c74-4af0-a694-48dc8ec6bb44)
+### [Applauncher](https://github.com/Aylur/astal/tree/main/examples/js/applauncher)
+![launcher](https://github.com/user-attachments/assets/2695e3bb-dff4-478a-b392-279fe638bfd3)
+
+### [Media Player](https://github.com/Aylur/astal/tree/main/examples/js/media-player)
+![media-player](https://github.com/user-attachments/assets/891e9706-74db-4505-bd83-c3628d7b4fd0)
diff --git a/docs/vitepress.config.ts b/docs/vitepress.config.ts
index 7e16eb7..3593b40 100644
--- a/docs/vitepress.config.ts
+++ b/docs/vitepress.config.ts
@@ -73,6 +73,7 @@ export default defineConfig({
                     { text: "GObject", link: "/gobject" },
                     { text: "Utilities", link: "/utilities" },
                     { text: "FAQ", link: "/faq" },
+                    { text: "Examples", link: "/examples" },
                 ],
             },
             {
@@ -90,6 +91,7 @@ export default defineConfig({
                     // { text: "GObject", link: "/gobject" },
                     { text: "Utilities", link: "/utilities" },
                     // { text: "FAQ", link: "/faq" },
+                    { text: "Examples", link: "/examples" },
                 ],
             },
             {