Back-merge master into staging

app/[locale]/page.tsx

@@ -11,8 +11,11 @@ import type {
 import type { Lang } 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 DevconnectBannerVariation1 from "@/components/DevconnectBanner/Variation1"
+import DevconnectBannerVariation2 from "@/components/DevconnectBanner/Variation2"
 import HomeHero from "@/components/Hero/HomeHero"
 import BentoCard from "@/components/Homepage/BentoCard"
 import CodeExamples from "@/components/Homepage/CodeExamples"
@@ -428,6 +431,10 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     <>
       <IndexPageJsonLD locale={locale} />
       <MainArticle className="flex w-full flex-col items-center" dir={dir}>
+        <ABTestWrapper
+          testKey="2025-09-devconnect-banner"
+          variants={[<DevconnectBannerVariation1 key="variation-1" />, <></>]}
+        />
         <HomeHero />
         <div className="w-full space-y-32 px-4 md:mx-6 lg:space-y-48">
           <div className="my-20 grid w-full grid-cols-2 gap-x-4 gap-y-8 md:grid-cols-4 md:gap-x-10">
@@ -469,6 +476,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
             )}
           </div>
 
+          <div className="!mt-0 w-full">
+            <ABTestWrapper
+              testKey="2025-09-devconnect-banner"
+              variants={[
+                <></>,
+                <DevconnectBannerVariation2 key="variation-2" />,
+              ]}
+            />
+          </div>
+
           {/* Use Cases - A new way to use the internet */}
           <Section
             id="use"

src/components/Banners/BugBountyBanner/index.tsx

@@ -9,7 +9,8 @@ const BugBountyBanner = () => (
   <BannerNotification shouldShow>
     <Center>
       <p>
-        The Fusaka Contest is currently running on Sherlock with up to 2M USD in rewards!
+        The Fusaka Contest is currently running on Sherlock with up to 2M USD in
+        rewards!
       </p>
     </Center>
   </BannerNotification>

src/components/DevconnectBanner/Variation1/index.tsx

@@ -0,0 +1,51 @@
+import Banner from "@/components/DevconnectBanner/Variation1/banner.svg"
+import { Image } from "@/components/Image"
+import { ButtonLink } from "@/components/ui/buttons/Button"
+
+import { useTranslation } from "@/hooks/useTranslation"
+import DevconnectLogo from "@/public/images/devconnect/devconnect-logo.png"
+
+const DevconnectBannerVariation1 = () => {
+  const { t } = useTranslation("page-index")
+
+  return (
+    <div className="relative w-full">
+      <Banner className="h-[66px] w-full" />
+      <div className="absolute inset-0 flex h-[66px] w-full items-center justify-between px-3 md:px-6">
+        <div className="flex flex-col gap-0 md:flex-row md:items-center md:gap-4">
+          <Image
+            src={DevconnectLogo}
+            alt="Devconnect"
+            className="h-[27px] w-auto md:h-[50px]"
+            sizes="(max-width: 768px) 77px, 142px"
+          />
+          <div className="hidden sm:block">
+            <p className="text-xs/6xs text-black">
+              <strong>17 - 22 Nov</strong> 2025
+            </p>
+            <p className="text-xs/6xs font-bold text-black">
+              Buenos Aires, Argentina
+            </p>
+          </div>
+        </div>
+        <div className="max-w-[200px] text-wrap text-center md:max-w-[287px] lg:max-w-[474px]">
+          <p className="text-xs font-bold text-black md:text-sm lg:text-xl">
+            {t(
+              "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year"
+            )}
+          </p>
+        </div>
+        <ButtonLink
+          href="https://devconnect.org/"
+          size="sm"
+          hideArrow
+          className="rounded-none border-b-2 border-b-[#215D93] bg-[#74ACDF] uppercase text-2xs text-white hover:bg-[#215D93] md:text-md"
+        >
+          {t("page-index-devconnect-banner-get-tickets")}
+        </ButtonLink>
+      </div>
+    </div>
+  )
+}
+
+export default DevconnectBannerVariation1

src/components/DevconnectBanner/Variation2/index.tsx

@@ -0,0 +1,50 @@
+import { Image } from "@/components/Image"
+import { ButtonLink } from "@/components/ui/buttons/Button"
+
+import { useTranslation } from "@/hooks/useTranslation"
+import DevconnectBanner from "@/public/images/devconnect/devconnect-banner.png"
+import DevconnectLogo from "@/public/images/devconnect/devconnect-logo-transparent.png"
+
+const DevconnectBannerVariation2 = () => {
+  const { t } = useTranslation("page-index")
+
+  return (
+    <div className="relative flex w-full flex-col items-center justify-center overflow-hidden rounded-4xl bg-cover bg-center p-8">
+      <Image
+        src={DevconnectBanner}
+        alt=""
+        className="absolute inset-0 -z-10 h-full object-cover"
+        sizes="100vw"
+      />
+      <div className="mb-4 flex w-full flex-col items-center justify-between gap-2 md:flex-row">
+        <Image
+          src={DevconnectLogo}
+          alt="Devconnect Logo"
+          className="h-[65px] w-auto object-contain"
+          sizes="202px"
+        />
+        <div className="text-center font-bold text-white">
+          <p>17 - 22 Nov 2025</p>
+          <p>Buenos Aires, Argentina</p>
+        </div>
+      </div>
+      <div className="mb-8 max-w-[640px] text-center">
+        <p className="text-3xl font-bold text-white [text-shadow:0_4px_8px_rgba(0,0,0,0.65)] md:text-5xl">
+          {t(
+            "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year"
+          )}
+        </p>
+      </div>
+      <ButtonLink
+        href="https://devconnect.org/"
+        size="sm"
+        hideArrow
+        className="rounded-none border-b-2 border-b-[#B2820A] bg-[#F6B40E] font-bold uppercase text-[2xs] text-black hover:bg-[#B2820A] hover:!text-black md:text-md"
+      >
+        {t("page-index-devconnect-banner-get-tickets")}
+      </ButtonLink>
+    </div>
+  )
+}
+
+export default DevconnectBannerVariation2

src/intl/am/page-index.json

@@ -116,5 +116,7 @@
   "page-index-values-open-legacy-label": "ለአብዛኛዎቹ ዝግ ነው",
   "page-index-values-open-legacy-content-0": "ኩባንያዎች አእምሮአዊ ንብረታቸውን ስለሚጠብቁ አያጋሩትም። ከኩባንያው ውጪ የሆነ ማንኛውም ሰው ነገሮች እንዴት እንደሚሠሩ ማየት፣ ችግሮችን መፍታት ወይም ማሻሻያዎችን ማድረግ አይችልም። ሰዎች አዲስ መሣሪያዎችን ለመሥራት ወይም ነባሮቹን ለማበጀት ይቸገራሉ።",
   "page-index-values-open-ethereum-label": "ለሁሉም ክፍት የሆነ",
-  "page-index-values-open-ethereum-content-0": "Ethereum በሁሉም ሰው ሊገኝ የሚችል ነው። ማንኛውም ሰው ሊመለከተው፣ ሊጠቀምበት እና ለሁሉም የተሻለ እንዲሆን ለማድረግ ኮዱን ሊያሻሽል ይችላል።"
-}
+  "page-index-values-open-ethereum-content-0": "Ethereum በሁሉም ሰው ሊገኝ የሚችል ነው። ማንኛውም ሰው ሊመለከተው፣ ሊጠቀምበት እና ለሁሉም የተሻለ እንዲሆን ለማድረግ ኮዱን ሊያሻሽል ይችላል።",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "የአመቱ ትልቁን የ Ethereum ዝግጅት ይቀላቀሉ",
+  "page-index-devconnect-banner-get-tickets": "ቲኬቶችን ያግኙ"
+}

src/intl/ar/page-index.json

@@ -117,5 +117,7 @@
   "page-index-values-open-legacy-label": "مغلقة للأغلبية",
   "page-index-values-open-legacy-content-0": "تحمي الشركات ملكيتها الفكرية ولا تشاركها مع الآخرين. ولا يستطيع أحد خارج الشركة أن يرى كيفية سير الأعمال، أو حل المشكلات، أو إجراء التطويرات. ومن الصعب على الأشخاص أن يبتكروا أدوات جديدة أو يخصصوها.",
   "page-index-values-open-ethereum-label": "مفتوحة للجميع",
-  "page-index-values-open-ethereum-content-0": "الإيثريوم متاحة للجميع. يمكن لأي شخص رؤية النص البرمجي واستخدامه وتحسينه، ما يجعله أفضل للجميع."
-}
+  "page-index-values-open-ethereum-content-0": "الإيثريوم متاحة للجميع. يمكن لأي شخص رؤية النص البرمجي واستخدامه وتحسينه، ما يجعله أفضل للجميع.",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "انضم إلى أكبر حدث Ethereum لهذا العام",
+  "page-index-devconnect-banner-get-tickets": "احصل على التذاكر"
+}

src/intl/az/page-index.json

@@ -116,5 +116,7 @@
   "page-index-values-open-legacy-label": "Çoxları üçün bağlı",
   "page-index-values-open-legacy-content-0": "Şirkətlər əqli mülkiyyətlərini qoruyur və onu paylaşmırlar. Kənardan heç kim işlərin yerinə yetirilmə qaydasını görə, problemləri həll edə, yaxud işləri təkmilləşdirə bilməz. İnsanların yeni alətlər yaratması və ya onları fərdiləşdiməsi çətindir.",
   "page-index-values-open-ethereum-label": "Hamı üçün açıq",
-  "page-index-values-open-ethereum-content-0": "Ethereum hamı üçün əlçatandır. Hər kəs qaydaları görə, istifadə edə və təkmilləşdirə bilməklə, onların hamı üçün daha yaxşı olmasını təmin edə bilər."
-}
+  "page-index-values-open-ethereum-content-0": "Ethereum hamı üçün əlçatandır. Hər kəs qaydaları görə, istifadə edə və təkmilləşdirə bilməklə, onların hamı üçün daha yaxşı olmasını təmin edə bilər.",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "İlin ən böyük Ethereum tədbirinə qoşulun",
+  "page-index-devconnect-banner-get-tickets": "Bilet əldə edin"
+}

src/intl/be/page-index.json

@@ -116,5 +116,7 @@
   "page-index-values-open-legacy-label": "Недаступнасць для большасці",
   "page-index-values-open-legacy-content-0": "Кампаніі абараняюць сваю інтэлектуальную ўласнасць і не дзеляцца ёю. Ніхто за межамі кампаніі не можа ўбачыць, як усё працуе, ліквідаваць праблемы або ўнесці паляпшэнні. Людзям пры гэтым складана ствараць новыя інструменты або наладжваць іх.",
   "page-index-values-open-ethereum-label": "Даступнасць для ўсіх",
-  "page-index-values-open-ethereum-content-0": "Ethereum з'яўляецца адкрытым для кожнага. Людзі могуць праглядаць, выкарыстоўваць і паляпшаць код для ўсіх."
-}
+  "page-index-values-open-ethereum-content-0": "Ethereum з'яўляецца адкрытым для кожнага. Людзі могуць праглядаць, выкарыстоўваць і паляпшаць код для ўсіх.",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "Далучайцеся да найбуйнейшай падзеі Ethereum года",
+  "page-index-devconnect-banner-get-tickets": "Атрымаць квіткі"
+}

src/intl/bg/page-index.json

@@ -116,5 +116,7 @@
   "page-index-values-open-legacy-label": "Недостъпно за повечето хора",
   "page-index-values-open-legacy-content-0": "Компаниите защитават своята интелектуална собственост и не споделят. Никой извън компанията не може да види как работят нещата, да коригира проблеми или да прави подобрения. За хората е трудно да създават нови инструменти или да персонализират.",
   "page-index-values-open-ethereum-label": "Достъпно за всички",
-  "page-index-values-open-ethereum-content-0": "Eтереум е публичен за всички. Всеки може да види, използва и подобри кода, което го прави по-добър за всички."
-}
+  "page-index-values-open-ethereum-content-0": "Eтереум е публичен за всички. Всеки може да види, използва и подобри кода, което го прави по-добър за всички.",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "Присъединете се към най-голямото Ethereum събитие на годината",
+  "page-index-devconnect-banner-get-tickets": "Вземете билети"
+}

src/intl/bn/page-index.json

@@ -116,5 +116,7 @@
   "page-index-values-open-legacy-label": "বেশিরভাগের কাছে বন্ধ",
   "page-index-values-open-legacy-content-0": "কোম্পানিগুলি তাদের বৌদ্ধিক সম্পত্তি রক্ষা করে এবং তা শেয়ার করে না। কোম্পানির বাইরের কেউ দেখতে কীভাবে জিনিসগুলি চলছে, সমস্যাগুলি সমাধান করা বা উন্নতি করতে পারে না৷ মানুষের পক্ষে নতুন টুলস তৈরি করা বা কাস্টমাইজ করা কঠিন।",
   "page-index-values-open-ethereum-label": "সকলের জন্য উন্মুক্ত",
-  "page-index-values-open-ethereum-content-0": "ইথেরিয়াম সকলের জন্য সর্বজনীন। যে কেউ কোডটি দেখতে, ব্যবহার করতে এবং উন্নত করতে পারে যা এটিকে প্রত্যেকের জন্য আরও ভাল করে তোলে।"
-}
+  "page-index-values-open-ethereum-content-0": "ইথেরিয়াম সকলের জন্য সর্বজনীন। যে কেউ কোডটি দেখতে, ব্যবহার করতে এবং উন্নত করতে পারে যা এটিকে প্রত্যেকের জন্য আরও ভাল করে তোলে।",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "বছরের সবচেয়ে বড় Ethereum ইভেন্টে যোগ দিন",
+  "page-index-devconnect-banner-get-tickets": "টিকেট পান"
+}

src/intl/bs/page-index.json

@@ -114,5 +114,7 @@
   "page-index-values-open-legacy-label": "Zatvoreno za većinu",
   "page-index-values-open-legacy-content-0": "Kompanije štite svoje intelektualno vlasništvo i ne dijele ga. Nitko izvan kompanije ne može vidjeti kako stvari funkcioniraju, popraviti probleme ili napraviti poboljšanja. Ljudima je teško stvarati nove alate ili ih prilagođavati.",
   "page-index-values-open-ethereum-label": "Otvoreno svima",
-  "page-index-values-open-ethereum-content-0": "Ethereum je javan za sve. Svi mogu vidjeti, koristiti i poboljait kôd i učiniti ga boljim za sve."
-}
+  "page-index-values-open-ethereum-content-0": "Ethereum je javan za sve. Svi mogu vidjeti, koristiti i poboljait kôd i učiniti ga boljim za sve.",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "Pridružite se najvećem Ethereum događaju godine",
+  "page-index-devconnect-banner-get-tickets": "Nabavite ulaznice"
+}

src/intl/ca/page-index.json

@@ -118,5 +118,7 @@
   "page-index-values-open-legacy-label": "Tancat per a la majoria",
   "page-index-values-open-legacy-content-0": "Les empreses protegeixen la seva propietat intel·lectual i no la comparteixen. Ningú fora de l'empresa pot veure com funcionen les coses, solucionar problemes ni realitzar millores. És difícil per a les persones crear noves eines o personalitzar-les.",
   "page-index-values-open-ethereum-label": "Obert per a tothom",
-  "page-index-values-open-ethereum-content-0": "Ethereum és públic per a tothom. Qualsevol pot veure, utilitzar i millorar el codi, fent-lo millor per a tots."
-}
+  "page-index-values-open-ethereum-content-0": "Ethereum és públic per a tothom. Qualsevol pot veure, utilitzar i millorar el codi, fent-lo millor per a tots.",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "Uneix-te a l'esdeveniment d'Ethereum més gran de l'any",
+  "page-index-devconnect-banner-get-tickets": "Aconsegueix entrades"
+}

src/intl/cs/page-index.json

@@ -118,5 +118,7 @@
   "page-index-values-open-legacy-label": "Nepřístupnost pro většinu",
   "page-index-values-open-legacy-content-0": "Společnosti chrání své duševní vlastnictví a nesdílejí je. Nikdo mimo ně nemůže vidět, jak věci fungují, opravovat problémy ani provádět vylepšení. Pro lidi je obtížné vytvářet nové nástroje nebo je přizpůsobovat.",
   "page-index-values-open-ethereum-label": "Otevřenost všem",
-  "page-index-values-open-ethereum-content-0": "Ethereum je otevřené všem. Kdokoli může prohlížet, používat a vylepšovat jeho kód a vylepšovat ho pro každého."
-}
+  "page-index-values-open-ethereum-content-0": "Ethereum je otevřené všem. Kdokoli může prohlížet, používat a vylepšovat jeho kód a vylepšovat ho pro každého.",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "Připojte se k největší události roku Ethereum",
+  "page-index-devconnect-banner-get-tickets": "Získejte vstupenky"
+}

src/intl/da/page-index.json

@@ -117,5 +117,7 @@
   "page-index-values-open-legacy-label": "Lukket for de fleste",
   "page-index-values-open-legacy-content-0": "Virksomheder beskytter deres intellektuelle ejendom og deler ikke. Ingen uden for virksomheden kan se, hvordan tingene fungerer, løse problemer eller foretage forbedringer. Det er svært for folk at skabe nye værktøjer eller tilpasse dem.",
   "page-index-values-open-ethereum-label": "Åben for alle",
-  "page-index-values-open-ethereum-content-0": "Ethereum er offentlig for alle. Alle kan se, bruge og forbedre koden, hvilket gør den bedre for alle."
-}
+  "page-index-values-open-ethereum-content-0": "Ethereum er offentlig for alle. Alle kan se, bruge og forbedre koden, hvilket gør den bedre for alle.",
+  "page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year": "Deltag i årets største Ethereum-begivenhed",
+  "page-index-devconnect-banner-get-tickets": "Få billetter"
+}