fix(www): links

apps/www/src/components/IdeaToAgentSection.tsx

@@ -13,7 +13,7 @@ const carouselData = [
     description:
       "Building agents is hard enough. The plumbing work shouldn't be. Plano handles routing, observability, and policy hooks as a models-native sidecar—so you can focus on your agent's core product logic and ship to production faster.",
     image: "/LaunchFaster.svg",
-    link: "https://docs.plano.katanemo.com/getting-started/installation",
+    link: "https://docs.planoai.dev/getting-started/installation",
   },
   {
     id: 2,
@@ -22,7 +22,7 @@ const carouselData = [
     description:
       "Build with multiple LLMs or model versions with a single unified API. Plano centralizes access controls, offers resiliency for traffic to 100+ LLMs -- all without you having to write a single line of code. Use existing libraries and proxy traffic through Plano.",
     image: "/BuildWithChoice.svg",
-    link: "https://docs.plano.katanemo.com/getting-started/installation",
+    link: "https://docs.planoai.dev/getting-started/installation",
   },
   {
     id: 3,
@@ -31,7 +31,7 @@ const carouselData = [
     description:
       "Knowing when agents fail or delight users is a critical signal that feeds into the reinforcement learning and optimization cycle. Plano makes this trivial by sampling hyper-rich information traces from live production agentic interactions so that you can improve agent performance faster.",
     image: "/Telemetry.svg",
-    link: "https://docs.plano.katanemo.com/getting-started/installation",
+    link: "https://docs.planoai.dev/getting-started/installation",
   },
   {
     id: 4,
@@ -40,7 +40,7 @@ const carouselData = [
     description:
       "Plano comes built-in with a state-of-the-art guardrail model you can use for things like jailbreak detection. But you can easily extend those capabilities via plano's agent filter chain to apply custom policy checks in a centralized way and keep users engaged on topics relevant to your requirements.",
     image: "/ShipConfidently.svg",
-    link: "https://docs.plano.katanemo.com/getting-started/installation",
+    link: "https://docs.planoai.dev/getting-started/installation",
   },
   {
     id: 5,
@@ -49,7 +49,7 @@ const carouselData = [
     description:
       "Plano's sidecar deployment model avoids library-based abstractions - operating as a protocol-native data plane that integrates seamlessly with your existing agents via agentic APIs (like v1/responses). This decouples your core agent logic from plumbing concerns - run it alongside any framework without code changes, vendor lock-in, or performance overhead.",
     image: "/Contextual.svg",
-    link: "https://docs.plano.katanemo.com/getting-started/installation",
+    link: "https://docs.planoai.dev/getting-started/installation",
   },
 ];
 

apps/www/src/components/UnlockPotentialSection.tsx

@@ -33,10 +33,10 @@ export function UnlockPotentialSection({
 
           <div className="flex flex-col sm:flex-row gap-5">
             <Button asChild>
-              <Link href="https://docs.plano.katanemo.com">Deploy today</Link>
+              <Link href="https://docs.planoai.dev">Deploy today</Link>
             </Button>
             <Button variant="secondaryDark" asChild>
-              <Link href="https://docs.plano.katanemo.com">Documentation</Link>
+              <Link href="https://docs.planoai.dev">Documentation</Link>
             </Button>
           </div>
         </div>

apps/www/src/components/UseCasesSection.tsx

@@ -115,7 +115,7 @@ export function UseCasesSection() {
               What's possible with Plano
             </h2>
             <Button asChild className="hidden lg:block">
-              <Link href="https://docs.plano.katanemo.com/getting-started/installation">
+              <Link href="https://docs.planoai.dev/getting-started/installation">
                 Start building
               </Link>
             </Button>
@@ -158,7 +158,7 @@ export function UseCasesSection() {
         {/* Start building button - Mobile only, appears last */}
         <div className="lg:hidden mt-8">
           <Button asChild className="w-full">
-            <Link href="https://docs.plano.katanemo.com/getting-started/installation">
+            <Link href="https://docs.planoai.dev/getting-started/installation">
               Start building
             </Link>
           </Button>
@@ -289,7 +289,7 @@ export function UseCasesSection() {
                         <div className="flex flex-col sm:flex-row gap-3 w-full sm:w-auto order-1">
                           <Button asChild className="w-full sm:w-auto">
                             <Link
-                              href="https://docs.plano.katanemo.com/getting-started/installation"
+                              href="https://docs.planoai.dev/getting-started/installation"
                               className="flex items-center gap-2"
                             >
                               Start building

apps/www/src/components/research/ResearchCTA.tsx

@@ -34,7 +34,7 @@ export function ResearchCTA() {
               </Link>
             </Button>
             <Button variant="secondary" asChild className="w-full sm:w-auto">
-              <Link href="https://docs.plano.katanemo.com">
+              <Link href="https://docs.planoai.dev">
                 Get Started with Plano
               </Link>
             </Button>

packages/ui/src/components/Footer.tsx

@@ -6,13 +6,13 @@ const footerLinks = {
   product: [
     { label: "Research", href: "/research" },
     { label: "Blog", href: "/blog" },
-    { label: "Documentation", href: "https://docs.plano.katanemo.com", external: true },
+    { label: "Documentation", href: "https://docs.planoai.dev", external: true },
     { label: "Hugging Face", href: "https://huggingface.co/katanemo", external: true },
   ],
   resources: [
     { label: "GitHub", href: "https://github.com/katanemo/arch", external: true },
     { label: "Discord", href: "https://discord.gg/pGZf2gcwEc", external: true },
-    { label: "Get Started", href: "https://docs.plano.katanemo.com/getting-started/installation", external: true },
+    { label: "Get Started", href: "https://docs.planoai.dev/getting-started/installation", external: true },
   ],
 };
 

packages/ui/src/components/Navbar.tsx

@@ -9,8 +9,8 @@ import { motion, AnimatePresence } from "framer-motion";
 import { X, Menu } from "lucide-react";
 
 const navItems = [
-  { href: "https://docs.plano.katanemo.com/getting-started/installation", label: "start locally" },
+  { href: "https://docs.planoai.dev/getting-started/installation", label: "start locally" },
-  { href: "https://docs.plano.katanemo.com", label: "docs" },
+  { href: "https://docs.planoai.dev", label: "docs" },
   { href: "/research", label: "research" },
   { href: "/blog", label: "blog" },
 ];