apunkt/plano
1
0
Fork 0
mirror of https://github.com/katanemo/plano.git synced 2026-06-20 15:28:07 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(www): text clarity, padding adj.

Browse source
This commit is contained in:
Musa 2025-12-12 11:31:03 -08:00
parent 573744961d
commit a825ce9add
18 changed files with 88 additions and 124 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/www/src/components/research/ResearchCTA.tsx
View file

@ -14,9 +14,8 @@ export function ResearchCTA() {
</div>
{/* Description with CTA Buttons */}
<div className="max-w-2xl">
{/* text-base sm:text-lg md:text-xl lg:text-2xl font-sans font-[400] tracking-[-1.2px] sm:tracking-[-1.82px]! text-black max-w-70 sm:max-w-2xl mb-6 */}
<p className="leading-relaxed sm:text-lg md:text-xl lg:text-2xl font-sans font-normal tracking-[-1.0px] sm:tracking-[-1.22px]! text-white/90 mb-6">
<div className="max-w-5xl">
<p className="leading-relaxed sm:text-lg md:text-lg lg:text-[18px] font-sans font-normal text-white/90 mb-6">
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

9
apps/www/src/components/research/ResearchCapabilities.tsx
View file

@ -46,7 +46,7 @@ export function ResearchCapabilities() {
{/* PLANO-4B CAPABILITIES Label */}
<div className="mb-2 sm:mb-1">
<div className="font-mono font-bold text-[#9797ea] text-sm sm:text-base lg:text-xl tracking-[1.44px] sm:tracking-[1.92px]! leading-[1.502]">
PLANO-4B CAPABILITIES
PLANO-ORCHESTRATOR CAPABILITIES
</div>
</div>
@ -55,10 +55,11 @@ export function ResearchCapabilities() {
<span className="font-sans">Accurately route with confidence with no compromise</span>
</h2>
<p className="font-mono text-white/90 w-[75%] text-sm sm:text-base tracking-[-0.8px] sm:tracking-[-1.2px]! leading-relaxed">
<p className="text-white/90 w-full sm:w-[75%] text-sm sm:text-base leading-relaxed">
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.
</p>
</div>
@ -94,7 +95,7 @@ export function ResearchCapabilities() {
</h3>
{/* Description */}
<p className="font-mono text-white/90 text-base tracking-[-0.8px]! leading-relaxed">
<p className="text-white/90 text-base leading-relaxed">
{capability.description}
</p>
</div>
@ -140,7 +141,7 @@ export function ResearchCapabilities() {
</h3>
{/* Description */}
<p className="font-mono text-white/90 text-base tracking-[-1.2px]! leading-relaxed">
<p className="text-white/90 text-base leading-relaxed">
{capability.description}
</p>
</div>

4
apps/www/src/components/research/ResearchGrid.tsx
View file

@ -17,7 +17,7 @@ const researchItems: ResearchItem[] = [
"Building an agent is easy — knowing what it does in production and how to improve it is very hard. Our research focuses on making agent behavior observable and governable: studying how agents respond to real and adversarial traffic, policy changes, and turning signals into learning loops that make agents safer and more effective over time.",
},
{
title: "Better Performance",
title: "Agentic Performance",
description:
"Better system performance comes from directing traffic to the right agents for each task or workflow. We build compact orchestration models that manage traffic between agents — ensuring clean handoffs, preserved context, and reliable multi-agent collaboration across distributed systems.",
},
@ -37,7 +37,7 @@ export function ResearchGrid() {
</h3>
{/* Description */}
<p className="font-mono text-black text-sm sm:text-base lg:text-lg leading-relaxed tracking-[-0.8px] sm:tracking-[-1.2px]!">
<p className="text-black text-sm sm:text-base lg:text-lg leading-relaxed">
{item.description}
</p>
</div>

18
apps/www/src/components/research/ResearchHero.tsx
View file

@ -5,10 +5,10 @@ import Link from "next/link";
export function ResearchHero() {
return (
<section className="relative pt-8 sm:pt-12 lg:pt-16 pb-12 sm:pb-16 lg:pb-20 px-4 sm:px-6 lg:px-[102px] overflow-hidden">
<section className="relative pt-8 sm:pt-12 lg:pt-1 pb-12 sm:pb-16 lg:pb-20 px-4 sm:px-6 lg:px-[102px] overflow-hidden">
<div className="max-w-[81rem] mx-auto relative">
<div className="hidden lg:block absolute inset-0 pointer-events-none">
<NetworkAnimation className="!w-[500px] !h-[500px] xl:!w-[600px] xl:!h-[600px] 2xl:!w-[570px] 2xl:!h-[570px]" />
<NetworkAnimation className="!w-[500px] !h-[500px] xl:!w-[600px] xl:!h-[600px] 2xl:!w-[570px] 2xl:!h-[540px] !top-[15%]" />
</div>
<div className="lg:hidden absolute inset-0 pointer-events-none">
<NetworkAnimation className="!w-[300px] !h-[300px] left-77! -top-2! opacity-90! " />
@ -24,10 +24,9 @@ export function ResearchHero() {
—
</span>
<span className="text-xs sm:text-sm font-[600] tracking-[-0.6px]! text-black leading-tight">
<span className="hidden sm:inline">
Plano-4B - The state-of-the-art agent routing and orchestration LLM
<span className="">
Plano Orchestrator models released
</span>
<span className="sm:hidden">Unified /v1/responses API</span>
</span>
</div>
</div>
@ -40,11 +39,10 @@ export function ResearchHero() {
{/* Description */}
<div className="max-w-70 sm:max-w-2xl relative z-10">
<p className="text-base sm:text-lg md:text-xl lg:text-2xl font-sans font-normal tracking-[-1.0px] sm:tracking-[-1.22px]! text-black">
Our open source applied research focuses on how to deliver agents
safely, efficiently, and with predictable real-world performance —
critical for any AI application, but sits outside any product’s core
business logic.
<p className="text-base sm:text-lg md:text-xl lg:text-[22px] font-sans font-normal tracking-[-1.0px] sm:tracking-[-1.22px]! text-black">
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.
</p>
</div>