landing page

pipeline/core/builder.py

@@ -685,6 +685,10 @@ def is_shared_file(self, file_path: Path) -> bool:
         if file_path.name == "docs.json":
             return True
 
+        # index.mdx at root should be shared
+        if file_path.name == "index.mdx" and len(relative_path.parts) == 1:
+            return True
+
         # Images directory should be shared
         if "images" in relative_path.parts:
             return True

src/docs.json

@@ -10,8 +10,7 @@
   },
   "logo": {
     "light": "/images/brand/langchain-docs-teal.svg",
-    "dark": "/images/brand/langchain-docs-lilac.svg",
-    "href": "https://docs.langchain.com/oss/python"
+    "dark": "/images/brand/langchain-docs-lilac.svg"
   },
   "favicon": {
     "light": "/images/brand/docs-favicon.svg",
@@ -103,7 +102,8 @@
     }
   },
   "scripts": [
-    "/hide-version-picker.js"
+    "/hide-version-picker.js",
+    "/smart-logo-navigation.js"
   ],
   "styles": [
     "/hide-version-picker.css"

src/index.mdx

@@ -1,62 +1,82 @@
 ---
-title: LangChain docs home
+title:
 sidebarTitle: Home
-description: "The platform for reliable agents"
-mode: "wide"
+description:
+mode: "center"
 ---
 
+<img
+    className="block dark:hidden"
+    src="/images/brand/langchain-docs-teal.svg"
+    alt="Light mode LangChain docs"
+/>
 
-# Frameworks
+<img
+    className="hidden dark:block"
+    src="/images/brand/langchain-docs-lilac.svg"
+    alt="Dark mode LangChain Docs"
+/>
 
-<CardGroup cols={2}>
-    <Card
-        title="LangChain - Python"
-        href="https://python.langchain.com/docs/introduction/"
-    >
-  Open-source framework for developing applications powered by large language models (LLMs).
-    </Card>
 
+# The agent engineering platform for developers building reliable agents
+
+[NEED COPY FOR HERE]
+
+## Open-source frameworks
+
+<CardGroup cols={2}>
     <Card
-        title="LangChain - JavaScript"
-        href="https://js.langchain.com/docs/introduction/"
+        title="LangChain"
+        href="/oss/python/langchain/overview"
+        icon="link"
     >
-  Open-source framework for developing applications powered by large language models (LLMs).
+    Open-source framework for developing applications powered by large language models (LLMs). Available in Python and JavaScript.
     </Card>
 
     <Card
         title="LangGraph"
-        href="/oss/python"
+        href="/oss/python/langgraph/overview"
+        icon="circle-nodes"
     >
-  Low-level orchestration framework for building, managing, and deploying long-running, stateful agents.
+    Low-level orchestration framework for building, managing, and deploying long-running, stateful agents. Available in Python and JavaScript.
     </Card>
 
 </CardGroup>
 
-# Platforms
+## LangSmith offerings
 
 <CardGroup cols={2}>
     <Card
-        title="LangGraph Platform"
-        href="/langgraph-platform/"
+        title="Observability"
+        href="/langsmith/observability"
+        icon="magnifying-glass"
     >
-    Commercial platform for developing, deploying, and scaling long-running agents and worflows.
+    Debug faster with visibility into each step your application takes when handling a request.
     </Card>
 
     <Card
-        title="LangSmith"
-        href="https://docs.smith.langchain.com/"
+        title="Evaluation"
+        href="/langsmith/evaluation"
+        icon="chart-simple"
     >
-    Observability and evals platform for debugging, testing, and monitoring any AI application.
+    Measure quality of your applications over time to build more reliable AI applications.
     </Card>
-</CardGroup>
 
-# Experimental
+    <Card
+        title="Prompt Engineering"
+        href="/langsmith/prompt-engineering"
+        icon="terminal"
+    >
+    Iterate on prompts with automatic version contol and collaboration features.
+    </Card>
 
-<CardGroup cols={2}>
     <Card
-        title="LangChain Labs"
-        href="/labs"
+        title="Deployment"
+        href="/langsmith"
+        icon="rocket-launch"
     >
-    A collection of agents and experimental AI products.
+    Deploy and manage long-running, stateful agent workflows in production.
     </Card>
+
 </CardGroup>
+

src/smart-logo-navigation.js

@@ -0,0 +1,45 @@
+// Smart logo navigation - redirects to the current dropdown's first page
+(function() {
+  // Wait for DOM to be ready
+  function initSmartLogoNav() {
+    const logo = document.querySelector('a[href="/"]') || document.querySelector('a[href*="langchain.com"]');
+
+    if (!logo) {
+      // Try again after a short delay if logo not found
+      setTimeout(initSmartLogoNav, 100);
+      return;
+    }
+
+    logo.addEventListener('click', function(e) {
+      const currentPath = window.location.pathname;
+      let destination = '/'; // Default to homepage
+
+      // Determine destination based on current path
+      if (currentPath.includes('/oss/python/')) {
+        destination = '/oss/python/langchain/overview';
+      } else if (currentPath.includes('/oss/javascript/')) {
+        destination = '/oss/javascript/langchain/overview';
+      } else if (currentPath.includes('/langgraph-platform/')) {
+        destination = '/langgraph-platform/index';
+      } else if (currentPath.includes('/langsmith/')) {
+        destination = '/langsmith/home';
+      } else if (currentPath.includes('/labs/')) {
+        destination = '/labs/index';
+      }
+
+      // If we determined a specific destination, navigate to it
+      if (destination !== '/') {
+        e.preventDefault();
+        window.location.href = destination;
+      }
+      // Otherwise, let the default behavior happen (go to homepage)
+    });
+  }
+
+  // Initialize when DOM is ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initSmartLogoNav);
+  } else {
+    initSmartLogoNav();
+  }
+})();