feat: update text

apps/www/src/components/Hero.tsx

@@ -31,18 +31,17 @@ export function Hero() {
 
           {/* Main Heading */}
           <h1 className="text-4xl sm:text-4xl md:text-5xl lg:text-7xl font-normal leading-tight tracking-tighter text-black mb-4 sm:mb-6 flex flex-col gap-0 sm:-space-y-2 lg:-space-y-3">
-            <span className="font-sans">Models-native </span>
+            <span className="font-sans">Delivery infrastructure </span>
             <span className="font-sans font-medium text-[var(--secondary)]">
-              dataplane for agents
+              for agentic apps
             </span>
           </h1>
         </div>
 
         {/* Subheading with CTA Buttons */}
         <div className="max-w-7xl flex flex-col lg:flex-row lg:items-end lg:justify-between gap-6">
-          <p className="text-base sm:text-lg md:text-xl lg:text-2xl font-sans font-[400] tracking-[-1.2px] sm:tracking-[-1.92px]! text-black max-w-4xl">
-            Build agents faster, and scale them reliably by offloading the
-            plumbing work in AI.
+          <p className="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-4xl">
+            Build agents faster, and deliver them reliably to prod by offloading plumbing work in AI
           </p>
 
           {/* CTA Buttons */}

apps/www/src/components/IntroSection.tsx

@@ -20,11 +20,10 @@ export function IntroSection() {
             {/* Body Text */}
             <div className="font-mono tracking-[-0.96px]! text-white text-sm sm:text-base lg:text-lg max-w-[713px]">
               <p className="mb-0">
-                Plano is a framework-friendly proxy server and dataplane for
-                agents, deployed as a sidecar. Plano handles the critical
-                plumbing work in AI like agent routing and orchestration,
-                comprehensive traces for agentic interactions, guardrail hooks,
-                unified APIs for LLMs.
+              Plano is a models-native proxy server and dataplane for agents 
+              that handles the critical plumbing work in AI  like agent routing and 
+              orchestration, comprehensive traces for agentic interactions, guardrail 
+              hooks, unified APIs for LLMs 
               </p>
               <p className="mb-0  mt-4">
                 Developers can focus more on modeling workflows. 

apps/www/src/components/LogoCloud.tsx

@@ -11,16 +11,16 @@ const customerLogos = [
     src: "/logos/tmobile.svg",
   },
   {
-    name: "Chase",
-    src: "/logos/chase.svg",
+    name: "HP",
+    src: "/logos/hp.svg",
   },
   {
     name: "SanDisk",
     src: "/logos/sandisk.svg",
   },
   {
-    name: "HP",
-    src: "/logos/hp.svg",
+    name: "Chase",
+    src: "/logos/chase.svg",
   },
 ];
 
@@ -28,14 +28,28 @@ export function LogoCloud() {
   return (
     <section className="relative py-6 sm:py-8 px-4 sm:px-6 lg:px-8">
       <div className="max-w-[81rem] mx-auto">
-        <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 sm:gap-6 md:gap-8 lg:gap-12 items-center justify-items-center">
+        <div className="grid grid-cols-2 md:grid-cols-3 lg:flex lg:flex-row lg:justify-center lg:items-center gap-4 sm:gap-6 md:gap-8 lg:gap-0 place-items-center">
           {customerLogos.map((logo, index) => {
             const isLast = index === customerLogos.length - 1;
+            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
+            if (isTMobile) {
+              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
+            } else if (isSanDisk) {
+              spacingClass = 'lg:ml-3 xl:ml-4 lg:mr-6 xl:mr-8'; // Smaller gap from HP
+            }
+            
             return (
               <div
                 key={logo.name}
-                className={`flex items-center justify-center opacity-60 hover:opacity-80 transition-opacity duration-300 w-full max-w-32 sm:max-w-40 md:max-w-48 h-10 sm:h-12 md:h-16 ${
-                  isLast ? "col-span-2 md:col-span-3 lg:col-span-1" : ""
+                className={`flex items-center justify-center opacity-60 hover:opacity-80 transition-opacity duration-300 w-full max-w-32 sm:max-w-40 md:max-w-48 h-10 sm:h-12 md:h-16 mx-auto ${spacingClass} ${
+                  isLast ? "col-span-2 md:col-span-3 lg:col-span-none" : ""
                 }`}
               >
                 <Image