diff --git a/app/(home)/AdoptersSection.tsx b/app/(home)/AdoptersSection.tsx
new file mode 100644
index 0000000..2064b52
--- /dev/null
+++ b/app/(home)/AdoptersSection.tsx
@@ -0,0 +1,222 @@
+import { ArrowUpRight, CodeXml } from "lucide-react";
+
+import SectionTitle from "./SectionTitle";
+
+type Adopter = {
+  name: string;
+  repository: string;
+  repositoryUrl: string;
+  manifestUrl: string;
+  usage: string;
+  dependency: string;
+  avatarUrl: string;
+};
+
+// Source: Nativewind brand research/featured-adopters.json at
+// brand commit 8fedabcab4bb480b40a0d84002c12e32e03e6e23.
+// These entries were verified against public package manifests on 2026-09-21.
+const adopters: Adopter[] = [
+  {
+    name: "PostHog",
+    repository: "PostHog/posthog",
+    repositoryUrl: "https://github.com/PostHog/posthog",
+    manifestUrl:
+      "https://github.com/PostHog/posthog/blob/master/products/desktop/apps/mobile/package.json",
+    usage: "Mobile app",
+    dependency: "^4.2.1",
+    avatarUrl: "https://github.com/PostHog.png?size=160",
+  },
+  {
+    name: "Folo",
+    repository: "RSSNext/Folo",
+    repositoryUrl: "https://github.com/RSSNext/Folo",
+    manifestUrl:
+      "https://github.com/RSSNext/Folo/blob/dev/apps/mobile/package.json",
+    usage: "Mobile app",
+    dependency: "4.2.6",
+    avatarUrl: "https://github.com/RSSNext.png?size=160",
+  },
+  {
+    name: "Onyx",
+    repository: "onyx-dot-app/onyx",
+    repositoryUrl: "https://github.com/onyx-dot-app/onyx",
+    manifestUrl:
+      "https://github.com/onyx-dot-app/onyx/blob/main/mobile/package.json",
+    usage: "Mobile app",
+    dependency: "^4.2.6",
+    avatarUrl: "https://github.com/onyx-dot-app.png?size=160",
+  },
+  {
+    name: "Karakeep",
+    repository: "karakeep-app/karakeep",
+    repositoryUrl: "https://github.com/karakeep-app/karakeep",
+    manifestUrl:
+      "https://github.com/karakeep-app/karakeep/blob/main/apps/mobile/package.json",
+    usage: "Mobile app",
+    dependency: "^4.2.6",
+    avatarUrl: "https://github.com/karakeep-app.png?size=160",
+  },
+  {
+    name: "Suna",
+    repository: "kortix-ai/suna",
+    repositoryUrl: "https://github.com/kortix-ai/suna",
+    manifestUrl:
+      "https://github.com/kortix-ai/suna/blob/main/apps/mobile/package.json",
+    usage: "Mobile app",
+    dependency: "^4.2.1",
+    avatarUrl: "https://github.com/kortix-ai.png?size=160",
+  },
+  {
+    name: "Linkwarden",
+    repository: "linkwarden/linkwarden",
+    repositoryUrl: "https://github.com/linkwarden/linkwarden",
+    manifestUrl:
+      "https://github.com/linkwarden/linkwarden/blob/main/apps/mobile/package.json",
+    usage: "Mobile app",
+    dependency: "^4.2.1",
+    avatarUrl: "https://github.com/linkwarden.png?size=160",
+  },
+  {
+    name: "Polar",
+    repository: "polarsource/polar",
+    repositoryUrl: "https://github.com/polarsource/polar",
+    manifestUrl:
+      "https://github.com/polarsource/polar/blob/main/clients/apps/app/package.json",
+    usage: "App",
+    dependency: "^4.2.1",
+    avatarUrl: "https://github.com/polarsource.png?size=160",
+  },
+  {
+    name: "React Native Reusables",
+    repository: "founded-labs/react-native-reusables",
+    repositoryUrl: "https://github.com/founded-labs/react-native-reusables",
+    manifestUrl:
+      "https://github.com/founded-labs/react-native-reusables/blob/main/packages/registry/package.json",
+    usage: "Component registry",
+    dependency: "^4.2.2",
+    avatarUrl: "https://github.com/founded-labs.png?size=160",
+  },
+  {
+    name: "gluestack UI",
+    repository: "gluestack/gluestack-ui",
+    repositoryUrl: "https://github.com/gluestack/gluestack-ui",
+    manifestUrl:
+      "https://github.com/gluestack/gluestack-ui/blob/main/packages/gluestack-ui/package.json",
+    usage: "Component library",
+    dependency: "^4.1.23",
+    avatarUrl: "https://github.com/gluestack.png?size=160",
+  },
+  {
+    name: "Streamyfin",
+    repository: "streamyfin/streamyfin",
+    repositoryUrl: "https://github.com/streamyfin/streamyfin",
+    manifestUrl:
+      "https://github.com/streamyfin/streamyfin/blob/develop/package.json",
+    usage: "App",
+    dependency: "^2.0.11",
+    avatarUrl: "https://github.com/streamyfin.png?size=160",
+  },
+];
+
+export default function AdoptersSection() {
+  return (
+    <>
+      <SectionTitle
+        id="showcase"
+        level={2}
+        title="Who is using Nativewind?"
+      />
+
+      <section
+        aria-labelledby="showcase"
+        className="relative mx-auto -mt-px w-full max-w-fd-container border-y border-dashed"
+      >
+        <div className="grid gap-4 px-4 py-6 text-left sm:grid-cols-[minmax(0,1fr)_minmax(16rem,0.8fr)] sm:items-end sm:px-6 sm:py-8">
+          <div>
+            <p className="font-mono text-xs font-medium uppercase tracking-[0.18em] text-fd-primary">
+              Built with Nativewind
+            </p>
+            <p className="mt-2 max-w-xl text-balance text-lg font-medium leading-snug sm:text-xl">
+              Open source apps and libraries using Nativewind in their public
+              codebases.
+            </p>
+          </div>
+          <p className="max-w-md text-sm leading-relaxed text-fd-muted-foreground sm:justify-self-end">
+            Ten projects selected from verified public package manifests.
+            Project links and dependency evidence are included below.
+          </p>
+        </div>
+
+        <ul className="grid grid-cols-2 border-l border-t border-dashed lg:grid-cols-5">
+          {adopters.map((adopter, index) => (
+            <li
+              key={adopter.repository}
+              className="group relative flex min-w-0 flex-col border-b border-r border-dashed bg-fd-background"
+            >
+              <div className="relative flex aspect-[5/4] items-center justify-center overflow-hidden bg-fd-muted/20 p-5">
+                <div
+                  aria-hidden="true"
+                  className="bg-grid-dots-current absolute inset-0 text-fd-foreground/[0.07] [mask-image:radial-gradient(circle_at_center,black,transparent_75%)]"
+                />
+                <span className="absolute left-3 top-3 font-mono text-[10px] tabular-nums text-fd-muted-foreground">
+                  {String(index + 1).padStart(2, "0")}
+                </span>
+                <div
+                  aria-hidden="true"
+                  className="absolute h-24 w-24 rounded-full border border-dashed border-fd-primary/25 bg-fd-primary/[0.04] transition-transform duration-300 motion-safe:group-hover:scale-110 motion-reduce:transition-none"
+                />
+                <div className="relative flex size-16 items-center justify-center rounded-2xl border border-fd-foreground/10 bg-fd-background p-1.5 shadow-sm sm:size-18">
+                  <span
+                    aria-hidden="true"
+                    className="absolute font-mono text-sm font-semibold text-fd-primary"
+                  >
+                    {adopter.name.slice(0, 2).toUpperCase()}
+                  </span>
+                  <img
+                    alt=""
+                    aria-hidden="true"
+                    className="relative size-full rounded-xl bg-fd-background object-cover"
+                    decoding="async"
+                    height="72"
+                    loading="lazy"
+                    src={adopter.avatarUrl}
+                    width="72"
+                  />
+                </div>
+              </div>
+
+              <div className="flex flex-1 flex-col border-t border-dashed p-3 sm:p-4">
+                <a
+                  href={adopter.repositoryUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="group/link -m-1 inline-flex w-fit max-w-full items-start gap-1 rounded-sm p-1 font-medium leading-tight outline-none hover:text-fd-primary focus-visible:ring-2 focus-visible:ring-fd-primary focus-visible:ring-offset-2 focus-visible:ring-offset-fd-background"
+                >
+                  <span className="text-pretty">{adopter.name}</span>
+                  <ArrowUpRight
+                    aria-hidden="true"
+                    className="mt-0.5 size-3.5 shrink-0 text-fd-muted-foreground transition-transform duration-200 motion-safe:group-hover/link:-translate-y-0.5 motion-safe:group-hover/link:translate-x-0.5 motion-reduce:transition-none"
+                  />
+                  <span className="sr-only"> on GitHub, opens in a new tab</span>
+                </a>
+                <p className="mt-1 text-xs text-fd-muted-foreground">
+                  {adopter.usage}
+                </p>
+                <a
+                  href={adopter.manifestUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="mt-4 inline-flex w-fit items-center gap-1.5 rounded-sm font-mono text-[10px] text-fd-muted-foreground outline-none hover:text-fd-primary focus-visible:ring-2 focus-visible:ring-fd-primary focus-visible:ring-offset-2 focus-visible:ring-offset-fd-background"
+                  aria-label={`${adopter.name} Nativewind dependency ${adopter.dependency}, opens in a new tab`}
+                >
+                  <CodeXml aria-hidden="true" className="size-3" />
+                  nativewind {adopter.dependency}
+                </a>
+              </div>
+            </li>
+          ))}
+        </ul>
+      </section>
+    </>
+  );
+}
diff --git a/app/(home)/SectionLink.tsx b/app/(home)/SectionLink.tsx
index 7a71a7a..b10b77f 100644
--- a/app/(home)/SectionLink.tsx
+++ b/app/(home)/SectionLink.tsx
@@ -2,14 +2,14 @@ import { cn } from "@/lib/cn";
 
 export default function SectionLink({href, name, border, className}: {href: string, name: string, border?: boolean, className?: string}) {
   return (
-    <div className={cn(className, `sticky w-full max-w-fd-container top-14 mx-auto text-fd-muted-foreground/50 text-xs text-left font-mono ${ border && 'pl-1'}`)}>
+    <span className={cn(className, `sticky block w-full max-w-fd-container top-14 mx-auto text-fd-muted-foreground/50 text-xs text-left font-mono ${ border && 'pl-1'}`)}>
       <a href={href} className="group w-fit">
         {/* -rotate-90 block -translate-x-[calc(50%+1rem)] translate-y-[calc(100%+5rem)] */}
-        <div className={`opacity-0 group-hover:opacity-100 duration-300 absolute left-0 pr-2 pl-1.5 -translate-x-full ${border && 'border-l border-y -bottom-[1px] border-dashed'}`}>
+        <span className={`opacity-0 group-hover:opacity-100 duration-300 absolute left-0 pr-2 pl-1.5 -translate-x-full ${border && 'border-l border-y -bottom-[1px] border-dashed'}`}>
           #
-        </div>
+        </span>
         {name}
       </a>
-    </div>
+    </span>
   )
-}
\ No newline at end of file
+}
diff --git a/app/(home)/SectionTitle.tsx b/app/(home)/SectionTitle.tsx
index e1f2490..04f16ea 100644
--- a/app/(home)/SectionTitle.tsx
+++ b/app/(home)/SectionTitle.tsx
@@ -1,15 +1,27 @@
 import SectionLink from "./SectionLink";
 import { cn } from "@/lib/cn";
 
-export default function SectionTitle({ id, title, className } : { id: string; title: string, className?: string }) {
+export default function SectionTitle({
+  id,
+  title,
+  className,
+  level = 1,
+}: {
+  id: string;
+  title: string;
+  className?: string;
+  level?: 1 | 2;
+}) {
+  const Heading = level === 1 ? "h1" : "h2";
+
   return (
-    <h1 id={id} className={cn('text-2xl md:text-4xl font-medium max-lg:px-8 pt-8 pb-4 md:pt-12 border-b border-dashed backdrop-blur w-full dark:opacity-90 text-left', className)}>
+    <Heading id={id} className={cn('text-2xl md:text-4xl font-medium max-lg:px-8 pt-8 pb-4 md:pt-12 border-b border-dashed backdrop-blur w-full dark:opacity-90 text-left', className)}>
       <SectionLink className="z-30 md:hidden" href={`#${id}`} name="text-2xl px-8 pb-4 pt-8 " />
       <SectionLink className="z-30 hidden md:block lg:hidden" href={`#${id}`} name="text-4xl px-4 pb-8 pt-12 " />
       <SectionLink className="z-30 hidden lg:block" href={`#${id}`} name="text-4xl pb-8 pt-12 " />
       <div className="w-full max-w-fd-container mx-auto">
         {title}
       </div>
-    </h1>
+    </Heading>
   )
-}
\ No newline at end of file
+}
diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx
index f3fac4f..1c399bf 100644
--- a/app/(home)/page.tsx
+++ b/app/(home)/page.tsx
@@ -1,8 +1,7 @@
+import AdoptersSection from "./AdoptersSection";
 import ComponentKitsSection from "./ComponentKitsSection";
 import FooterSection from "./FooterSection";
 import HeroSection from "./HeroSection";
-import TestimonialsSection from "./TestimonialsSection";
-import TestimonialsSectionContents from "./TestimonialsSectionContents";
 import WhyNativewindSection from "./WhyNativewindSection";
 
 export default function HomePage() {
@@ -12,9 +11,7 @@ export default function HomePage() {
         <div className="fixed max-w-fd-container lg:w-[calc(100%-1rem)] box-content lg:border-x border-dashed top-0 left-1/2 -translate-x-1/2 h-screen pointer-events-none" />
         <HeroSection />
         <WhyNativewindSection />
-        <TestimonialsSection>
-          <TestimonialsSectionContents />
-        </TestimonialsSection>
+        <AdoptersSection />
         <ComponentKitsSection />
       </main>
       <FooterSection />