From 98478e271934c8b3deb1b3003d88fe1a165e75a0 Mon Sep 17 00:00:00 2001
From: Siddharth Kumar Sah <siddharth123sk@gmail.com>
Date: Fri, 27 Mar 2026 20:52:06 +0800
Subject: [PATCH] feat(docs): add gem logo to GitHub Pages nav bar and home
 hero

---
 apps/docs/.vitepress/config.mts | 2 ++
 apps/docs/index.md              | 3 +++
 apps/docs/public/logo.svg       | 9 +++++++++
 3 files changed, 14 insertions(+)
 create mode 100644 apps/docs/public/logo.svg

diff --git a/apps/docs/.vitepress/config.mts b/apps/docs/.vitepress/config.mts
index 2faed801..cc4caea4 100644
--- a/apps/docs/.vitepress/config.mts
+++ b/apps/docs/.vitepress/config.mts
@@ -15,6 +15,8 @@ export default defineConfig({
   ],
 
   themeConfig: {
+    logo: "/logo.svg",
+
     nav: [
       { text: "Home", link: "/" },
       { text: "Guide", link: "/guide/getting-started" },
diff --git a/apps/docs/index.md b/apps/docs/index.md
index 22224d82..77075ba3 100644
--- a/apps/docs/index.md
+++ b/apps/docs/index.md
@@ -5,6 +5,9 @@ hero:
   name: "Stirling Image"
   text: "Self-hosted image processing"
   tagline: Resize, compress, convert, remove backgrounds, and more. All on your own server, no data leaves your machine.
+  image:
+    src: /logo.svg
+    alt: Stirling Image
   actions:
     - theme: brand
       text: Get started
diff --git a/apps/docs/public/logo.svg b/apps/docs/public/logo.svg
new file mode 100644
index 00000000..aee994e4
--- /dev/null
+++ b/apps/docs/public/logo.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" fill="none">
+  <polygon points="70,16 100,48 70,60 40,48" fill="#3b82f6" opacity="1"/>
+  <polygon points="40,48 70,60 70,124 22,60" fill="#3b82f6" opacity="0.7"/>
+  <polygon points="100,48 70,60 70,124 118,60" fill="#3b82f6" opacity="0.5"/>
+  <polygon points="70,16 40,48 22,60" fill="#3b82f6" opacity="0.85"/>
+  <polygon points="70,16 100,48 118,60" fill="#3b82f6" opacity="0.65"/>
+  <polygon points="70,16 118,60 70,124 22,60" fill="none" stroke="#3b82f6" stroke-width="2.5" stroke-linejoin="round"/>
+  <line x1="40" y1="48" x2="100" y2="48" stroke="#3b82f6" stroke-width="1.5" opacity="0.4"/>
+</svg>