-
- The latest and greatest from our blog.
-
+ The latest and greatest from our blog.
);
}
-
diff --git a/apps/www/src/components/ConditionalLayout.tsx b/apps/www/src/components/ConditionalLayout.tsx
index f5d3f144..04102953 100644
--- a/apps/www/src/components/ConditionalLayout.tsx
+++ b/apps/www/src/components/ConditionalLayout.tsx
@@ -3,11 +3,7 @@
import { usePathname } from "next/navigation";
import { Navbar, Footer } from "@katanemo/ui";
-export function ConditionalLayout({
- children,
-}: {
- children: React.ReactNode;
-}) {
+export function ConditionalLayout({ children }: { children: React.ReactNode }) {
const pathname = usePathname();
const isStudio = pathname?.startsWith("/studio");
@@ -23,4 +19,3 @@ export function ConditionalLayout({
);
}
-
diff --git a/apps/www/src/components/FeaturedBlogCard.tsx b/apps/www/src/components/FeaturedBlogCard.tsx
index ded1a1c9..5ddef92a 100644
--- a/apps/www/src/components/FeaturedBlogCard.tsx
+++ b/apps/www/src/components/FeaturedBlogCard.tsx
@@ -115,4 +115,3 @@ export function FeaturedBlogCard({ post }: FeaturedBlogCardProps) {
);
}
-
diff --git a/apps/www/src/components/Hero.tsx b/apps/www/src/components/Hero.tsx
index 3b968ab2..c6d7b3e0 100644
--- a/apps/www/src/components/Hero.tsx
+++ b/apps/www/src/components/Hero.tsx
@@ -44,9 +44,8 @@ export function Hero() {
{/* Subheading with CTA Buttons */}
- Build agents faster, and deliver them reliably to production -
- by offloading the critical plumbing work to Plano.
-
+ Build agents faster, and deliver them reliably to production - by
+ offloading the critical plumbing work to Plano.
diff --git a/apps/www/src/components/IntroSection.tsx b/apps/www/src/components/IntroSection.tsx
index 867528bf..821a1855 100644
--- a/apps/www/src/components/IntroSection.tsx
+++ b/apps/www/src/components/IntroSection.tsx
@@ -20,15 +20,18 @@ export function IntroSection() {
{/* Body Text */}
- Plano is a models-native proxy and dataplane for agents that handles
- critical plumbing work in AI - agent routing and orchestration, rich agentic
- traces, guardrail hooks, and smart model routing APIs for LLMs. Use any
- language, AI framework, and deliver agents to productions quickly with Plano.
+ Plano is a models-native proxy and dataplane for agents that
+ handles critical plumbing work in AI - agent routing and
+ orchestration, rich agentic traces, guardrail hooks, and smart
+ model routing APIs for LLMs. Use any language, AI framework, and
+ deliver agents to productions quickly with Plano.
- Developers can focus more on core product logic of agents.
- Product teams can accelerate feedback loops for reinforcement learning.
- Engineering teams can standardize policies and access controls across every agent and LLM for safer, more reliable scaling.
+ Developers can focus more on core product logic of agents.
+ Product teams can accelerate feedback loops for reinforcement
+ learning. Engineering teams can standardize policies and access
+ controls across every agent and LLM for safer, more reliable
+ scaling.
diff --git a/apps/www/src/components/LogoCloud.tsx b/apps/www/src/components/LogoCloud.tsx
index 47b4f9b1..3df4c80f 100644
--- a/apps/www/src/components/LogoCloud.tsx
+++ b/apps/www/src/components/LogoCloud.tsx
@@ -34,17 +34,17 @@ export function LogoCloud() {
const isTMobile = index === 1; // T-Mobile is before HP
const isHP = index === 2; // HP is in center
const isSanDisk = index === 3; // SanDisk is after HP
-
+
// Custom spacing for logos around HP on large screens
- let spacingClass = 'lg:mx-6 xl:mx-8'; // Default spacing
+ let spacingClass = "lg:mx-6 xl:mx-8"; // Default spacing
if (isTMobile) {
- spacingClass = 'lg:mr-3 xl:mr-4 lg:ml-6 xl:ml-8'; // Smaller gap to HP
+ spacingClass = "lg:mr-3 xl:mr-4 lg:ml-6 xl:ml-8"; // Smaller gap to HP
} else if (isHP) {
- spacingClass = 'lg:mx-3 xl:mx-4'; // Smaller gaps on both sides
+ spacingClass = "lg:mx-3 xl:mx-4"; // Smaller gaps on both sides
} else if (isSanDisk) {
- spacingClass = 'lg:ml-3 xl:ml-4 lg:mr-6 xl:mr-8'; // Smaller gap from HP
+ spacingClass = "lg:ml-3 xl:ml-4 lg:mr-6 xl:mr-8"; // Smaller gap from HP
}
-
+
return (
-
+
{/* Outer border */}
-
+
{/* Inner background */}
-
- {/* Animated squares with wave effect */}
- {squares.map((square, index) => {
- // Use deterministic values based on index for SSR/client consistency
- const { duration, peakOpacity, baseOpacity, midOpacity, baseBrightness, peakBrightness } =
- getDeterministicValues(index);
-
- return (
-
- );
- })}
+
+ {/* Animated squares with wave effect */}
+ {squares.map((square, index) => {
+ // Use deterministic values based on index for SSR/client consistency
+ const {
+ duration,
+ peakOpacity,
+ baseOpacity,
+ midOpacity,
+ baseBrightness,
+ peakBrightness,
+ } = getDeterministicValues(index);
+
+ return (
+
+ );
+ })}
diff --git a/apps/www/src/components/PortableText.tsx b/apps/www/src/components/PortableText.tsx
index 381b40fd..f45d1500 100644
--- a/apps/www/src/components/PortableText.tsx
+++ b/apps/www/src/components/PortableText.tsx
@@ -11,22 +11,22 @@ const components = {
types: {
image: ({ value }: any) => {
if (!value?.asset) return null;
-
+
const imageUrl = urlFor(value);
const asset = value.asset;
-
+
// Get natural dimensions if available from metadata
const dimensions = asset.metadata?.dimensions;
const width = dimensions?.width || 1000;
const height = dimensions?.height || 562;
const aspectRatio = dimensions ? height / width : 0.5625; // Default to 16:9 if no dimensions
-
+
return (
- Plano-Orchestrator is a family of state-of-the-art routing and orchestration models
- that decides which agent(s) or LLM(s) should handle each request, and in what sequence.
- Built for multi-agent orchestration systems, Plano-Orchestrator excels at analyzing
- user intent and conversation context to make precise routing and orchestration decisions.
+ Plano-Orchestrator is a family of state-of-the-art routing and
+ orchestration models that decides which agent(s) or LLM(s) should
+ handle each request, and in what sequence. Built for multi-agent
+ orchestration systems, Plano-Orchestrator excels at analyzing user
+ intent and conversation context to make precise routing and
+ orchestration decisions.
{/* CTA Buttons */}
diff --git a/apps/www/src/components/research/ResearchCapabilities.tsx b/apps/www/src/components/research/ResearchCapabilities.tsx
index eda864f5..cb2550d7 100644
--- a/apps/www/src/components/research/ResearchCapabilities.tsx
+++ b/apps/www/src/components/research/ResearchCapabilities.tsx
@@ -52,14 +52,16 @@ export function ResearchCapabilities() {
{/* Title */}
- Accurately route with confidence with no compromise
+
+ Accurately route with confidence with no compromise
+
-
- Designed for real-world deployments, it delivers strong performance across general
- conversations, coding tasks, and long-context multi-turn conversations, while remaining
- efficient enough for low-latency production environments.
-
+
+ Designed for real-world deployments, it delivers strong performance
+ across general conversations, coding tasks, and long-context
+ multi-turn conversations, while remaining efficient enough for
+ low-latency production environments.
@@ -67,15 +69,18 @@ export function ResearchCapabilities() {
- Our applied research focuses on how to deliver agents safely, efficiently,
- and with improved real-world performance — critical for any AI application,
- but work that sits outside of any agent's core product logic.
+ Our applied research focuses on how to deliver agents safely,
+ efficiently, and with improved real-world performance — critical for
+ any AI application, but work that sits outside of any agent's core
+ product logic.