From fa956962f0b4dab7c645aad6a63c485efdf33c92 Mon Sep 17 00:00:00 2001 From: Musa Date: Thu, 20 Nov 2025 17:08:14 -0800 Subject: [PATCH] feat(www): improvements to mobile design, layout of diagrams --- www/public/BuildWithChoice.svg | 13 + www/public/BuiltOnEnvoy.svg | 98 ++++++++ www/public/LaunchFaster.svg | 156 ++++++------ www/public/PromptRouting.svg | 69 ++++++ www/public/PurposeBuilt.svg | 69 ++++++ www/src/app/globals.css | 11 +- www/src/components/Footer.tsx | 18 +- www/src/components/Hero.tsx | 29 ++- www/src/components/HowItWorksSection.tsx | 43 +++- www/src/components/IdeaToAgentSection.tsx | 68 ++++-- www/src/components/IntroSection.tsx | 6 +- www/src/components/LogoCloud.tsx | 37 +-- www/src/components/Navbar.tsx | 229 ++++++++++++++++-- www/src/components/UseCasesSection.tsx | 184 ++++++++++---- .../components/VerticalCarouselSection.tsx | 98 +++++--- 15 files changed, 877 insertions(+), 251 deletions(-) create mode 100644 www/public/BuiltOnEnvoy.svg create mode 100644 www/public/PromptRouting.svg create mode 100644 www/public/PurposeBuilt.svg diff --git a/www/public/BuildWithChoice.svg b/www/public/BuildWithChoice.svg index 641358b8..de1f99bf 100644 --- a/www/public/BuildWithChoice.svg +++ b/www/public/BuildWithChoice.svg @@ -68,10 +68,23 @@ + + + + + + + + + + + + + diff --git a/www/public/BuiltOnEnvoy.svg b/www/public/BuiltOnEnvoy.svg new file mode 100644 index 00000000..fe820374 --- /dev/null +++ b/www/public/BuiltOnEnvoy.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/public/LaunchFaster.svg b/www/public/LaunchFaster.svg index 9b582c55..124a16a6 100644 --- a/www/public/LaunchFaster.svg +++ b/www/public/LaunchFaster.svg @@ -1,76 +1,82 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/public/PromptRouting.svg b/www/public/PromptRouting.svg new file mode 100644 index 00000000..f96a929a --- /dev/null +++ b/www/public/PromptRouting.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/public/PurposeBuilt.svg b/www/public/PurposeBuilt.svg new file mode 100644 index 00000000..d86526bc --- /dev/null +++ b/www/public/PurposeBuilt.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/src/app/globals.css b/www/src/app/globals.css index cbb7d1a2..eca09a50 100644 --- a/www/src/app/globals.css +++ b/www/src/app/globals.css @@ -159,16 +159,7 @@ --radius-xl: calc(var(--radius) + 4px); } -/* Global letter-spacing for fonts */ -.font-sans, -[class*="font-sans"] { - letter-spacing: -4.56px; -} - -.font-mono, -[class*="font-mono"] { - letter-spacing: -0.96px; -} +/* Global letter-spacing removed - use Tailwind tracking utilities (tracking-tight, tracking-[-1.92px], etc.) instead */ body { font-family: var(--font-sans); diff --git a/www/src/components/Footer.tsx b/www/src/components/Footer.tsx index a343b616..8e130fed 100644 --- a/www/src/components/Footer.tsx +++ b/www/src/components/Footer.tsx @@ -16,19 +16,19 @@ const footerLinks = { export function Footer() { return ( -
+
{/* Main Grid Layout */}
{/* Left Column - Tagline and Copyright */}
-

+

Plano is the powerful, intelligent platform that empowers teams to seamlessly build, automate, and scale agentic systems with ease.

{/* Copyright */}
-

+

© Katanemo Labs, Inc. 2025 / Plano by Katanemo Labs, Inc.

@@ -38,15 +38,15 @@ export function Footer() {
{/* Company Links */}
-

+

Company

-