Skip to content

feat: replace homepage with 2026 redesign#17972

Merged
wackerow merged 119 commits into
masterfrom
homepage
Apr 20, 2026
Merged

feat: replace homepage with 2026 redesign#17972
wackerow merged 119 commits into
masterfrom
homepage

Conversation

@pettinarip
Copy link
Copy Markdown
Member

@pettinarip pettinarip commented Apr 14, 2026

Summary

The 2026 homepage redesign (variant B winner from #17261) replaces the old homepage permanently. The A/B test components were already in the codebase but had hardcoded English strings, no performance optimization, and were wrapped in the test harness. This PR promotes them to production: fully internationalized, lazy-loaded, and accessible.

What changed

Homepage structure. page.tsx dropped from ~980 lines to ~165. The old sections (events feed, RSS, bento cards, values marquee, community stories) are gone. New layout: Hero, KPI counters, Savings carousel, Trust logos, Wallet simulator, Feature cards, Get Started grid. Section order matches the final Figma.

Internationalization. All hardcoded strings extracted into page-index and a new component-wallet-simulator namespace (164 keys). Numbers and currency use numberFormat() for correct Urdu/Arabic numbering systems. The simulator's glossary tooltip picks only the 4 keys it needs instead of loading the full glossary.

Performance. KPI, Carousel, and Simulator sections are dynamically imported with ssr: false via HomepageLazy.tsx, keeping them out of the initial server render. The persona modal lazy-loads its Radix Dialog on first interaction. useEthPrice now calls the internal /api/gas-eth-price route instead of CoinGecko directly, avoiding CORS and rate-limit issues on the client.

Accessibility. Swiper navigation buttons have aria-labels. The carousel uses a region landmark. Safari telephone auto-detection disabled via metadata to prevent false link detection on stat numbers.

Cleanup. Removed Homepage2026 wrapper, HomeHero2026 (merged back into HomeHero), SimulatorI18nWrapper, enterprise logo assets (6 images), and the enterprise category from the persona modal. Design tokens replace hardcoded hex values in the Get Started grid icons.

Test plan

  • Verify all sections render on desktop, tablet, and mobile breakpoints
  • Open "Start here" modal: 3 categories on desktop (Beginners, Explorers, Builders), plus Enterprise on mobile
  • Navigate carousel slides (Privacy, Remittances, Borrowing) and check comparison card alignment
  • Confirm KPI counters animate on scroll with locale-formatted numbers
  • Load wallet simulator, verify interactive steps and glossary tooltips
  • Switch to Arabic locale: RTL layout, correct numbering system, no layout breaks
  • Dark mode: all sections, icon backgrounds, carousel cards
  • Check /wallets page still loads its own simulator instance (no regression from shared data refactor)

Replace the old homepage with the Homepage2026 component that won the
A/B/C test (PR #17261). The components were already in the codebase
from the test; this wires them up as the permanent homepage.

Key changes:
- page.tsx simplified to render Homepage2026 directly
- Hero heading updated to "The internet that belongs to you"
- Persona modal restructured: Beginners, Explorers, Builders (+ Enterprise on mobile)
- Privacy carousel slide replaces DeFi savings slide
- Trust section copy updated, logos removed per final Figma design
- Simulator section moved before Feature Cards per Figma order
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 14, 2026

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit e7278ac
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/69e64743fca40a0008f99ca6
😎 Deploy Preview https://deploy-preview-17972.ethereum.it
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 57 (🔴 down 2 from production)
Accessibility: 93 (🔴 down 1 from production)
Best Practices: 100 (no change from production)
SEO: 98 (🔴 down 1 from production)
PWA: 59 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions github-actions Bot added content 🖋️ This involves copy additions or edits translation 🌍 This is related to our Translation Program labels Apr 16, 2026
@github-actions github-actions Bot added the tooling 🔧 Changes related to tooling of the project label Apr 16, 2026
pettinarip and others added 6 commits April 16, 2026 17:33
Co-Authored-By: wackerow <54227730+wackerow@users.noreply.github.com>
Move manifests from inline with content to dedicated
.manifests/ directory. Structure:
.manifests/{dest-path}/source.json | translation.json

Fixes multi-JSON-namespace collision where one shared
manifest per locale dir lost data. Each file now gets
its own manifest pair. MANIFESTS_DIR in constants.ts.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: wackerow <54227730+wackerow@users.noreply.github.com>
wackerow and others added 23 commits April 20, 2026 08:23
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
Co-Authored-By: Gemini <noreply@google.com>
i18n: intl-pipeline translations (all languages)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

config ⚙️ Changes to configuration files content 🖋️ This involves copy additions or edits tooling 🔧 Changes related to tooling of the project translation 🌍 This is related to our Translation Program

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants