refactor(site): simplify runtime weaknesses and remove redundant bench summary cards

Author: Thanga-Ganapathy

site/components/BenchStandings.jsx

@@ -13,34 +13,6 @@ import { isHigherBetter } from "../src/metric-direction.js";
 const ORDER = ["esrun", "bun", "node", "deno", "llrt"];
 const LABELS = { esrun: "esrun", bun: "Bun", node: "Node.js", deno: "Deno", llrt: "LLRT" };
 
-// Short, neutral production notes so devs can pick for their needs.
-const NOTES = [
-  {
-    rt: "esrun",
-    best: "A standards-first runtime (V8, built on Rust): runs ESM against the full WinterTC Web-platform API (fetch, URL, streams, WebCrypto, encoding, timers). Notably fast cold start, low memory, and strong WebCrypto — a good fit for quick-starting, standards-based scripts and services.",
-    watch: "ESM-only — no CommonJS, no node: builtins, no Node API — so it's not a drop-in for npm/Node apps. Single-threaded HTTP, and it's a runner, not a toolchain (no bundler/installer/test runner). Young.",
-  },
-  {
-    rt: "bun",
-    best: "Speed-first all-in-one (runtime + bundler + test + package manager) on JavaScriptCore. High HTTP/script throughput, great dev velocity, largely Node-compatible.",
-    watch: "Younger ecosystem with occasional Node-compat edge cases; maturing fast but less battle-proven than Node for the long tail.",
-  },
-  {
-    rt: "node",
-    best: "The mature default: vast npm ecosystem, full Node API, proven at every scale, the deepest tooling/observability and hiring pool.",
-    watch: "Heavier cold start and memory; not ideal for ultra-low-latency serverless or minimal edge footprints.",
-  },
-  {
-    rt: "deno",
-    best: "Secure-by-default and TypeScript-native, Web-standard APIs with batteries-included tooling (fmt/lint/test). Strong for edge (Deno Deploy) and greenfield TS.",
-    watch: "Some npm packages need compat shims; ecosystem smaller than Node's.",
-  },
-  {
-    rt: "llrt",
-    best: "AWS's QuickJS runtime tuned for Lambda: tiny memory and near-instant cold start where per-invocation cost dominates.",
-    watch: "No JIT (slow on compute/JSON/long-running work), partial Web/Node APIs, no general HTTP server; experimental. A serverless specialist, not a server.",
-  },
-];
 
 function medalHead(p) {
   if (p === 1) return "🥇";
@@ -128,25 +100,9 @@ export default function BenchStandings() {
         Across {metrics.length} comparable metrics, each ranked by its own better
         direction. Each runtime is ranked only on metrics it can run, so totals
         differ — e.g. LLRT has no HTTP server or filesystem here. Place counts are
-        not a ranking: more 1st-place finishes does not mean “best overall.” Pick
-        by fit (see below).
+        not a ranking: more 1st-place finishes does not mean “best overall.”
       </p>
 
-      <div className="mt-6 space-y-4">
-        {NOTES.map((note) => (
-          <div className="rounded-xl border border-zinc-200 bg-white p-5">
-            <div className="text-base font-semibold text-zinc-900">{LABELS[note.rt]}</div>
-            <p className="mt-2 text-[15px] leading-relaxed text-zinc-700">
-              <span className="font-semibold text-emerald-700">✅ Best for: </span>
-              {note.best}
-            </p>
-            <p className="mt-2 text-[15px] leading-relaxed text-zinc-700">
-              <span className="font-semibold text-amber-700">⚠️ Watch out: </span>
-              {note.watch}
-            </p>
-          </div>
-        ))}
-      </div>
     </div>
   );
 }

site/components/WhyChooseSection.jsx

@@ -6,7 +6,7 @@ export default function WhyChooseSection() {
           Why ESRun?
         </h2>
         <p className="mt-4 text-lg text-zinc-600 max-w-2xl mx-auto">
-          Compare how different runtimes behave when deployed to your server instance.
+          A transparent look at the strengths and architectural compromises of the JS server-side ecosystem.
         </p>
       </div>
 
@@ -37,8 +37,7 @@ export default function WhyChooseSection() {
                 <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Largest package ecosystem</li>
                 <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Deep native addon support</li>
                 <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Battle-tested stability</li>
-                <li className="flex items-start gap-2"><span className="text-red-400 font-bold shrink-0">✗</span> Elevated idle memory footprint</li>
-                <li className="flex items-start gap-2"><span className="text-red-400 font-bold shrink-0">✗</span> Legacy API (CommonJS) baggage</li>
+                <li className="flex items-start gap-2"><span className="text-red-400 font-bold shrink-0">✗</span> Lower baseline throughput</li>
               </ul>
             </div>
           </div>
@@ -62,10 +61,9 @@ export default function WhyChooseSection() {
               </div>
               <ul className="mt-2 text-[13px] text-zinc-400 space-y-3 relative z-10 leading-relaxed">
                 <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Secure by default</li>
-                <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Built-in TypeScript support</li>
-                <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Native standard library</li>
-                <li className="flex items-start gap-2"><span className="text-red-400 font-bold shrink-0">✗</span> Custom namespace fragmentation</li>
-                <li className="flex items-start gap-2"><span className="text-red-400 font-bold shrink-0">✗</span> Heavy isolate initialization</li>
+                <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Native capability gating</li>
+                <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Unified standard library</li>
+                <li className="flex items-start gap-2"><span className="text-red-400 font-bold shrink-0">✗</span> Smaller ecosystem and adoption</li>
               </ul>
             </div>
           </div>
@@ -87,10 +85,9 @@ export default function WhyChooseSection() {
               </div>
               <ul className="mt-2 text-[13px] text-zinc-400 space-y-3 relative z-10 leading-relaxed">
                 <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Exceptional JIT performance</li>
-                <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Integrated bundler & test runner</li>
-                <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Node.js API compatibility</li>
-                <li className="flex items-start gap-2"><span className="text-red-400 font-bold shrink-0">✗</span> Aggressive memory peaks</li>
-                <li className="flex items-start gap-2"><span className="text-red-400 font-bold shrink-0">✗</span> Memory safety regressions</li>
+                <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> High-throughput HTTP engine</li>
+                <li className="flex items-start gap-2"><span className="text-green-500 font-bold shrink-0">✓</span> Deep Node.js API compatibility</li>
+                <li className="flex items-start gap-2"><span className="text-red-400 font-bold shrink-0">✗</span> Memory quirks</li>
               </ul>
             </div>
           </div>