From a4e917fe39b07bd738af9a01705eedac477ce48e Mon Sep 17 00:00:00 2001
From: Pablo Pettinari <pettinarip@gmail.com>
Date: Wed, 4 Feb 2026 17:18:02 +0100
Subject: [PATCH 1/2] Remove completed HomepagePersonaCTAs A/B test

The A/B test is complete, keeping the original variant (4 CTAs grid).
Removes ABTestWrapper usage and force-dynamic directive, restoring
static rendering for the homepage.
---
 app/[locale]/page.tsx                  | 97 ++++++++++----------------
 src/components/Hero/HomeHero/index.tsx | 48 +++----------
 2 files changed, 47 insertions(+), 98 deletions(-)

diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index 2bdbdb895c6..a48003ed660 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -12,14 +12,12 @@ import type {
 } from "@/lib/types"
 import { CodeExample } from "@/lib/interfaces"
 
-import ABTestWrapper from "@/components/AB/TestWrapper"
 import ActivityStats from "@/components/ActivityStats"
 import { ChevronNext } from "@/components/Chevron"
 import HomeHero from "@/components/Hero/HomeHero"
 import BentoCard from "@/components/Homepage/BentoCard"
 import CodeExamples from "@/components/Homepage/CodeExamples"
 import HomepageSectionImage from "@/components/Homepage/HomepageSectionImage"
-import PersonaModalCTA from "@/components/Homepage/PersonaModalCTA"
 import { getBentoBoxItems } from "@/components/Homepage/utils"
 import ValuesMarqueeFallback from "@/components/Homepage/ValuesMarquee/Fallback"
 import BlockHeap from "@/components/icons/block-heap.svg"
@@ -92,9 +90,6 @@ import {
 } from "@/lib/data"
 import EventFallback from "@/public/images/events/event-placeholder.png"
 
-// Force dynamic rendering to enable A/B testing (requires headers())
-export const dynamic = "force-dynamic"
-
 const BentoCardSwiper = nextDynamic(
   () => import("@/components/Homepage/BentoCardSwiper"),
   {
@@ -455,60 +450,44 @@ const Page = async ({ params }: { params: PageParams }) => {
       <MainArticle className="flex w-full flex-col items-center" dir={dir}>
         <HomeHero />
         <div className="w-full space-y-32 px-4 md:mx-6 lg:space-y-48">
-          <ABTestWrapper
-            testKey="HomepagePersonaCTAs"
-            variants={[
-              // Original: 4 CTAs grid
-              <div
-                key="four-ctas"
-                className="-mb-8 grid w-full grid-cols-2 gap-x-4 gap-y-8 border-b py-20 md:grid-cols-4 md:gap-x-10 lg:-mb-12"
-              >
-                {subHeroCTAs.map(
-                  ({ label, description, href, className, Svg }, idx) => {
-                    const Link = (
-                      props: Omit<
-                        SvgButtonLinkProps,
-                        "Svg" | "href" | "label" | "children"
-                      >
-                    ) => (
-                      <SvgButtonLink
-                        Svg={Svg}
-                        href={href}
-                        label={label}
-                        customEventOptions={{
-                          eventCategory,
-                          eventAction: "Top 4 CTAs",
-                          eventName: subHeroCTAs[idx].eventName,
-                        }}
-                        {...props}
-                      >
-                        <p className="text-body">{description}</p>
-                      </SvgButtonLink>
-                    )
-                    return (
-                      <Fragment key={label}>
-                        <Link
-                          className={cn("xl:hidden", className)}
-                          variant="col"
-                        />
-                        <Link
-                          className={cn("hidden xl:block", className)}
-                          variant="row"
-                        />
-                      </Fragment>
-                    )
-                  }
-                )}
-              </div>,
-              // Variation1: "Start here" button with persona modal
-              <div
-                key="persona-modal"
-                className="flex w-full items-center justify-center border-b pb-10"
-              >
-                <PersonaModalCTA eventCategory={eventCategory} />
-              </div>,
-            ]}
-          />
+          <div className="-mb-8 grid w-full grid-cols-2 gap-x-4 gap-y-8 border-b py-20 md:grid-cols-4 md:gap-x-10 lg:-mb-12">
+            {subHeroCTAs.map(
+              ({ label, description, href, className, Svg }, idx) => {
+                const Link = (
+                  props: Omit<
+                    SvgButtonLinkProps,
+                    "Svg" | "href" | "label" | "children"
+                  >
+                ) => (
+                  <SvgButtonLink
+                    Svg={Svg}
+                    href={href}
+                    label={label}
+                    customEventOptions={{
+                      eventCategory,
+                      eventAction: "Top 4 CTAs",
+                      eventName: subHeroCTAs[idx].eventName,
+                    }}
+                    {...props}
+                  >
+                    <p className="text-body">{description}</p>
+                  </SvgButtonLink>
+                )
+                return (
+                  <Fragment key={label}>
+                    <Link
+                      className={cn("xl:hidden", className)}
+                      variant="col"
+                    />
+                    <Link
+                      className={cn("hidden xl:block", className)}
+                      variant="row"
+                    />
+                  </Fragment>
+                )
+              }
+            )}
+          </div>
 
           {/* What is Ethereum */}
           <Section
diff --git a/src/components/Hero/HomeHero/index.tsx b/src/components/Hero/HomeHero/index.tsx
index 683ced7545b..48a38a53dd0 100644
--- a/src/components/Hero/HomeHero/index.tsx
+++ b/src/components/Hero/HomeHero/index.tsx
@@ -3,7 +3,6 @@ import { getLocale, getTranslations } from "next-intl/server"
 
 import type { ClassNameProp } from "@/lib/types"
 
-import ABTestWrapper from "@/components/AB/TestWrapper"
 import LanguageMorpher from "@/components/Homepage/LanguageMorpher"
 
 import { cn } from "@/lib/utils/cn"
@@ -69,44 +68,15 @@ const HomeHero = async ({
         </picture>
       </div>
       <div className="flex flex-col items-center border-t-[3px] border-primary-low-contrast px-4 py-10 text-center">
-        <ABTestWrapper
-          testKey="HomepagePersonaCTAs"
-          variants={[
-            // Original: LanguageMorpher + existing title/description
-            <div
-              key="original-hero-content"
-              className="flex flex-col items-center"
-            >
-              <LanguageMorpher />
-              <div className="flex flex-col items-center gap-y-5 lg:max-w-2xl">
-                <h1 className="font-black">{t("page-index-title")}</h1>
-                <p className="max-w-96 text-md text-body-medium lg:text-lg">
-                  {t("page-index-description")}
-                </p>
-              </div>
-            </div>,
-            // Variation1: New title/subtitle for persona modal
-            <div
-              key="persona-hero-content"
-              className="flex flex-col items-center gap-y-5 lg:max-w-2xl"
-            >
-              <LanguageMorpher />
-              <div className="flex flex-col items-center gap-y-5 lg:max-w-2xl">
-                <h1 className="font-black">
-                  The internet
-                  <br />
-                  that belongs to you
-                </h1>
-                <p className="max-w-lg text-md text-body-medium lg:text-lg">
-                  Create, own, build, connect, and transact.
-                  <br />
-                  Ethereum is a network that everyone can use and anyone can
-                  build on.
-                </p>
-              </div>
-            </div>,
-          ]}
-        />
+        <div className="flex flex-col items-center">
+          <LanguageMorpher />
+          <div className="flex flex-col items-center gap-y-5 lg:max-w-2xl">
+            <h1 className="font-black">{t("page-index-title")}</h1>
+            <p className="max-w-96 text-md text-body-medium lg:text-lg">
+              {t("page-index-description")}
+            </p>
+          </div>
+        </div>
       </div>
     </div>
   )

From dee8e381dad2c7f4b6fcbcb382f68a62717ebcbf Mon Sep 17 00:00:00 2001
From: Pablo Pettinari <pettinarip@gmail.com>
Date: Thu, 5 Feb 2026 09:11:08 +0100
Subject: [PATCH 2/2] remove orphaned PersonaModalCTA component

---
 src/components/Homepage/PersonaModalCTA.tsx | 173 --------------------
 1 file changed, 173 deletions(-)
 delete mode 100644 src/components/Homepage/PersonaModalCTA.tsx

diff --git a/src/components/Homepage/PersonaModalCTA.tsx b/src/components/Homepage/PersonaModalCTA.tsx
deleted file mode 100644
index aedc5b6a994..00000000000
--- a/src/components/Homepage/PersonaModalCTA.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-"use client"
-
-import { useState } from "react"
-import { BookOpen, Building2, Code, ExternalLink } from "lucide-react"
-
-import { ChevronNext } from "@/components/Chevron"
-import { Button } from "@/components/ui/buttons/Button"
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog-modal"
-import { BaseLink } from "@/components/ui/Link"
-
-import { cn } from "@/lib/utils/cn"
-import { trackCustomEvent } from "@/lib/utils/matomo"
-
-type PersonaLink = {
-  label: string
-  href: string
-  isExternal?: boolean
-}
-
-type PersonaCategory = {
-  id: string
-  label: string
-  Icon: React.FC<{ className?: string }>
-  iconBgClass: string
-  iconColorClass: string
-  links: PersonaLink[]
-}
-
-const categories: PersonaCategory[] = [
-  {
-    id: "beginners",
-    label: "For beginners",
-    Icon: BookOpen,
-    iconBgClass: "bg-accent-a/20",
-    iconColorClass: "text-accent-a",
-    links: [
-      { label: "What is Ethereum?", href: "/what-is-ethereum/" },
-      { label: "Get a wallet", href: "/wallets/find-wallet/" },
-    ],
-  },
-  {
-    id: "developers",
-    label: "For developers",
-    Icon: Code,
-    iconBgClass: "bg-primary-low-contrast",
-    iconColorClass: "text-primary",
-    links: [
-      { label: "Developer Hub", href: "/developers/" },
-      { label: "Docs", href: "/developers/docs/" },
-    ],
-  },
-  {
-    id: "enterprise",
-    label: "For enterprise",
-    Icon: Building2,
-    iconBgClass: "bg-accent-c/20",
-    iconColorClass: "text-accent-c",
-    links: [
-      { label: "Founders", href: "/founders/" },
-      {
-        label: "Institutions",
-        href: "https://institutions.ethereum.org/",
-        isExternal: true,
-      },
-    ],
-  },
-]
-
-type PersonaModalCTAProps = {
-  eventCategory: string
-}
-
-const PersonaModalCTA = ({ eventCategory }: PersonaModalCTAProps) => {
-  const [isOpen, setIsOpen] = useState(false)
-
-  const handleOpenChange = (open: boolean) => {
-    if (open) {
-      trackCustomEvent({
-        eventCategory,
-        eventAction: "start here",
-        eventName: "start here",
-      })
-    }
-    setIsOpen(open)
-  }
-
-  const handleLinkClick = (label: string) => {
-    trackCustomEvent({
-      eventCategory,
-      eventAction: "modal",
-      eventName: label,
-    })
-    setIsOpen(false)
-  }
-
-  return (
-    <Dialog open={isOpen} onOpenChange={handleOpenChange}>
-      <DialogTrigger asChild>
-        <Button variant="solid" size="lg" className="gap-2">
-          Start here
-          <ChevronNext className="size-5" />
-        </Button>
-      </DialogTrigger>
-      <DialogContent className="max-w-[1440px] p-4 md:rounded-[32px] md:p-8">
-        <DialogHeader className="pe-0 pt-8 md:pt-0">
-          <DialogTitle className="text-center text-2xl font-bold md:text-4xl">
-            What brings you here?
-          </DialogTitle>
-        </DialogHeader>
-        <div className="mt-4 grid gap-4 md:mt-6 md:grid-cols-3 md:gap-6">
-          {categories.map(
-            ({ id, label, Icon, iconBgClass, iconColorClass, links }) => (
-              <div
-                key={id}
-                className="border-border-default flex flex-col rounded-3xl border p-6 md:p-10"
-              >
-                {/* Icon and Category Label */}
-                <div className="mb-6 flex flex-col gap-2 md:mb-8 md:gap-4">
-                  <div
-                    className={cn(
-                      "grid size-8 place-items-center rounded-lg md:size-16 md:rounded-2xl",
-                      iconBgClass
-                    )}
-                  >
-                    <Icon className={cn("size-4 md:size-8", iconColorClass)} />
-                  </div>
-                  <p className="text-sm font-bold uppercase tracking-wider">
-                    {label}
-                  </p>
-                </div>
-
-                {/* Links */}
-                <div className="mt-auto flex flex-col gap-2 md:gap-4">
-                  {links.map(({ label: linkLabel, href, isExternal }, idx) => (
-                    <div key={linkLabel}>
-                      {idx > 0 && <div className="mb-2 border-t md:mb-4" />}
-                      <BaseLink
-                        href={href}
-                        onClick={() => handleLinkClick(linkLabel)}
-                        hideArrow
-                        className="group flex items-center justify-between text-xl font-bold text-primary no-underline transition-colors hover:text-primary-hover md:text-3xl"
-                        {...(isExternal && {
-                          target: "_blank",
-                          rel: "noopener noreferrer",
-                        })}
-                      >
-                        <span className="flex items-center gap-1">
-                          {linkLabel}
-                          {isExternal && (
-                            <ExternalLink className="size-3 text-body-medium md:size-4" />
-                          )}
-                        </span>
-                        <ChevronNext className="size-5 text-primary transition-transform group-hover:translate-x-1" />
-                      </BaseLink>
-                    </div>
-                  ))}
-                </div>
-              </div>
-            )
-          )}
-        </div>
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-export default PersonaModalCTA