From 32fa240ec365fa15fc6d4b548a9d3468577afdb5 Mon Sep 17 00:00:00 2001
From: Tanner Linsley <tannerlinsley@gmail.com>
Date: Wed, 28 Oct 2026 14:34:45 -0600
Subject: [PATCH] docs: add Redact and Preact homepage comparison

---
 src/components/landing/RedactLanding.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/components/landing/RedactLanding.tsx b/src/components/landing/RedactLanding.tsx
index a0125a459..3fafad745 100644
--- a/src/components/landing/RedactLanding.tsx
+++ b/src/components/landing/RedactLanding.tsx
@@ -369,6 +369,30 @@ redact({ preset: 'nano' })`}</code>
           </CodeBlock>
         </div>
       </LandingSection>
+      <LandingSection>
+        <div className="max-w-3xl space-y-5">
+          <h2 className="font-ds-display text-3xl font-bold tracking-tight sm:text-4xl">
+            Why not Preact?
+          </h2>
+          <p className="text-ds-body-sm leading-relaxed text-text-secondary">
+            Preact is smaller. Redact keeps more of the React behavior your app
+            may rely on, like pending transitions, deferred results, and form
+            actions. If keeping that behavior matters more than the smallest
+            download, Redact is worth a look.
+          </p>
+          <Link
+            to="/$libraryId/$version/docs/$"
+            params={{
+              libraryId: 'redact',
+              version: 'latest',
+              _splat: 'comparison',
+            }}
+            className="inline-block font-medium underline underline-offset-4"
+          >
+            Compare compatibility, size, and speed ↗
+          </Link>
+        </div>
+      </LandingSection>
     </LibraryLandingShell>
   )
 }