diff --git a/docs/app/(home)/sections/Navbar/Navbar.module.css b/docs/app/(home)/sections/Navbar/Navbar.module.css
index 9978c3a58..61625def5 100644
--- a/docs/app/(home)/sections/Navbar/Navbar.module.css
+++ b/docs/app/(home)/sections/Navbar/Navbar.module.css
@@ -3,7 +3,7 @@
   top: 0;
   z-index: 50;
   width: 100%;
-  padding: 0.75rem 2rem;
+  padding: 0.75rem 1rem;
   background: #fff;
   transition: border-color 0.2s ease;
 }
@@ -180,6 +180,10 @@
 }
 
 @media (min-width: 1024px) {
+  .nav {
+    padding: 0.75rem 2rem;
+  }
+
   .desktopTabs,
   .desktopGithub {
     display: flex;
diff --git a/docs/app/blog/[slug]/page.tsx b/docs/app/blog/[slug]/page.tsx
index e0122576f..24eb99d99 100644
--- a/docs/app/blog/[slug]/page.tsx
+++ b/docs/app/blog/[slug]/page.tsx
@@ -1,3 +1,4 @@
+import { PillLink } from "@/app/(home)/components/Button/Button";
 import { blog } from "@/lib/source";
 import { getMDXComponents } from "@/mdx-components";
 import { TOCProvider, TOCScrollArea } from "fumadocs-ui/components/toc/index";
@@ -5,6 +6,14 @@ import { TOCItems } from "fumadocs-ui/components/toc/default";
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 
+function BlogGithubIcon() {
+  return (
+    <svg aria-hidden="true" viewBox="0 0 24 24" className="h-4 w-4 fill-current">
+      <path d="M12 1.5a10.5 10.5 0 0 0-3.32 20.46c.53.1.72-.23.72-.51v-1.8c-2.92.64-3.53-1.24-3.53-1.24-.48-1.22-1.17-1.55-1.17-1.55-.95-.66.07-.65.07-.65 1.06.07 1.62 1.08 1.62 1.08.93 1.6 2.45 1.14 3.05.87.09-.68.36-1.14.66-1.4-2.33-.27-4.77-1.16-4.77-5.18 0-1.14.4-2.07 1.08-2.8-.11-.26-.47-1.35.1-2.81 0 0 .88-.28 2.89 1.07a10.08 10.08 0 0 1 5.27 0c2-1.35 2.88-1.07 2.88-1.07.58 1.46.22 2.55.11 2.81.68.73 1.08 1.66 1.08 2.8 0 4.03-2.45 4.91-4.79 5.17.38.33.71.97.71 1.96v2.91c0 .28.19.62.73.51A10.5 10.5 0 0 0 12 1.5Z" />
+    </svg>
+  );
+}
+
 export default async function BlogPostPage(props: {
   params: Promise<{ slug: string }>;
 }) {
@@ -16,7 +25,7 @@ export default async function BlogPostPage(props: {
 
   return (
     <TOCProvider toc={page.data.toc}>
-      <main className="mx-auto flex w-full max-w-[1200px] gap-10 px-4 py-12 md:px-8">
+      <main className="mx-auto flex w-full max-w-[1200px] gap-4 px-4 pt-16 pb-40 lg:gap-28 lg:pr-8 min-[1249px]:pl-0 min-[1024px]:max-[1248px]:pl-8">
         <aside className="hidden w-56 shrink-0 lg:block">
           <div className="sticky top-24">
             <p className="mb-3 text-sm font-medium text-fd-foreground">
@@ -41,6 +50,16 @@ export default async function BlogPostPage(props: {
           <article className="prose mt-8 min-w-0">
             <Mdx components={getMDXComponents()} />
           </article>
+          <div className="mt-12 border-t pt-8">
+            <PillLink
+              href="https://github.com/thesysdev/openui"
+              external
+              className="inline-flex h-12 items-center gap-2 rounded-full bg-black px-5 text-[15px] font-medium text-white no-underline transition-colors duration-200 hover:bg-black/85 dark:bg-white dark:text-black dark:hover:bg-white/85"
+            >
+              <BlogGithubIcon />
+              <span>Star us on GitHub</span>
+            </PillLink>
+          </div>
         </div>
       </main>
     </TOCProvider>
diff --git a/docs/app/blog/components/BlogNavbar.tsx b/docs/app/blog/components/BlogNavbar.tsx
index 9a8360916..e677dcfb6 100644
--- a/docs/app/blog/components/BlogNavbar.tsx
+++ b/docs/app/blog/components/BlogNavbar.tsx
@@ -161,7 +161,7 @@ export function BlogNavbar() {
 
   return (
     <nav
-      className="sticky top-0 z-50 w-full py-3 px-8 bg-[var(--blog-nav-bg)] transition-[border-color] duration-200 ease-in-out"
+      className="sticky top-0 z-50 w-full px-4 py-3 bg-[var(--blog-nav-bg)] transition-[border-color] duration-200 ease-in-out md:px-8"
       style={navStyle}
     >
       <div className="flex max-w-[75rem] mx-auto items-center justify-between">
diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx
index 06a3f8213..4fc85b4f0 100644
--- a/docs/app/layout.tsx
+++ b/docs/app/layout.tsx
@@ -15,10 +15,10 @@ const geistMono = Geist_Mono({
   subsets: ["latin"],
 });
 
-const SITE_TITLE = "OpenUI — The Open Standard for Generative UI";
+const SITE_TITLE = "OpenUI - The Open Standard for Generative UI";
 const SITE_DESCRIPTION =
-  "OpenUI is a full-stack Generative UI framework with a compact streaming-first language, a React runtime with built-in components, and ready-to-use chat interfaces—using up to 67% fewer tokens than JSON.";
-const SITE_IMAGE = "/docs/images/home/meta-image.png";
+  "OpenUI is a full-stack Generative UI framework with a compact streaming-first language, a React runtime with built-in components, and ready-to-use chat interfaces - using up to 67% fewer tokens than JSON.";
+const SITE_IMAGE = "/meta-image.png";
 
 export const metadata: Metadata = {
   metadataBase: new URL(BASE_URL),