update public landing page

internal/site/app/(public)/layout.tsx

@@ -151,63 +151,14 @@ export default function Layout({ children }: { children: ReactNode }) {
               >
                 <LogoBlink size={22} />
               </Link>
-              {/* Mobile: Single line */}
-              <a
-                href="https://coder.com"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="md:hidden text-[13px] leading-[14px] text-gray-400 hover:text-gray-300 transition-colors duration-150"
-              >
-                {typedTextMobile}
-              </a>
-              {/* Desktop: Two lines */}
-              <a
-                href="https://coder.com"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="hidden md:block text-[13px] leading-[14px] text-gray-400 hover:text-gray-300 transition-colors duration-150 min-h-[28px]"
-              >
-                <div>{typedText.split("\n")[0] || "\u00A0"}</div>
-                <div>{typedText.split("\n")[1] || "\u00A0"}</div>
-              </a>
             </div>
 
             {/* Navigation - Hidden on mobile, visible on large screens */}
             {/* <div className="hidden lg:flex flex-row items-center gap-6 text-neutral-400 ml-16">
               </div> */}
 
-            {/* Mobile menu button */}
-            <button
-              className="lg:hidden ml-auto p-2 text-white hover:opacity-80 transition-opacity"
-              onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
-              aria-label="Toggle mobile menu"
-            >
-              <svg
-                className="w-6 h-6"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-              >
-                {isMobileMenuOpen ? (
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M6 18L18 6M6 6l12 12"
-                  />
-                ) : (
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M4 6h16M4 12h16M4 18h16"
-                  />
-                )}
-              </svg>
-            </button>
-
-            {/* Auth buttons */}
-            <div className="hidden lg:flex ml-auto flex-row items-center gap-1 md:gap-2">
+            {/* GitHub and Docs icons - visible on all viewports */}
+            <div className="flex ml-auto flex-row items-center gap-1 md:gap-2">
               <a
                 href="https://github.com/coder/blink"
                 target="_blank"
@@ -228,7 +179,7 @@ export default function Layout({ children }: { children: ReactNode }) {
                 </svg>
               </a>
               <a
-                href="https://docs.blink.so"
+                href="https://blink.coder.com/docs"
                 target="_blank"
                 rel="noopener noreferrer"
                 className="p-2 text-gray-400 hover:text-white transition-colors duration-200"
@@ -248,72 +199,9 @@ export default function Layout({ children }: { children: ReactNode }) {
                   />
                 </svg>
               </a>
-              <Link href="/login">
-                <Button
-                  variant="outline"
-                  size="sm"
-                  className="text-xs md:text-sm px-4 rounded-full inline-flex items-center gap-2 border-gray-600 bg-gray-900/20 hover:bg-gray-800/30 hover:border-gray-500"
-                >
-                  Login
-                </Button>
-              </Link>
             </div>
           </div>
 
-          {/* Mobile Navigation Menu */}
-          {isMobileMenuOpen && (
-            <div className="lg:hidden fixed inset-x-0 top-[72px] md:top-[104px] bottom-0 bg-[#090B0B] z-40 animate-in fade-in duration-200">
-              <div className="h-full flex flex-col px-6 py-8 overflow-y-auto">
-                <nav className="flex-1 flex flex-col space-y-2">
-                  {/* <SmartNavLink
-                      href="#use-cases"
-                      className="text-gray-400 hover:text-white transition-colors py-3 text-lg font-medium"
-                      onClick={() => setIsMobileMenuOpen(false)}
-                    >
-                      Use Cases
-                    </SmartNavLink>
-                    <SmartNavLink
-                      href="#features"
-                      className="text-gray-400 hover:text-white transition-colors py-3 text-lg font-medium"
-                      onClick={() => setIsMobileMenuOpen(false)}
-                    >
-                      Features
-                    </SmartNavLink>
-                    <SmartNavLink
-                      href="#how-it-works"
-                      className="text-gray-400 hover:text-white transition-colors py-3 text-lg font-medium"
-                      onClick={() => setIsMobileMenuOpen(false)}
-                    >
-                      How it Works
-                    </SmartNavLink>
-
-                    <SmartNavLink
-                      href="#community"
-                      className="text-gray-400 hover:text-white transition-colors py-3 text-lg font-medium"
-                      onClick={() => setIsMobileMenuOpen(false)}
-                    >
-                      Community
-                    </SmartNavLink> */}
-                </nav>
-
-                <div className="pb-8">
-                  <Link
-                    href="/login"
-                    onClick={() => setIsMobileMenuOpen(false)}
-                  >
-                    <Button
-                      variant="outline"
-                      size="lg"
-                      className="w-full text-base px-6 py-4 rounded-full inline-flex items-center justify-center gap-3 border-gray-600 bg-gray-900/20 hover:bg-gray-800/30 hover:border-gray-500"
-                    >
-                      Login
-                    </Button>
-                  </Link>
-                </div>
-              </div>
-            </div>
-          )}
-
           <div className="relative z-10 w-full flex flex-1 flex-col justify-center">
             {children}
           </div>

internal/site/app/layout.tsx

@@ -6,9 +6,9 @@ import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 
 export const metadata: Metadata = {
-  title: "Blink",
+  title: "Blink: Deep Code Research Agent for Slack & GitHub",
   description:
-    "Build and deploy Slack agents from your terminal. Open source, local-first agent framework.",
+    "Self-hosted platform for deploying custom AI agents. Ships with Scout, a powerful coding agent for deep code research. Integrates with Slack, GitHub, and your infrastructure. Build agents in TypeScript with the Blink SDK.",
   manifest: "/manifest.json",
   appleWebApp: {
     capable: true,
@@ -17,6 +17,29 @@ export const metadata: Metadata = {
   formatDetection: {
     telephone: false,
   },
+  openGraph: {
+    title: "Blink - Self-Hosted AI Agents for Code Research",
+    description:
+      "Deploy custom AI coding agents to Slack and GitHub. Pre-built Scout agent, Web UI, and SDK for building agents in TypeScript.",
+    type: "website",
+    url: "https://blink.coder.com",
+    siteName: "Blink",
+    images: [
+      {
+        url: "https://blink.coder.com/slack-screenshots/web-ui-screenshot.jpg",
+        width: 1920,
+        height: 1080,
+        alt: "Blink Web UI",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Blink - Self-Hosted AI Agents for Code Research",
+    description:
+      "Deploy custom AI coding agents to Slack and GitHub with this self-hosted platform.",
+    images: ["https://blink.coder.com/slack-screenshots/web-ui-screenshot.jpg"],
+  },
   icons: {
     shortcut: [
       {