Merge branch 'dev' into e2e-tests

Author: pettinarip

.all-contributorsrc

@@ -12782,6 +12782,15 @@
       "contributions": [
         "eventOrganizing"
       ]
+    },
+    {
+      "login": "kichong",
+      "name": "kichong",
+      "avatar_url": "https://avatars.githubusercontent.com/u/38249409?v=4",
+      "profile": "https://github.com/kichong",
+      "contributions": [
+        "content"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.storybook/main.ts

@@ -77,5 +77,8 @@ const config: StorybookConfig = {
 
     reactDocgen: "react-docgen-typescript",
   },
+  features: {
+    experimentalRSC: true,
+  },
 }
 export default config

README.md

@@ -1992,6 +1992,9 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
       <td align="center" valign="top" width="14.28%"><a href="https://www.suci.io/"><img src="https://avatars.githubusercontent.com/u/155696196?v=4?s=100" width="100px;" alt="SUCI - Blockchain Hub Team"/><br /><sub><b>SUCI - Blockchain Hub Team</b></sub></a><br /><a href="#maintenance-adminsuci" title="Maintenance">🚧</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/Nik-EpicWeb3"><img src="https://avatars.githubusercontent.com/u/214466248?v=4?s=100" width="100px;" alt="Nik-EpicWeb3"/><br /><sub><b>Nik-EpicWeb3</b></sub></a><br /><a href="#eventOrganizing-Nik-EpicWeb3" title="Event Organizing">📋</a></td>
     </tr>
+    <tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kichong"><img src="https://avatars.githubusercontent.com/u/38249409?v=4?s=100" width="100px;" alt="kichong"/><br /><sub><b>kichong</b></sub></a><br /><a href="#content-kichong" title="Content">🖋</a></td>
+    </tr>
   </tbody>
 </table>
 

app/[locale]/page.tsx

@@ -447,7 +447,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
           </Link>
         </p>
       </BannerNotification>
-      <HomeHero heroImg={Hero} className="w-full" />
+      <HomeHero heroImg={Hero} className="w-full" locale={locale} />
       <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">
           {subHeroCTAs.map(

public/content/zero-knowledge-proofs/index.md

@@ -46,6 +46,12 @@ Current identity management systems put personal information at risk. Zero-knowl
 
 Zero-knowledge proofs are particularly useful in the context of [decentralized identity](/decentralized-identity/). Decentralized identity (also described as ‘self-sovereign identity’) gives the individual the ability to control access to personal identifiers. Proving your citizenship without revealing your tax ID or passport details is a good example of how zero-knowledge technology enables decentralized identity.
 
+### Proof of Humanity {#proof-of-humanity}
+
+One of the most widely used examples of zero-knowledge proofs in action today is the [World ID protocol](https://world.org/blog/world/world-id-faqs), which can be thought of as “a global digital passport for the age of AI.” It allows people to prove they are unique individuals without revealing personal information. This is achieved through a device called the Orb, which scans a person's iris and generates an iris code. The iris code is checked and verified to confirm the person is a biologically unique human being. After verification, an identity commitment generated on the user’s device (and not linked to or derived from the biometric data) is added to a secure list on the blockchain. Then, whenever the user wants to prove they’re a verified human – whether to sign in, vote, or take other actions – they can generate a zero-knowledge proof that confirms their membership in the list. The beauty of using a zero-knowledge proof is that only one statement is revealed: this person is unique. Everything else stays private.
+
+World ID relies on the [Semaphore protocol](https://docs.semaphore.pse.dev/) developed by the [PSE team](https://pse.dev/) at the Ethereum Foundation. Semaphore is designed to be a lightweight yet powerful way to generate and verify zero-knowledge proofs. It lets users prove they're part of a group (in this case, verified humans) without showing which member of the group they are. Semaphore is also highly flexible, allowing groups to be created based on a wide range of criteria such as identity verification, participation in events, or ownership of credentials.
+
 ### Authentication {#authentication}
 
 Using online services requires proving your identity and right to access those platforms. This often requires providing personal information, like names, email addresses, birth dates, and so on. You may also need to memorize long passwords or risk losing access.

public/images/wallets/metamask.png

@@ -1,21 +1,24 @@
-import type { ClassNameProp, CommonHeroProps } from "@/lib/types"
+import { getTranslations } from "next-intl/server"
+
+import type { ClassNameProp, CommonHeroProps, Lang } from "@/lib/types"
 
 import LanguageMorpher from "@/components/Homepage/LanguageMorpher"
 import { Image } from "@/components/Image"
 
-import useTranslation from "@/hooks/useTranslation"
-
-export type HomeHeroProps = Pick<CommonHeroProps, "heroImg"> & ClassNameProp
+export type HomeHeroProps = Pick<CommonHeroProps, "heroImg"> &
+  ClassNameProp & {
+    locale: Lang
+  }
 
-const HomeHero = ({ heroImg, className }: HomeHeroProps) => {
-  const { t } = useTranslation("page-index")
+const HomeHero = async ({ heroImg, className, locale }: HomeHeroProps) => {
+  const t = await getTranslations({ locale, namespace: "page-index" })
 
   return (
     <div className={className}>
       <div className="h-[240px] md:h-[380px] lg:h-[480px]">
         <Image
           src={heroImg}
-          alt={t("page-index:page-index-hero-image-alt")}
+          alt={t("page-index-hero-image-alt")}
           // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
           sizes="(max-width: 1504px) 100vw, 1504px"
           className="h-full w-full object-cover"
@@ -25,9 +28,9 @@ const HomeHero = ({ heroImg, className }: HomeHeroProps) => {
       <div className="flex flex-col items-center border-t-[3px] border-primary-low-contrast px-4 py-10 text-center">
         <LanguageMorpher />
         <div className="flex flex-col items-center gap-y-5 lg:max-w-2xl">
-          <h1 className="font-black">{t("page-index:page-index-title")}</h1>
+          <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:page-index-description")}
+            {t("page-index-description")}
           </p>
         </div>
       </div>

src/components/Hero/HomeHero/HomeHero.stories.tsx

@@ -308,7 +308,7 @@ export const walletsData: WalletData[] = [
     ],
   },
   {
-    last_updated: "2025-02-01",
+    last_updated: "2025-03-17",
     name: "MetaMask",
     image: MetaMaskImage,
     twBackgroundColor: "bg-[#FFFFFF]",
@@ -362,8 +362,8 @@ export const walletsData: WalletData[] = [
       "zh-tw",
     ],
     twitter: "https://x.com/metamask",
-    discord: "",
-    reddit: "",
+    discord: "https://discord.gg/consensys",
+    reddit: "https://www.reddit.com/r/Metamask",
     telegram: "",
     ios: true,
     android: true,