diff --git a/packages/docs/astro.config.mjs b/packages/docs/astro.config.mjs
index b778bd45e..6c484e7a8 100644
--- a/packages/docs/astro.config.mjs
+++ b/packages/docs/astro.config.mjs
@@ -47,6 +47,7 @@ export default defineConfig({
       components: {
         Sidebar: './src/components/Sidebar.astro',
         Header: './src/components/Header.astro',
+        Footer: './src/components/Footer.astro',
         Search: './src/components/Search.astro',
         Hero: "./src/components/Hero.astro",
         Head: './src/components/Head.astro',
diff --git a/packages/docs/config/head.ts b/packages/docs/config/head.ts
index af4119240..013e415d6 100644
--- a/packages/docs/config/head.ts
+++ b/packages/docs/config/head.ts
@@ -40,6 +40,14 @@ const head = [
       content: '#000'
     }
   },
+  {
+    tag: 'script',
+    attrs: {
+      async: true,
+      defer: true,
+      src: 'https://buttons.github.io/buttons.js'
+    }
+  }
 ]
 
 export default head
diff --git a/packages/docs/src/components/Footer.astro b/packages/docs/src/components/Footer.astro
new file mode 100644
index 000000000..a15c4261f
--- /dev/null
+++ b/packages/docs/src/components/Footer.astro
@@ -0,0 +1,52 @@
+---
+import type { Props } from '@astrojs/starlight/props';
+
+import EditLink from '@astrojs/starlight/components/EditLink.astro';
+import LastUpdated from '@astrojs/starlight/components/LastUpdated.astro';
+import Pagination from '@astrojs/starlight/components/Pagination.astro';
+---
+
+<footer class="sl-flex">
+	<div class="meta sl-flex">
+		<EditLink {...Astro.props} />
+		<LastUpdated {...Astro.props} />
+	</div>
+	<Pagination {...Astro.props} />
+    <div class="github">
+        <span>Show your support! Star us on GitHub ⭐️</span>
+        <a class="github-button" href="https://github.com/oramasearch/orama" data-color-scheme="no-preference: light; light: light; dark: light;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star oramasearch/orama on GitHub">Star</a>
+    </div>
+</footer>
+
+<style>
+	footer {
+		flex-direction: column;
+		gap: 1.5rem;
+	}
+	.meta {
+		gap: 0.75rem 3rem;
+		justify-content: space-between;
+		flex-wrap: wrap;
+		margin-top: 3rem;
+		font-size: var(--sl-text-sm);
+		color: var(--sl-color-gray-3);
+	}
+	.meta > :global(p:only-child) {
+		margin-inline-start: auto;
+	}
+
+	.github {
+		align-items: center;
+        justify-content: center;
+		gap: 0.5em;
+		margin: 2rem auto;
+		font-size: var(--sl-text-sm);
+		text-decoration: none;
+        display: flex;
+        flex-direction: column;
+	}
+    .github span {
+        font-size: var(--sl-text-sm);
+        cursor: default;
+    }
+</style>
\ No newline at end of file
diff --git a/packages/docs/src/components/TableOfContents.astro b/packages/docs/src/components/TableOfContents.astro
index 0b2cceacd..81fc21dbc 100644
--- a/packages/docs/src/components/TableOfContents.astro
+++ b/packages/docs/src/components/TableOfContents.astro
@@ -1,6 +1,7 @@
 ---
 import type { Props } from '@astrojs/starlight/props';
 import TableOfContentsList from './TableOfContents/TableOfContentsList.astro';
+import { Icon } from '@astrojs/starlight/components';
 
 const { labels, toc } = Astro.props;
 
@@ -14,16 +15,37 @@ const showMiniBanner = Astro.props.slug.startsWith("open-source");
 			<nav aria-labelledby="starlight__on-this-page">
 				<h2 id="starlight__on-this-page">{labels['tableOfContents.onThisPage']}</h2>
 				<TableOfContentsList toc={toc.items} />
-        {showMiniBanner && <a href="/cloud" class="mini-banner hidden xl:flex">
-          <div class="mini-banner__icon">
-            <img src="/orama-icon-large.png" alt="Orama Cloud" class="w-3 h-3" />
-          </div>
-          <div class="mini-banner__text">
-            <strong class="text-xs">Looking for Orama Cloud docs?</strong>
-            <span class="text-xs">Click here</span>
-          </div>
-        </a>}
+        <hr class="divider" />
+        <a href="https://github.com/oramasearch/orama" target="_blank">
+          <span class="love">
+            <Icon name="github" />
+            Loving Orama? Star us!
+          </span>
+        </a>
 			</nav>
+      {showMiniBanner && <a href="/cloud" class="mini-banner hidden xl:flex">
+        <div class="mini-banner__icon">
+          <img src="/orama-icon-large.png" alt="Orama Cloud" class="w-3 h-3" />
+        </div>
+        <div class="mini-banner__text">
+          <strong class="text-xs">Looking for Orama Cloud docs?</strong>
+          <span class="text-xs">Click here</span>
+        </div>
+      </a>}
 		</starlight-toc>
 	)
-}
\ No newline at end of file
+}
+
+<style>
+  .love {
+    font-size: var(--sl-text-xs);
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  .divider {
+    margin: 16px 0;
+    opacity: 0.1;
+  }
+</style>
\ No newline at end of file