+ The user-owned internet
+
+
+ Ethereum gives back control of your assets
+
+
+
+
+ Your bank account is an entry in someone else's database. Your
+ application is a file in someone else's server. Ethereum is an
+ alternative network where you hold your assets directly.
+
+
+ Trusted by leading institutions
+
+ Built to last
+
+
+
+ Major financial institutions choose Ethereum because it's the
+ most battle-tested, low-risk, and dependable blockchain. The code is
+ open, the network is always on, and the track record speaks for
+ itself.
+
+
+
+ See institutional adoption
+
+
+
+
+ {logos.map((logo) => (
+
+
+
+ ))}
+
+
+
+ )
+}
+
+export default TrustLogos
diff --git a/src/components/Matomo.tsx b/src/components/Matomo.tsx
index 9136e31f294..f316352ddbb 100644
--- a/src/components/Matomo.tsx
+++ b/src/components/Matomo.tsx
@@ -4,28 +4,34 @@ import { useEffect, useState } from "react"
import { usePathname } from "next/navigation"
import { init, push } from "@socialgouv/matomo-next"
-import { IS_PREVIEW_DEPLOY } from "@/lib/utils/env"
+// Module-level flag to prevent double initialization in React Strict Mode
+let matomoInitialized = false
export default function Matomo() {
const pathname = usePathname()
- const [inited, setInited] = useState(false)
const [previousPath, setPreviousPath] = useState("")
useEffect(() => {
- if (!IS_PREVIEW_DEPLOY && !inited) {
+ if (!matomoInitialized) {
init({
url: process.env.NEXT_PUBLIC_MATOMO_URL!,
siteId: process.env.NEXT_PUBLIC_MATOMO_SITE_ID!,
})
+ // Use sendBeacon API for reliable tracking during page navigation
+ // Without this, click events on internal links are lost due to race
+ // conditions with Next.js client-side routing
+ // See: https://matomo.org/faq/how-to/faq_33087/
+ push(["alwaysUseSendBeacon"])
+
console.log(
"[Matomo] initialized with URL:",
process.env.NEXT_PUBLIC_MATOMO_URL
)
- setInited(true)
+ matomoInitialized = true
}
- }, [inited])
+ }, [])
/**
* The @socialgouv/matomo-next does not work with next 13
diff --git a/src/components/ScrollDepthTracker.tsx b/src/components/ScrollDepthTracker.tsx
new file mode 100644
index 00000000000..33881314e98
--- /dev/null
+++ b/src/components/ScrollDepthTracker.tsx
@@ -0,0 +1,72 @@
+"use client"
+
+import { useEffect, useRef } from "react"
+
+import { trackCustomEvent } from "@/lib/utils/matomo"
+
+const THRESHOLDS = [25, 50, 75, 100] as const
+
+interface ScrollDepthTrackerProps {
+ eventCategory: string
+}
+
+export default function ScrollDepthTracker({
+ eventCategory,
+}: ScrollDepthTrackerProps) {
+ const firedThresholds = useRef>(new Set())
+
+ useEffect(() => {
+ let ticking = false
+ let rafId: number | null = null
+
+ const cleanup = () => {
+ window.removeEventListener("scroll", throttledHandler)
+ if (rafId !== null) {
+ window.cancelAnimationFrame(rafId)
+ }
+ }
+
+ const handleScroll = () => {
+ const scrollTop = window.scrollY
+ const docHeight = document.documentElement.scrollHeight
+ const viewportHeight = window.innerHeight
+ const scrollPercent = ((scrollTop + viewportHeight) / docHeight) * 100
+
+ for (const threshold of THRESHOLDS) {
+ if (
+ scrollPercent >= threshold &&
+ !firedThresholds.current.has(threshold)
+ ) {
+ firedThresholds.current.add(threshold)
+ trackCustomEvent({
+ eventCategory,
+ eventAction: "scroll_depth",
+ eventName: `${threshold}%`,
+ })
+ }
+ }
+
+ // Remove listener once all thresholds have been tracked
+ if (firedThresholds.current.size === THRESHOLDS.length) {
+ cleanup()
+ }
+ }
+
+ const throttledHandler = () => {
+ if (!ticking) {
+ rafId = window.requestAnimationFrame(() => {
+ handleScroll()
+ ticking = false
+ })
+ ticking = true
+ }
+ }
+
+ window.addEventListener("scroll", throttledHandler, { passive: true })
+ handleScroll() // Check initial scroll position
+
+ return cleanup
+ }, [eventCategory])
+
+ return null
+}
diff --git a/src/components/TrackedSection.tsx b/src/components/TrackedSection.tsx
new file mode 100644
index 00000000000..b021ab180e1
--- /dev/null
+++ b/src/components/TrackedSection.tsx
@@ -0,0 +1,54 @@
+"use client"
+
+import { useEffect, useRef } from "react"
+import { useIntersectionObserver } from "usehooks-ts"
+import { Slot } from "@radix-ui/react-slot"
+
+import { trackCustomEvent } from "@/lib/utils/matomo"
+
+type TrackedSectionProps = {
+ id: string
+ eventCategory: string
+ children: React.ReactNode
+ asChild?: boolean
+}
+
+export function TrackedSection({
+ id,
+ eventCategory,
+ children,
+ asChild = false,
+}: TrackedSectionProps) {
+ const { ref, isIntersecting } = useIntersectionObserver({ threshold: 0.3 })
+ const hasTrackedView = useRef(false)
+ const timerRef = useRef(null)
+
+ // Track section_view after 1 second of visibility
+ useEffect(() => {
+ if (isIntersecting && !hasTrackedView.current) {
+ timerRef.current = setTimeout(() => {
+ trackCustomEvent({
+ eventCategory,
+ eventAction: "section_view",
+ eventName: id,
+ })
+ hasTrackedView.current = true
+ }, 1000)
+ } else if (!isIntersecting && timerRef.current) {
+ clearTimeout(timerRef.current)
+ timerRef.current = null
+ }
+
+ return () => {
+ if (timerRef.current) clearTimeout(timerRef.current)
+ }
+ }, [isIntersecting, eventCategory, id])
+
+ const Comp = asChild ? Slot : "div"
+
+ return (
+
+ {children}
+
+ )
+}
diff --git a/src/components/ui/link-box.tsx b/src/components/ui/link-box.tsx
index 75db189490c..80eb7ab21cb 100644
--- a/src/components/ui/link-box.tsx
+++ b/src/components/ui/link-box.tsx
@@ -40,7 +40,9 @@ const LinkOverlay = forwardRef(
matomoEvent && trackCustomEvent(matomoEvent)}
diff --git a/src/components/ui/section.tsx b/src/components/ui/section.tsx
index 40c7a796623..bc43d444ce1 100644
--- a/src/components/ui/section.tsx
+++ b/src/components/ui/section.tsx
@@ -59,16 +59,23 @@ const SectionHeader = React.forwardRef<
))
SectionHeader.displayName = "SectionHeader"
+const tagVariants = cva("w-fit text-sm uppercase", {
+ variants: {
+ variant: {
+ pill: "rounded-full bg-primary-low-contrast px-4 py-0.5 text-primary",
+ plain: "font-semibold tracking-wider text-primary-high-contrast",
+ },
+ },
+ defaultVariants: { variant: "pill" },
+})
+
const SectionTag = React.forwardRef<
HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
+ React.HTMLAttributes & VariantProps
+>(({ className, variant, ...props }, ref) => (
))
diff --git a/src/data-layer/fetchers/fetchAccountHolders.ts b/src/data-layer/fetchers/fetchAccountHolders.ts
new file mode 100644
index 00000000000..99a6f8ef01c
--- /dev/null
+++ b/src/data-layer/fetchers/fetchAccountHolders.ts
@@ -0,0 +1,61 @@
+import type { MetricReturnData } from "@/lib/types"
+
+import { DUNE_API_URL } from "@/lib/constants"
+
+export const FETCH_ACCOUNT_HOLDERS_TASK_ID = "fetch-account-holders"
+
+// Dune query: https://dune.com/queries/6676254
+// "Ethereum Cumulative Unique Addresses" - Total count of unique addresses
+// that have ever sent or received a transaction on Ethereum mainnet.
+const DUNE_QUERY_ID = "6676254"
+
+type AccountHoldersResponse = {
+ result: {
+ rows: Array<{ unique_addresses: number }>
+ }
+}
+
+/**
+ * Fetch cumulative unique Ethereum addresses from Dune Analytics API.
+ * Returns the total count of addresses that have ever transacted on mainnet.
+ */
+export async function fetchAccountHolders(): Promise {
+ const duneApiKey = process.env.DUNE_API_KEY
+
+ if (!duneApiKey) {
+ throw new Error("Dune API key not found (DUNE_API_KEY)")
+ }
+
+ const url = new URL(`api/v1/query/${DUNE_QUERY_ID}/results`, DUNE_API_URL)
+
+ console.log("Starting account holders data fetch from Dune Analytics")
+
+ const response = await fetch(url, {
+ headers: { "X-Dune-API-Key": duneApiKey },
+ })
+
+ if (!response.ok) {
+ const status = response.status
+ console.warn("Dune Analytics fetch non-OK", { status, url: url.toString() })
+ throw new Error(`Dune Analytics API responded with status ${status}`)
+ }
+
+ const json: AccountHoldersResponse = await response.json()
+ const {
+ result: { rows = [] },
+ } = json
+
+ if (rows.length === 0) {
+ throw new Error("No data returned from Dune Analytics query")
+ }
+
+ const value = rows[0].unique_addresses
+ const timestamp = Date.now()
+
+ console.log("Successfully fetched account holders data", {
+ value,
+ timestamp,
+ })
+
+ return { value, timestamp }
+}
diff --git a/src/data-layer/index.ts b/src/data-layer/index.ts
index ad42e32b925..741fbd18ffb 100644
--- a/src/data-layer/index.ts
+++ b/src/data-layer/index.ts
@@ -45,3 +45,4 @@ export const getTotalEthStakedData = () => get(KEYS.TOTAL_ETH_
export const getTotalValueLockedData = () => get(KEYS.TOTAL_VALUE_LOCKED)
export const getEventsData = () => get(KEYS.EVENTS)
export const getDeveloperToolsData = () => get(KEYS.DEVELOPER_TOOLS)
+export const getAccountHolders = () => get(KEYS.ACCOUNT_HOLDERS)
diff --git a/src/data-layer/mocks/fetch-account-holders.json b/src/data-layer/mocks/fetch-account-holders.json
new file mode 100644
index 00000000000..2cbc5d8688c
--- /dev/null
+++ b/src/data-layer/mocks/fetch-account-holders.json
@@ -0,0 +1,4 @@
+{
+ "value": 292141996,
+ "timestamp": 1739097600000
+}
diff --git a/src/data-layer/mocks/index.ts b/src/data-layer/mocks/index.ts
index f7e9e784f50..87238eb6372 100644
--- a/src/data-layer/mocks/index.ts
+++ b/src/data-layer/mocks/index.ts
@@ -5,10 +5,11 @@
* for local development without needing to connect to Netlify Blobs.
*
* Generated: 2025-12-16T18:32:05.983Z
- * Total files: 20
+ * Total files: 22
*/
export const mockTaskIds = [
+ "fetch-account-holders",
"fetch-apps",
"fetch-beaconchain",
"fetch-events",
diff --git a/src/data-layer/tasks.ts b/src/data-layer/tasks.ts
index 8f44950be95..3217df6b95b 100644
--- a/src/data-layer/tasks.ts
+++ b/src/data-layer/tasks.ts
@@ -8,6 +8,7 @@
import { schedules, task, tasks } from "@trigger.dev/sdk/v3"
import { fetchDeveloperTools } from "./fetchers/developer-tools"
+import { fetchAccountHolders } from "./fetchers/fetchAccountHolders"
import { fetchApps } from "./fetchers/fetchApps"
import { fetchBeaconChain } from "./fetchers/fetchBeaconChain"
import { fetchBlobscanStats } from "./fetchers/fetchBlobscanStats"
@@ -54,12 +55,14 @@ export const KEYS = {
TOTAL_ETH_STAKED: "fetch-total-eth-staked",
TOTAL_VALUE_LOCKED: "fetch-total-value-locked",
STABLECOINS_DATA: "fetch-stablecoins-data",
+ ACCOUNT_HOLDERS: "fetch-account-holders",
} as const
// Task definition: storage key + fetch function
type TaskDef = [string, () => Promise]
const DAILY: TaskDef[] = [
+ [KEYS.ACCOUNT_HOLDERS, fetchAccountHolders],
[KEYS.APPS, fetchApps],
[KEYS.CALENDAR_EVENTS, fetchCalendarEvents],
[KEYS.COMMUNITY_PICKS, fetchCommunityPicks],
diff --git a/src/lib/ab-testing/server.ts b/src/lib/ab-testing/server.ts
index 34d62e6d9d4..004c7be7fd2 100644
--- a/src/lib/ab-testing/server.ts
+++ b/src/lib/ab-testing/server.ts
@@ -1,8 +1,16 @@
+import { SITE_URL } from "@/lib/constants"
+
import type { ABTestAssignment, ABTestConfig } from "./types"
+// Search engine and social media crawlers - serve Original to ensure consistent
+// indexing and link previews. This is NOT cloaking per Google's A/B testing guidelines:
+// https://developers.google.com/search/docs/advanced/guidelines/cloaking
+const BOT_PATTERN =
+ /googlebot|bingbot|yandex|baiduspider|duckduckbot|slurp|facebookexternalhit|twitterbot|linkedinbot|discordbot|telegrambot|whatsapp|slackbot/i
+
const getABTestConfigs = async (): Promise> => {
try {
- const response = await fetch("https://ethereum.org/api/ab-config", {
+ const response = await fetch(`${SITE_URL}/api/ab-config`, {
next: { revalidate: 3600 },
})
@@ -30,6 +38,10 @@ export const getABTestAssignment = async (
headers.get("x-forwarded-for") || headers.get("x-real-ip") || "unknown"
const userAgent = headers.get("user-agent") || ""
+ // Always serve Original to bots to prevent indexing fluctuation during A/B tests
+ // and ensure consistent social media link previews
+ if (BOT_PATTERN.test(userAgent)) return null
+
// Add privacy-preserving entropy sources
const acceptLanguage = headers.get("accept-language") || ""
const acceptEncoding = headers.get("accept-encoding") || ""
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index f1a39a1d69e..a25268d19bc 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -24,10 +24,15 @@ export const LOCALES_CODES = BUILD_LOCALES
? BUILD_LOCALES.split(",")
: i18nConfig.map(({ code }) => code)
-// Site urls
+// Site urls - auto-detect from Netlify deploy context
export const SITE_URL =
- process.env.NEXT_PUBLIC_SITE_URL || "https://ethereum.org"
+ process.env.NEXT_PUBLIC_SITE_URL ||
+ process.env.DEPLOY_PRIME_URL || // Branch/PR deploys
+ process.env.DEPLOY_URL || // Unique deploy URL
+ process.env.URL || // Primary site URL
+ "https://ethereum.org"
export const DISCORD_PATH = "https://discord.gg/ethereum-org/"
+export const ENTERPRISE_ETHEREUM_URL = "https://institutions.ethereum.org/"
export const GITHUB_REPO_URL =
"https://github.com/ethereum/ethereum-org-website/"
export const EDIT_CONTENT_URL = `https://github.com/ethereum/ethereum-org-website/tree/dev/`
diff --git a/src/lib/data/index.ts b/src/lib/data/index.ts
index 24aece5ef0f..fc029ef4918 100644
--- a/src/lib/data/index.ts
+++ b/src/lib/data/index.ts
@@ -148,3 +148,9 @@ export const getDeveloperToolsData = createCachedGetter(
["developer-tools-data"],
CACHE_REVALIDATE_DAY
)
+
+export const getAccountHolders = createCachedGetter(
+ dataLayer.getAccountHolders,
+ ["account-holders"],
+ CACHE_REVALIDATE_DAY
+)
diff --git a/src/lib/nav/buildNavigation.ts b/src/lib/nav/buildNavigation.ts
index c1279bd4e53..4015cc217a1 100644
--- a/src/lib/nav/buildNavigation.ts
+++ b/src/lib/nav/buildNavigation.ts
@@ -1,5 +1,7 @@
import type { NavSections } from "@/components/Nav/types"
+import { ENTERPRISE_ETHEREUM_URL } from "@/lib/constants"
+
type TranslateFn = (key: string) => string
export const buildNavigation = (t: TranslateFn): NavSections => {
@@ -366,7 +368,7 @@ export const buildNavigation = (t: TranslateFn): NavSections => {
{
label: t("enterprise"),
description: t("nav-enterprise-description"),
- href: "/enterprise/",
+ href: ENTERPRISE_ETHEREUM_URL,
},
{
label: t("founders"),
+